/* PRINCIPAL */ 
html, body{
	margin:0;
	padding:0;
	text-align:center;
} 
 
#pagewidth{
	width:764px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
} 
 
#header{
	position:relative;
	height:180px;
	background-color:#FFFFFF;
	width:100%;
} 

#leftcol{
	width:24%;
	float:left;
	position:relative;
	display: block;
  }
 
#maincol{
	background-color: #FFFFFF;
	float: right;
	display:inline;
	position: relative;
	width:76%;
	text-align: left;
 }
 #banner{
	background-color: #FFFFFF;
	float: right;
	display:inline;
	position: relative;
	width:550px;
	text-align: left;
	height: 300px;
 } 
#footer{
	height:70px;
	background-color:#FFFFFF;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center;
	color: #999;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
 } 
 

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

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}