/*
    Variable Grid System.
    Learn more ~ http://www.spry-soft.com/grids/
    Based on 960 Grid System - http://960.gs/
    Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_10 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
    margin-left: 0;
}
.omega {
    margin-right: 0;
}
/* Grid >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .grid_1 {
    width:78px;
}
.container_10 .grid_2 {
    width:176px;
}
.container_10 .grid_3 {
    width:274px;
}
.container_10 .grid_4 {
    width:372px;
}
.container_10 .grid_5 {
    width:470px;
}
.container_10 .grid_6 {
    width:568px;
}
.container_10 .grid_7 {
    width:666px;
}
.container_10 .grid_8 {
    width:764px;
}
.container_10 .grid_9 {
    width:862px;
}
.container_10 .grid_10 {
    width:960px;
}
.indent p, .indent h1, .indent h2, .indent h3, .indent h4, .indent img{
padding-left:16px;    
}
.dedent p, .dedent h1, .dedent h2, .dedent h3 .dedent h4{
padding-right:16px;    
}
img.indent, h1.indent{
margin-left:16px;    
}
/* Prefix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .prefix_1 {
    padding-left:98px;
}
.container_10 .prefix_2 {
    padding-left:196px;
}
.container_10 .prefix_3 {
    padding-left:294px;
}
.container_10 .prefix_4 {
    padding-left:392px;
}
.container_10 .prefix_5 {
    padding-left:490px;
}
.container_10 .prefix_6 {
    padding-left:588px;
}
.container_10 .prefix_7 {
    padding-left:686px;
}
.container_10 .prefix_8 {
    padding-left:784px;
}
.container_10 .prefix_9 {
    padding-left:882px;
}

/* Suffix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .suffix_1 {
    padding-right:98px;
}
.container_10 .suffix_2 {
    padding-right:196px;
}
.container_10 .suffix_3 {
    padding-right:294px;
}
.container_10 .suffix_4 {
    padding-right:392px;
}
.container_10 .suffix_5 {
    padding-right:490px;
}
.container_10 .suffix_6 {
    padding-right:588px;
}
.container_10 .suffix_7 {
    padding-right:686px;
}
.container_10 .suffix_8 {
    padding-right:784px;
}
.container_10 .suffix_9 {
    padding-right:882px;
}

/* Push Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .push_1 {
    left:98px;
}
.container_10 .push_2 {
    left:196px;
}
.container_10 .push_3 {
    left:294px;
}
.container_10 .push_4 {
    left:392px;
}
.container_10 .push_5 {
    left:490px;
}
.container_10 .push_6 {
    left:588px;
}
.container_10 .push_7 {
    left:686px;
}
.container_10 .push_8 {
    left:784px;
}
.container_10 .push_9 {
    left:882px;
}

/* Pull Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .pull_1 {
    left:-98px;
}
.container_10 .pull_2 {
    left:-196px;
}
.container_10 .pull_3 {
    left:-294px;
}
.container_10 .pull_4 {
    left:-392px;
}
.container_10 .pull_5 {
    left:-490px;
}
.container_10 .pull_6 {
    left:-588px;
}
.container_10 .pull_7 {
    left:-686px;
}
.container_10 .pull_8 {
    left:-784px;
}
.container_10 .pull_9 {
    left:-882px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}