/*
	Golden Grid - CSS Library
	Author:Vladimir Carrer
*/

/* Containers */




#main 
{
background-color:#fff; 
width:970px; 
height: auto; margin: 0 auto; 
margin-top:30px;
margin-bottom:60px; 
position:relative;
}


#header 
{
width:950px; 
height: 150px;
margin-top: 10px;
margin-right: 10px;  
margin-left: 10px; 
position:relative;
 
}


#leftcolumn 
{
float: left;
width:150px; 
height: auto; 
margin-left: 10px; 
margin-right: 0px;
margin-top: 10px; 
margin-bottom: 10px;  
position:relative; 
}

#content 
{
width:630px; 
overflow: auto; 
margin-left: 170px; 
margin-right: 170px; 
margin-top: 10px; 
margin-bottom: 10px;  
position:relative;
}

#rightcolumn 
{
float: right;
width:150px; 
height: auto; 
margin-left: 0px; 
margin-right: 10px;  
margin-top: 10px; 
margin-bottom: 10px; 
position:relative;
}



#footer
{
clear: both;
overflow: auto; 
margin-left: 10px; 
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid gray;
position:relative;

}


/* Content Dividers */

.onecol {width: 150px; overflow: auto;}
.twocol {width: 310px; overflow: auto;}
.threecol {width: 470px; overflow: auto;}
.fourcol  {width: 630px; overflow: auto;}





/* Grid positions */

.x0y0 {position:absolute; left:0px; top:0px;}
.x10y0 {position:absolute; left:10px; top:0px;}
.x160y0 {position:absolute; left:160px; top:0px;}
.x160y160 {position:absolute; left:160px; top:160px;}
.x160y195 {position:absolute; left:160px; top:195px;}
.x160y480 {position:absolute; left:160px; top:480px;}
.x480y320 {position:absolute; left:480px; top:320px;}
.x640y0 {position:absolute; left:640px; top:0px;}

.leftmenu {position:absolute; left:10px; top:160px;}
.rightmenu {position:absolute; left:800px; top:160px;}



/* exceptions logo slogan navigation categories */

.cat1 {position:absolute; left:160px; top:70px;}
.cat2 {position:absolute; left:320px; top:70px;}
.cat3 {position:absolute; left:480px; top:70px;}
.cat4 {position:absolute; left:640px; top:70px;}



/*clear*/

.clear {clear:both;}
.clearfix, .main{ display:block;} 

.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }