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

#wrapper
{
}
 
#twocols
{
	width:641px; 
	float:right; 
	position:relative; 
}

#single
{
	width:641px; 
	float:right; 
	position:relative; 
}
 
#rightcol
{
	width:321px; 
	float:right; 
	position:relative; 
}
 
#maincol
{
	float: left; 
	display:inline; 
	position: relative; 
	width:320px; 
}
 
#footer
{
	height:25px;
	width:100%;
	text-align:center;
	clear:both;
	display:block;
}

/* Background Section */

html
{
	background:url("img/bg_html.jpg") #7C7C7C repeat-x;
	background-position:top center;
}

body
{
	background:url("img/bg_body.jpg") repeat-y;
	background-position:top center;
}

#header
{
	background:#EDEDED;
}

#footer
{
	background:url("img/bg_bottom.jpg") #7C7C7C no-repeat;	
}

#leftcol
{
	background:url("img/bg_left.jpg") repeat-x;
	background-position:0px 162px;

}


 
 
 /* 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 */