/*
1024px grid system ~ Core CSS.
32 Columns ~ Margin left: 10px ~ Margin right: 10px

Based on the 1kb grid system - http://www.1kbgrid.com/
by Tyler Tate

Created by the Grid System Generator - v1.01
Learn more ~ http://www.gridsystemgenerator.com/
*/

.grid_1 {width: 20px;}
.grid_2 {width: 52px;}
.grid_3 {width: 84px;}
.grid_4 {width: 116px;}
.grid_5 {width: 148px;}
.grid_6 {width: /*180px;*/ 160.4px;}
.grid_7 {width: 212px;}
.grid_7.offset { width: 244px; }
.grid_8 {width: 247px;}
.grid_9 {width: 276px;}
.grid_10 {width: 308px;}
.grid_11 {width: 333px;}
.grid_12 {width: 372px;}
.grid_13 {width: 404px;}
.grid_14 {width: 436px;}
.grid_15 {width: 468px;}
.grid_15.offset { width: 500px; }
.grid_16 {width: 506px;}
.grid_17 {width: 532px;}
.grid_18 {width: 564px;}
.grid_19 {width: 596px;}
.grid_20 {width: 628px;}
.grid_21 {width: 660px;}
.grid_22 {width: /*684px;*/678px}
.grid_23 {width: 724px;}
.grid_24 {width: 756px;}
.grid_25 {width: 788px;}
.grid_26 {width: 820px;}
.grid_27 {width: 852px;}
.grid_28 {width: 884px;}
.grid_29 {width: 916px;}
.grid_30 {width: 948px;}
.grid_31 {width: 980px;}
.grid_32 {width: 1012px;}
.column {margin: 0 0px 0 12px;
         overflow: hidden;
         float: left;
         display: inline;}
         
         .grid_15.offset.column { margin-left: 24px;}
.row {/*width: 1024px;*/
         margin: 0 auto;
         overflow: hidden;}
         
         
.row .row {/*margin: 0 -10px 0 -10px;*/
         width: auto;
         /*display: inline-block;*/}
         
         .row .column:first-child { margin-left: 0px;}
         
         
       
         /* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after,
    .container:before,
    .container:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after,
    .container:After {
      clear: both; }
    .row,
    .clearfix,
    .container {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }