/*
966px grid system ~ Core CSS.
8 Columns ~ Margin left: 10px

Based on the simple grid system - http://www.webnicer.com/
by Jacek Ciolek

Created by the Grid System Generator - v1.00
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* clearfix */
.clearfix:after, .row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .row {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix, .row {display:block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* gridframework */
.row {position:relative; margin-left:-10px;}
.gu1 .row {width: 122px;}
.gu2 .row {width: 244px;}
.gu3 .row {width: 366px;}
.gu4 .row {width: 488px;}
.gu5 .row {width: 610px;}
.gu6 .row {width: 732px;}
.gu7 .row {width: 854px;}
.gu8 .row {width: 976px;}

.col {padding-left:10px; float:left; position:relative;}
.gu1{width: 112px;}
.gu2{width: 234px;}
.gu3{width: 356px;}
.gu4{width: 478px;}
.gu5{width: 600px;}
.gu6{width: 722px;}
.gu7{width: 844px;}
.gu8{width: 966px;}
/*.half {width:353px;}
 additional tricks */
.row .row {
	margin: 0 0 0 -10px;
	width: auto;
	display: inline-block;
}

.row .row .gu3 { width:351px;}
