/* --------------------------------------------------
Container
-------------------------------------------------- */
div#container, div.container, .container { position: relative; width: 974px !important; margin: 0 auto; padding: 0; }
 
 
/* --------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row { margin: 0 0 18px 0px; width:100%;}
.column, .columns { float: left; display: inline; margin: 0 0 0 10px; }
 
.one { width: 72px; }
.two { width: 154px; }
.three { width: 236px; }
.four { width: 318px; }
.five { width: 400px; }
.six { width: 482px; }
.seven { width: 564px; }
.eight { width: 646px; }
.nine { width: 728px; }
.ten { width: 810px; }
.eleven { width: 892px; }
.twelve { width: 974px; }
 
.offset-by-one-half { margin-left: 41px; }
.offset-by-one { margin-left: 82px; }
.offset-by-two { margin-left: 164px; }
.offset-by-three { margin-left: 246px; }
.offset-by-four { margin-left: 328px; }
.offset-by-five { margin-left: 410px; }
.offset-by-six { margin-left: 492px; }
.offset-by-seven { margin-left: 574px; }
.offset-by-eight { margin-left: 656px; }
.offset-by-nine { margin-left: 738px; }
.offset-by-ten { margin-left: 820px; }
 
/* Clear the columns automagically, thanks @kneath */
.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .column-row, * html .row, * html .clearfix { height: 1%; }
.column-row, .row, .clearfix { display: inline-block; }
.column-row, .row, .clearfix { display: block; }
 
/* IE6 Problems ---------- */
body.ie .column-row { width: 984px; }
body.ie .eight .column-row { width: 656px; }
body.ie .nine .column-row { width: 738px; }
body.ie .ten .column-row { width: 820px; }
body.ie .eleven .column-row { width: 902px; }
body.ie .two-thirds .column-row { width: 666px; }