/* generated by the ZURB CSS Grid Builder
http://www.zurb.com/playground/css-grid-builder, then tweaked */


/* --------------------------------------------------
Container
-------------------------------------------------- */
div#container, div.container { position: relative; width: 940px; margin: 0 auto; padding: 0; }
 
 
/* --------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row { margin: 0 0 18px -20px; }
.column, .columns { float: left; display: inline; padding: 0 20px 0 0; }
.first { padding-left: 0; }
.last { padding-right: 0; }

.grid-1 { width: 40px; }
.grid-2 { width: 100px; }
.grid-3 { width: 160px; }
.grid-4 { width: 220px; }
.grid-5 { width: 280px; }
.grid-6 { width: 340px; }
.grid-7 { width: 400px; }
.grid-8 { width: 460px; }
.grid-9 { width: 520px; }
.grid-10 { width: 580px; }
.grid-11 { width: 640px; }
.grid-12 { width: 700px; }
.grid-13 { width: 760px; }
.grid-14 { width: 820px; }
.grid-15 { width: 880px; }
.grid-16 { width: 940px; }
 
#page.container #main-content.grid-16 {	width: 920px; }
 
.offset-by-one-half { margin-left: 30px; }
.offset-by-one { margin-left: 60px; }
.offset-by-two { margin-left: 120px; }
.offset-by-three { margin-left: 180px; }
.offset-by-four { margin-left: 240px; }
.offset-by-five { margin-left: 300px; }
.offset-by-six { margin-left: 360px; }
.offset-by-seven { margin-left: 420px; }
.offset-by-eight { margin-left: 480px; }
.offset-by-nine { margin-left: 540px; }
.offset-by-ten { margin-left: 600px; }
.offset-by-eleven { margin-left: 660px; }
.offset-by-twelve { margin-left: 720px; }
.offset-by-thirteen { margin-left: 780px; }
.offset-by-fourteen { margin-left: 840px; }


/* 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; }
.column-row { clear: both; }
 
/* IE6 Problems ---------- */
body.ie .column-row { width: 960px; }
body.ie .eight .column-row { width: 640px; }
body.ie .nine .column-row { width: 720px; }
body.ie .ten .column-row { width: 800px; }
body.ie .eleven .column-row { width: 880px; }
body.ie .two-thirds .column-row { width: 640px; }