/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

/* #Base 960 Grid
================================================== */

    .container                                  {  margin: 0 auto; padding: 0; width: 1000px; }
    .column, .columns                           { float: left; display: inline;}


    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

.one.columns, .two.columns, .three.columns, .four.columns, .five.columns, .six.columns, .seven.columns, .eight.columns, .nine.columns, .ten.columns, .eleven.columns, .twelve.columns, .thirteen.columns, .fourteen.columns, .fifteen.columns {
margin-right: 1.2%;
float: left;
}


.one.columns {
width: 4%;
}

.two.columns {
width: 10.4%;
}

.three.columns {
width: 16.8%;
}

.four.columns {
width: 23.2%;
float: left;
}

.five.columns {
width: 270px;
float: right;
margin-right: 0;
margin-top: 35px;
}

.six.columns {
width: 36%;
}

.seven.columns {
width: 42.4%;
}

.eight.columns {
width: 650px;
float: left;
margin-top: 147px;
}

.nine.columns {
width: 1000px;
float: left;
margin-top: 147px;
}

.ten.columns {
width: 61.6%;
}

.eleven.columns {
width: 68%;
}

.twelve.columns {
width: 735px;
float: right;
}

.thirteen.columns {
width: 80.8%;
}

.fourteen.columns {
width: 87.2%;
}

.fifteen.columns {
width: 93.6%;
}

.sixteen.columns {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

.one-third.column                { width: 31.0%; }
.two-thirds.column               { width: 70.0%; }


/* #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 {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      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;
    }