/*
1002px grid system ~ Core CSS.
16 Columns ~ Margin left: 22px

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

/* gridframework */
.row {position:relative; margin-left:-22px;}
.gu1 .row {width: 64px;}
.gu2 .row {width: 128px;}
.gu3 .row {width: 192px;}
.gu4 .row {width: 256px;}
.gu5 .row {width: 320px;}
.gu6 .row {width: 384px;}
.gu7 .row {width: 448px;}
.gu8 .row {width: 512px;}
.gu9 .row {width: 576px;}
.gu10 .row {width: 640px;}
.gu11 .row {width: 704px;}
.gu12 .row {width: 768px;}
.gu13 .row {width: 832px;}
.gu14 .row {width: 896px;}
.gu15 .row {width: 960px;}
.gu16 .row {width: 1024px;}

.col {padding-left:22px; float:left; position:relative;}
.gu1{width: 42px; }
.gu2{width: 106px; }
.gu3{width: 170px; }
.gu4{width: 234px;}
.gu5{width: 298px;}
.gu6{width: 362px;}
.gu7{width: 426px;}
.gu8{width: 490px;}
.gu9{width: 554px;}
.gu10{width: 618px;}
.gu11{width: 682px;}
.gu12{width: 746px;}
.gu13{width: 810px;}
.gu14{width: 874px;}
.gu15{width: 938px;}
.gu16{width: 1002px;}