/*
1180px grid system ~ Core CSS.
12 Columns ~ Margin left: 20px

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

/* gridframework */
.row {position:relative; margin-left:-20px;}
.gu1 .row {width: 100px;}
.gu2 .row {width: 200px;}
.gu3 .row {width: 300px;}
.gu4 .row {width: 400px;}
.gu5 .row {width: 500px;}
.gu6 .row {width: 600px;}
.gu7 .row {width: 700px;}
.gu8 .row {width: 800px;}
.gu9 .row {width: 900px;}
.gu10 .row {width: 1000px;}
.gu11 .row {width: 1100px;}
.gu12 .row {
	width: 1200px;
	font-family: "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
}

.col {padding-left:20px; float:left; position:relative;}
.gu1{width: 80px;}
.gu2{width: 180px;}
.gu3{width: 280px;}
.gu4{width: 380px;}
.gu5{width: 480px;}
.gu6{width: 580px;}
.gu7{width: 680px;}
.gu8{width: 780px;}
.gu9{width: 880px;}
.gu10{width: 980px;}
.gu11{width: 1080px;}
.gu12{width: 1180px;}