/* Containers-------------------------------------------------------*/

.landing_wraper {
    /*Main landing page wrapper. This is 100% width*/
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
}

.landing_12 {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

/* Grids Global------------------------------------------------------*/

.grid1, .grid2, .grid3, .grid4, .grid5, 
.grid6, .grid7, .grid8, .grid9, .grid10 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.push1, .pull1,
.push2, .pull2,
.push3, .pull3,
.push4, .pull4,
.push5, .pull5,
.push6, .pull6,
.push7, .pull7,
.push8, .pull8,
.push9, .pull9,
.push10, .pull10,
.push11, .pull11 {
    position: relative;
}

/* Grid Children Ends-----------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grids-------------------------------------------------------------------*/

.grid1 {width: 65px;} /* single column 1/12th */
.grid2 {width: 150px;} /* 6 columns */
.grid3 {width: 235px;} /* 4 columns */
.grid4 {width: 320px;} /* 3 columns */
.grid6 {width: 490px;} /* 2 columns */

.grid5 {width: 405px;} /* goes with grid7 only */
.grid7 {width: 575px;} /* goes with grid5 only */
.grid8 {width: 660px;} /* goes with grid4 only */
.grid9 {width: 745px;} /* goes with grid3 only */
.grid10 {width: 830px;} /* goes with grid2 only */

/* Prefix Extra Space----------------------------------------------*/

.prefix1 {padding-right: 85px;}
.prefix2 {padding-right: 170px;}
.prefix3 {padding-right: 255px;}
.prefix4 {padding-right: 340px;}
.prefix5 {padding-right: 425px;}
.prefix6 {padding-right: 510px;}
.prefix7 {padding-right: 595px;}
.prefix8 {padding-right: 680px;}
.prefix9 {padding-right: 765px;}
.prefix10 {padding-right: 850px;}
.prefix11 {padding-right: 935px;}

/* Suffix Extra Space----------------------------------------------*/

.suffix1 {padding-left: 85px;}
.suffix2 {padding-left: 170px;}
.suffix3 {padding-left: 255px;}
.suffix4 {padding-left: 340px;}
.suffix5 {padding-left: 425px;}
.suffix6 {padding-left: 510px;}
.suffix7 {padding-left: 595px;}
.suffix8 {padding-left: 680px;}
.suffix9 {padding-left: 765px;}
.suffix10 {padding-left: 850px;}
.suffix11 {padding-left: 935px;}

/* Push Space------------------------------------------------------*/

.push1 {left: 85px;}
.push2 {left: 170px;}
.push3 {left: 255px;}
.push4 {left: 340px;}
.push5 {left: 425px;}
.push6 {left: 510px;}
.push7 {left: 595px;}
.push8 {left: 680px;}
.push9 {left: 765px;}
.push10 {left: 850px;}
.push11 {left: 935px;}

/* Pull Space------------------------------------------------------*/

.pull1 {left: -85px;}
.pull2 {left: -170px;}
.pull3 {left: -255px;}
.pull4 {left: -340px;}
.pull5 {left: -425px;}
.pull6 {left: -510px;}
.pull7 {left: -595px;}
.pull8 {left: -680px;}
.pull9 {left: -765px;}
.pull10 {left: -850px;}
.pull11 {left: -935px;}

/* Positioning----------------------------------------------------*/

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

/* Clear Floated Elements-----------------------------------------*/

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before, .clearfix:after, .landing_12:before, .landing_12:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.clearfix:after, .landing_12:after {
    clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix, .landing_12 {
  zoom: 1;
}