/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


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



/* #Base 1175 Grid
================================================== */

    .container                                  { position: relative; width: 1175px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 0; margin-right: 0; }
    .row                                        { }

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

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 2.12766%; }
    .container .two.columns                     { width: 4.25532%; }
    .container .three.columns                   { width: 6.38298%; }
    .container .four.columns                    { width: 8.51064%; }
    .container .five.columns                    { width: 10.6383%; }
    .container .six.columns                     { width: 12.76596%; }
    .container .seven.columns                   { width: 14.89362%; }
    .container .eight.columns                   { width: 17.02128%; }
    .container .nine.columns                    { width: 19.14894%; }
    .container .ten.columns                     { width: 21.2766%; }
    .container .eleven.columns                  { width: 23.40426%; }
    .container .twelve.columns                  { width: 25.53191%; }
    .container .thirteen.columns                { width: 27.65957%; }
    .container .fourteen.columns                { width: 29.78723%; }
    .container .fifteen.columns                 { width: 31.91489%; }
    .container .sixteen.columns                 { width: 34.04255%; }
    .container .seventeen.columns               { width: 36.17021%; }
    .container .eighteen.columns                { width: 38.29787%; }
    .container .nineteen.columns                { width: 40.42553%; }
    .container .twenty.columns                  { width: 42.55319%; }
    .container .twentyone.columns               { width: 44.68085%; }
    .container .twentytwo.columns               { width: 46.80851%; }
    .container .twentythree.columns             { width: 48.93617%; }
    .container .twentyfour.columns              { width: 51.06383%; }
    .container .twentyfive.columns              { width: 53.19149%; }
    .container .twentysix.columns               { width: 55.31915%; }
    .container .twentyseven.columns             { width: 57.44681%; }
    .container .twentyeight.columns             { width: 59.57447%; }
    .container .twentynine.columns              { width: 61.70213%; }
    .container .thirty.columns                  { width: 63.82979%; }
    .container .thirtyone.columns               { width: 65.95745%; }
    .container .thirtytwo.columns               { width: 68.08511%; }
    .container .thirtythree.columns             { width: 70.21277%; }
    .container .thirtyfour.columns              { width: 72.34043%; }
    .container .thirtyfive.columns              { width: 74.46809%; }
    .container .thirtysix.columns               { width: 76.59574%; }
    .container .thirtyseven.columns             { width: 78.7234%; }
    .container .thirtyeight.columns             { width: 80.85106%; }
    .container .thirtynine.columns              { width: 82.97872%; }
    .container .fourty.columns                  { width: 85.10638%; }
    .container .fourtyone.columns               { width: 87.23404%; }
    .container .fourtytwo.columns               { width: 89.3617%; }
    .container .fourtythree.columns             { width: 91.48936%; }
    .container .fourtyfour.columns              { width: 93.61702%; }
    .container .fourtyfive.columns              { width: 95.74468%; }
    .container .fourtysix.columns               { width: 97.87234%; }
    .container .fourtyseven.columns             { width: 100%; }

    .container .one-third.column                { width: 33.33333%; }
    .container .two-thirds.column               { width: 66.66667%; }

    /* Offsets */
    .container .offset-by-one                     { padding-left: 2.12766%; }
    .container .offset-by-two                     { padding-left: 4.25532%; }
    .container .offset-by-three                   { padding-left: 6.38298%; }
    .container .offset-by-four                    { padding-left: 8.51064%; }
    .container .offset-by-five                    { padding-left: 10.6383%; }
    .container .offset-by-six                     { padding-left: 12.76596%; }
    .container .offset-by-seven                   { padding-left: 14.89362%; }
    .container .offset-by-eight                   { padding-left: 17.02128%; }
    .container .offset-by-nine                    { padding-left: 19.14894%; }
    .container .offset-by-ten                     { padding-left: 21.2766%; }
    .container .offset-by-eleven                  { padding-left: 23.40426%; }
    .container .offset-by-twelve                  { padding-left: 25.53191%; }
    .container .offset-by-thirteen                { padding-left: 27.65957%; }
    .container .offset-by-fourteen                { padding-left: 29.78723%; }
    .container .offset-by-fifteen                 { padding-left: 31.91489%; }
    .container .offset-by-sixteen                 { padding-left: 34.04255%; }
    .container .offset-by-seventeen               { padding-left: 36.17021%; }
    .container .offset-by-eighteen                { padding-left: 38.29787%; }
    .container .offset-by-nineteen                { padding-left: 40.42553%; }
    .container .offset-by-twenty                  { padding-left: 42.55319%; }
    .container .offset-by-twentyone               { padding-left: 44.68085%; }
    .container .offset-by-twentytwo               { padding-left: 46.80851%; }
    .container .offset-by-twentythree             { padding-left: 48.93617%; }
    .container .offset-by-twentyfour              { padding-left: 51.06383%; }
    .container .offset-by-twentyfive              { padding-left: 53.19149%; }
    .container .offset-by-twentysix               { padding-left: 55.31915%; }
    .container .offset-by-twentyseven             { padding-left: 57.44681%; }
    .container .offset-by-twentyeight             { padding-left: 59.57447%; }
    .container .offset-by-twentynine              { padding-left: 61.70213%; }
    .container .offset-by-thirty                  { padding-left: 63.82979%; }
    .container .offset-by-thirtyone               { padding-left: 65.95745%; }
    .container .offset-by-thirtytwo               { padding-left: 68.08511%; }
    .container .offset-by-thirtythree             { padding-left: 70.21277%; }
    .container .offset-by-thirtyfour              { padding-left: 72.34043%; }
    .container .offset-by-thirtyfive              { padding-left: 74.46809%; }
    .container .offset-by-thirtysix               { padding-left: 76.59574%; }
    .container .offset-by-thirtyseven             { padding-left: 78.7234%; }
    .container .offset-by-thirtyeight             { padding-left: 80.85106%; }
    .container .offset-by-thirtynine              { padding-left: 82.97872%; }
    .container .offset-by-fourty                  { padding-left: 85.10638%; }
    .container .offset-by-fourtyone               { padding-left: 87.23404%; }
    .container .offset-by-fourtytwo               { padding-left: 89.3617%; }
    .container .offset-by-fourtythree             { padding-left: 91.48936%; }
    .container .offset-by-fourtyfour              { padding-left: 93.61702%; }
    .container .offset-by-fourtyfive              { padding-left: 95.74468%; }
    .container .offset-by-fourtysix               { padding-left: 97.87234%; }



/* #Desktop
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 960px) and (max-width: 1174px) {
        .container                                  { width: 960px; }
    }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }

		.container .one.column,
		.container .one.columns,
		.container .two.columns,
		.container .three.columns,
		.container .four.columns,
		.container .five.columns,
		.container .six.columns,
		.container .seven.columns,
		.container .eight.columns,
		.container .nine.columns,
		.container .ten.columns,
		.container .eleven.columns,
		.container .twelve.columns,
		.container .thirteen.columns,
		.container .fourteen.columns,
		.container .fifteen.columns,
		.container .sixteen.columns,
		.container .seventeen.columns,
		.container .eighteen.columns,
		.container .nineteen.columns,
		.container .twenty.columns,
		.container .twentyone.columns,
		.container .twentytwo.columns,
		.container .twentythree.columns,
		.container .twentyfour.columns,
		.container .twentyfive.columns,
		.container .twentysix.columns,
		.container .twentyseven.columns,
		.container .twentyeight.columns,
		.container .twentynine.columns,
		.container .thirty.columns,
		.container .thirtyone.columns,
		.container .thirtytwo.columns,
		.container .thirtythree.columns,
		.container .thirtyfour.columns,
		.container .thirtyfive.columns,
		.container .thirtysix.columns,
		.container .thirtyseven.columns,
		.container .thirtyeight.columns,
		.container .thirtynine.columns,
		.container .fourty.columns,
		.container .fourtyone.columns,
		.container .fourtytwo.columns,
		.container .fourtythree.columns,
		.container .fourtyfour.columns,
		.container .fourtyfive.columns,
		.container .fourtysix.columns,
		.container .fourtyseven.columns { width: 300px; }

        /* Offsets */
		.container .offset-by-one,
		.container .offset-by-two,
		.container .offset-by-three,
		.container .offset-by-four,
		.container .offset-by-five,
		.container .offset-by-six,
		.container .offset-by-seven,
		.container .offset-by-eight,
		.container .offset-by-nine,
		.container .offset-by-ten,
		.container .offset-by-eleven,
		.container .offset-by-twelve,
		.container .offset-by-thirteen,
		.container .offset-by-fourteen,
		.container .offset-by-fifteen,
		.container .offset-by-sixteen,
		.container .offset-by-seventeen,
		.container .offset-by-eighteen,
		.container .offset-by-nineteen,
		.container .offset-by-twenty,
		.container .offset-by-twentyone,
		.container .offset-by-twentytwo,
		.container .offset-by-twentythree,
		.container .offset-by-twentyfour,
		.container .offset-by-twentyfive,
		.container .offset-by-twentysix,
		.container .offset-by-twentyseven,
		.container .offset-by-twentyeight,
		.container .offset-by-twentynine,
		.container .offset-by-thirty,
		.container .offset-by-thirtyone,
		.container .offset-by-thirtytwo,
		.container .offset-by-thirtythree,
		.container .offset-by-thirtyfour,
		.container .offset-by-thirtyfive,
		.container .offset-by-thirtysix,
		.container .offset-by-thirtyseven,
		.container .offset-by-thirtyeight,
		.container .offset-by-thirtynine,
		.container .offset-by-fourty,
		.container .offset-by-fourtyone,
		.container .offset-by-fourtytwo,
		.container .offset-by-fourtythree,
		.container .offset-by-fourtyfour,
		.container .offset-by-fourtyfive,
		.container .offset-by-fourtysix,
		.container .offset-by-fourtyseven { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }

		.container .one.column,
		.container .one.columns,
		.container .two.columns,
		.container .three.columns,
		.container .four.columns,
		.container .five.columns,
		.container .six.columns,
		.container .seven.columns,
		.container .eight.columns,
		.container .nine.columns,
		.container .ten.columns,
		.container .eleven.columns,
		.container .twelve.columns,
		.container .thirteen.columns,
		.container .fourteen.columns,
		.container .fifteen.columns,
		.container .sixteen.columns,
		.container .seventeen.columns,
		.container .eighteen.columns,
		.container .nineteen.columns,
		.container .twenty.columns,
		.container .twentyone.columns,
		.container .twentytwo.columns,
		.container .twentythree.columns,
		.container .twentyfour.columns,
		.container .twentyfive.columns,
		.container .twentysix.columns,
		.container .twentyseven.columns,
		.container .twentyeight.columns,
		.container .twentynine.columns,
		.container .thirty.columns,
		.container .thirtyone.columns,
		.container .thirtytwo.columns,
		.container .thirtythree.columns,
		.container .thirtyfour.columns,
		.container .thirtyfive.columns,
		.container .thirtysix.columns,
		.container .thirtyseven.columns,
		.container .thirtyeight.columns,
		.container .thirtynine.columns,
		.container .fourty.columns,
		.container .fourtyone.columns,
		.container .fourtytwo.columns,
		.container .fourtythree.columns,
		.container .fourtyfour.columns,
		.container .fourtyfive.columns,
		.container .fourtysix.columns,
		.container .fourtyseven.columns { width: 420px; }
    }


/* #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;
    }