/*
888px grid system ~ Core CSS.
16 Columns ~ Margin left: 8px

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:-8px;}
.gu1 .row {width: 56px;}
.gu2 .row {width: 112px;}
.gu3 .row {width: 168px;}
.gu4 .row {width: 224px;}
.gu5 .row {width: 280px;}
.gu6 .row {width: 336px;}
.gu7 .row {width: 392px;}
.gu8 .row {width: 448px;}
.gu9 .row {width: 504px;}
.gu10 .row {width: 560px;}
.gu11 .row {width: 616px;}
.gu12 .row {width: 672px;}
.gu13 .row {width: 728px;}
.gu14 .row {width: 784px;}
.gu15 .row {width: 840px;}
.gu16 .row {width: 896px;}

.col {padding-left:8px; float:left; position:relative;}
.gu1{width: 48px;}
.gu2{width: 104px;}
.gu3{width: 160px;}
.gu4{width: 216px;}
.gu5{width: 272px;}
.gu6{width: 328px;}
.gu7{width: 384px;}
.gu8{width: 440px;}
.gu9{width: 496px;}
.gu10{width: 552px;}
.gu11{width: 608px;}
.gu12{width: 664px;}
.gu13{width: 720px;}
.gu14{width: 776px;}
.gu15{width: 832px;}
.gu16{width: 888px;}