/* 
Filename: 		layout.css
Layout:			Fixed 3col w/ Header and Footer
Author: 		Jean Rodeghiero Marques (jean@e-desegno.com)
Creation Date: 	22/04/08
*/
html, body.core
{ 
	margin:0; 
	padding:0; 
	text-align:center; 
}
 
#pagewidth
{ 
	width:780px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
 
#header
{
	position:relative; 
	height:160px; 
	width:100%;
}

#header img#banner
{
    position:absolute;
    bottom:0px;
    right:10px;
}
 
#wrapper #leftcol
{
	width:138px; 
	float:left; 
	position:relative;
	display:none; 
}

#wrapper.sidebar #leftcol
{
	display:block;
}

#wrapper.sidebar
{
	background:url('img/bg_faux.jpg') repeat-y top left;
	margin-top:-15px;
}



#maincol
{
	float: right; 
	display:inline; 
	position: relative; 
	width:100%; 
}

#wrapper.sidebar #maincol
{
	width:630px;
}
 
#footer
{
	height:226px;
	width:100%;
	text-align:center;
	clear:both;
	background:url("img/bg_footer.jpg") repeat-x;
}

#bottom_shadow
{
	display:block;
	width:100%;
	height:11px;
	background:url("img/bg_html_footer.jpg") transparent no-repeat bottom center;
}

/* Background Section */

html
{
	background:#FFFFFF;
}

body.core
{
	background:url("img/bg_html.jpg") #FFFFFF repeat-y top center;
}

#mainmenu.orange
{
	display:block;
	height:34px;
	background:url("img/bg_menu_alternate.jpg") repeat-x;
	margin-bottom:0px;
}

#mainmenu.blue
{
	display:block;
	height:34px;
	background:url("img/bg_menu.jpg") repeat-x;
	margin-bottom:0px;
}



#header img.logo
{
	position:absolute;
	top:25px;
	left:20px;
}

.metal
{
	width:100%;
	background:url('img/bg_metal.jpg') #ADB0B3 repeat-x;
}
 
 /* Float containers fix */ 
.clearfix:after 
{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */