/* 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:0 0 2px -2px;}
.g1 .row {width: 68px;}
.g2 .row {width: 136px;}
.g3 .row {width: 204px;}
.g4 .row {width: 272px;}
.g5 .row {width: 340px;}
.g6 .row {width: 408px;}
.g7 .row {width: 476px;}
.g8 .row {width: 544px;}
.g9 .row {width: 612px;}
.g10 .row {width: 680px;}
.g11 .row {width: 748px;}
.g12 .row {width: 816px;}

.col {padding-left:2px; float:left; position:relative;}
.g1{width: 66px;}
.g2{width: 134px;}
.g3{width: 202px;}
.g4{width: 270px;}
.g5{width: 338px;}
.g6{width: 406px;}
.g7{width: 474px;}
.g8{width: 542px;}
.g9{width: 610px;}
.g10{width: 678px;}
.g11{width: 746px;}
.g12{width: 814px;}