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

/* CSS Grid */


.main {  margin:0 auto;  width:960px; margin-top:0px;  color:#FFF; }


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

/* weerbaar columns */
.g900  {width:960px;}
.g600  {width:640px;}
.g450  {width:460px;}
.g300  {width:310px;}
.g140  {width:160px;}
.g460  {width:470px;}
.g790  {width:790px;}

.g300, .g450, .g140, .g460 {float:left; display: inline; padding-left:10px;  } 
.g900, .g600 {float:left; display: inline; padding:0px; } 
.g140 {padding:0px; min-height:480px}
.g790 {float:left; display: inline; padding-left:10px;  }



.g230 {width:220px; float:left; display: inline; padding-right:10px;  }

/* 6 columns */
.g160 {width:150px; }
.g320  {width:310px;}
.g480  {width:470px;}
.g640  {width:630px;}
.g800  {width:790px;}
.g960  {width:950px;}

/* 12 columns */
.g80 {width:70px;}
.g240 {width:230px;}
.g400 {width:390px;}
.g560 {width:550px;}
.g720 {width:710px;}
.g880 {width:870px;}

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

.inside{margin-left:0;}

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

.clearfix, .main{
	display:block;
	background-color: #FFF;
	/*background-image: url(../../pict/credits.gif);
	background-repeat: no-repeat;
	background-position: left bottom;*/
} 

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