.container {margin:0 auto; width:974px;}
.container .first {margin:0;}

.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12,
.g13,.g14,.g15,.g16,.g17,.g18,.g19,.g20,.g21,.g22,.g23,.g24{display:inline; float:left; position:relative; margin-left:10px;}

.container .g1{width: 31px;}
.container .g2{width: 72px;}
.container .g3{width: 113px;}
.container .g4{width: 154px;}
.container .g5{width: 195px;}
.container .g6{width: 236px;}
.container .g7{width: 277px;}
.container .g8{width: 318px;}
.container .g9{width: 359px;}
.container .g10{width: 400px;}
.container .g11{width: 441px;}
.container .g12{width: 482px;}
.container .g13{width: 523px;}
.container .g14{width: 564px;}
.container .g15{width: 605px;}
.container .g16{width: 646px;}
.container .g17{width: 687px;}
.container .g18{width: 728px;}
.container .g19{width: 769px;}
.container .g20{width: 810px;}
.container .g21{width: 851px;}
.container .g22{width: 892px;}
.container .g23{width: 933px;}
.container .g24{width: 974px;}

/* http://sonspring.com/journal/clearing-floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}