/*	--------------------------------------------------
Container
-------------------------------------------------- */
div#wrapper{ position: relative; width: 820px; margin: 0 auto; padding: 0; }
 
 
/*	--------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row { margin: 0 0 18px -20px; }
.column, .columns { float: left; display: inline; margin: 0 0 0 20px; }
 
.one { width: 50px; }
.two { width: 120px; }
.three { width: 190px; }
.four { width: 260px; }
.five { width: 330px; }
.six { width: 400px; }
.seven { width: 470px; }
.eight { width: 540px; }
.nine { width: 610px; }
.ten { width: 680px; }
.eleven { width: 750px; }
.twelve { width: 820px; }
 
.offset-by-one-half { margin-left: 35px; }
.offset-by-one { margin-left: 70px; }
.offset-by-two { margin-left: 140px; }
.offset-by-three { margin-left: 210px; }
.offset-by-four { margin-left: 280px; }
.offset-by-five { margin-left: 350px; }
.offset-by-six { margin-left: 420px; }
.offset-by-seven { margin-left: 490px; }
.offset-by-eight { margin-left: 560px; }
.offset-by-nine { margin-left: 630px; }
.offset-by-ten { margin-left: 700px; }
 
/* 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: 840px; }
body.ie .eight .column-row	 { width: 560px; }
body.ie .nine .column-row	 { width: 630px; }
body.ie .ten .column-row	 { width: 700px; }
body.ie .eleven .column-row { width: 770px; }
body.ie .two-thirds .column-row { width: 580px; }