@charset "utf-8";
/* The 960 Grid System created by Nathan Smith (http://960.gs) done the Cox Web Design (http://www.coxwebdesign.com) OOCSS way! */

.grid { width:960px; margin:0px auto 0px auto; }
.clear { clear:both; line-height:0px; font-size:0px; height:0px; display:block; }
.col { float:left; display:block; }

/* Default: 24 Column Grid */
.col1 { width:40px; }
.col2 { width:80px; }
.col3 { width:120px; }
.col4 { width:160px; }
.col5 { width:200px; }
.col6 { width:240px; }
.col7 { width:280px; }
.col8 { width:320px; }
.col9 { width:360px; }
.col10 { width:400px; }
.col11 { width:440px; }
.col12 { width:480px; }
.col13 { width:520px; }
.col14 { width:560px; }
.col15 { width:600px; }
.col16 { width:640px; }
.col17 { width:680px; }
.col18 { width:720px; }
.col19 { width:760px; }
.col20 { width:800px; }
.col21 { width:840px; }
.col22 { width:880px; }
.col23 { width:920px; }
.col24 { width:960px; }

/* 16 Column Grid */
.grid16 .col1 { width:60px; }
.grid16 .col2 { width:120px; }
.grid16 .col3 { width:180px; }
.grid16 .col4 { width:240px; }
.grid16 .col5 { width:300px; }
.grid16 .col6 { width:360px; }
.grid16 .col7 { width:420px; }
.grid16 .col8 { width:480px; }
.grid16 .col9 { width:540px; }
.grid16 .col10 { width:600px; }
.grid16 .col11 { width:660px; }
.grid16 .col12 { width:720px; }
.grid16 .col13 { width:780px; }
.grid16 .col14 { width:840px; }
.grid16 .col15 { width:900px; }
.grid16 .col16 { width:960px; }

/* 12 Column Grid */
.grid12 .col1 { width:80px; }
.grid12 .col2 { width:160px; }
.grid12 .col3 { width:240px; }
.grid12 .col4 { width:320px; }
.grid12 .col5 { width:400px; }
.grid12 .col6 { width:480px; }
.grid12 .col7 { width:560px; }
.grid12 .col8 { width:640px; }
.grid12 .col9 { width:720px; }
.grid12 .col10 { width:800px; }
.grid12 .col11 { width:880px; }
.grid12 .col12 { width:960px; }