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

/* Min CSS Reset */

html, body, div{
  margin: 0;
  padding: 0;
  border: 0;
  
  }
 
/* CSS Grid */



.main{
	margin:0 auto;
	width:970px;
	padding-top:10px;
	background-color: #FFF;
}


.g160,
.g320,
.g480,
.g480a,
.g640,
.g800,
.g960,
.g80,
.g240,
.g240a,
.g560,
.g720,
.g720a,
.g880,
.g960a,
.g960 
, 
.g600
{float:left; display: inline; margin-left:10px;  } 

.g160{
	width:100px;
}
.g320 {width:310px;}

.g240a{
	

}

.navtext{
	text-indent : -9999px;
	
}

.g480{
	width:470px;
	position: relative;
	z-index: auto;
	padding: 200px;
}
.g480a{
	width:470px;
	position: relative;
	z-index: auto;
}
.g640{
	width:630px;
	background-color: #0FF;
}
.g800{width:790px;}
.g960{
	width:950px;
	font-weight: bold;
}

.g80 {width:70px;}
.g240{width:230px;}
.g240a{ 

height: 43px;
width:225px;
}
.g600{
	width:800px;
	float: left;
	background-color: #CCC;
	position: relative;
	top: 50px;
	padding: 20px;
	height: 800px;
	right: 0px;
}
.g560{width:550px;}
.g720{
	width:850px;
	background-color: #F00;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.g720a{
	width:850px;
	background-color: #F00;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;

}

.g960a{
	width:950px;

	background-image:url(../../images/navbar.jpg);

}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: center;
}

.g880{
	width:870px;
	background-color: #CCC;
	padding: 10px;
}

.ml80 {margin-left:90px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:100px;}
.ml560{margin-left:560px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml800{margin-left:810px;}
.ml880{
	margin-left:auto;
	margin-right: auto;
}
.ml960{margin-left:970px;}


.inside{margin-left:0;}

p.grid{ padding-left:10px;}
  
.clear {clear:both;}


.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }
	 
.clearfix, .main{ display:block;} 
.g1020 {
	width:1020px;
	float: right;
	position: relative;
	z-index: auto;
}
.g400 {
	width:470px;
	position: relative;
	z-index: auto;
	padding: 200px;
}
.g500 {
	width:470px;
	position: relative;
	z-index: auto;
	padding: 200px;
}