/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
    width: 100%;
    /*margin-left: 4%;
	margin-right: 4%;*/
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24,
.grid_25,
.grid_26,
.grid_27,
.grid_28,
.grid_28p,
.grid_29,
.grid_30,
.grid_31,
.grid_32,
.grid_33,
.grid_34,
.grid_34p,
.grid_35,
.grid_36,
.grid_37,
.grid_38,
.grid_38p,
.grid_39,
.grid_39p,
.grid_40,
.grid_41,
.grid_42,
.grid_43,
.grid_44,
.grid_44p,
.grid_45,
.grid_46,
.grid_46p,
.grid_47,
.grid_48,
.grid_48p,
.grid_49,
.grid_50,
.grid_51,
.grid_52,
.grid_52p,
.grid_53,
.grid_53_5,
.grid_54,
.grid_55,
.grid_56,
.grid_57,
.grid_58,
.grid_59,
.grid_60,
.grid_61,
.grid_62,
.grid_63,
.grid_69p,
.grid_76p,
.grid_86,
.grid_100 {
    display: inline;
    float: left;
    position: relative;
    /*margin-left: 1%;
	margin-right: 1%;*/
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_53 {
    width: 2%;
}

.container_12 .grid_53_5 {
    width: 2.5%;
}

.container_12 .grid_26 {
    width: 3%;
}

.container_12 .grid_13 {
    width: 4%;
}

.container_12 .grid_42 {
    width: 5%;
}

.container_12 .grid_55 {
    width: 6%;
}

.container_12 .grid_40 {
    width: 7%;
}

.container_12 .grid_24 {
    width: 8%;
}

.container_12 .grid_43 {
    width: 9%;
}

.container_12 .grid_17 {
    width: 10%;
}

.container_12 .grid_35 {
    width: 11%;
}

.container_12 .grid_50 {
    width: 12%;
}

.container_12 .grid_29 {
    width: 13%;
}

.container_12 .grid_49 {
    width: 14%;
}

.container_12 .grid_51 {
    width: 15%;
}

.container_12 .grid_52 {
    width: 16%;
}

.container_12 .grid_21 {
    width: 17%;
}

.container_12 .grid_25 {
    width: 18%;
}

.container_12 .grid_14 {
    width: 19%;
}

.container_12 .grid_34 {
    width: 20%;
}

.container_12 .grid_23 {
    width: 21%;
}

.container_12 .grid_46 {
    width: 22%;
}

.container_12 .grid_57 {
    width: 23%;
}

.container_12 .grid_37 {
    width: 24%;
}

.container_12 .grid_48 {
    width: 25%;
}

.container_12 .grid_18 {
    width: 26%;
}

.container_12 .grid_28p {
    width: 28%;
}


.container_12 .grid_58 {
    width: 29%;
}


.container_12 .grid_45 {
    width: 30%;
}

.container_12 .grid_38 {
    width: 31%;
}

.container_12 .grid_39 {
    width: 32%;
}

.container_12 .grid_60 {
    width: 33%;
}

.container_12 .grid_34p {
    width: 34%;
}

.container_12 .grid_30 {
    width: 35%;
}

.container_12 .grid_47 {
    width: 36%;
}

.container_12 .grid_19 {
    width: 37%;
}
.container_12 .grid_38p {
    width: 38%;
}

.container_12 .grid_39p {
    width: 39%;
}

.container_12 .grid_61 {
    width: 40%;
}

.container_12 .grid_56 {
    width: 41%;
}

.container_12 .grid_62 {
    width: 42%;
}

.container_12 .grid_59 {
    width: 43%;
}

.container_12 .grid_44p {
    width: 44%;
}

.container_12 .grid_44 {
    width: 45%;
}

.container_12 .grid_46p {
    width: 46%;
}


.container_12 .grid_31 {
    width: 47%;
}
.container_12 .grid_48p {
    width: 48%;
}

.container_12 .grid_32 {
    width: 49%;
}

.container_12 .grid_22 {
    width: 50%;
}

.container_12 .grid_52p {
    width: 52%;
}


.container_12 .grid_28 {
    width: 53.333%;
}

.container_12 .grid_54 {
    width: 59%;
}

.container_12 .grid_20 {
    width: 62%;
}

.container_12 .grid_16 {
    width: 66%;
}

.container_12 .grid_27 {
    width: 68%;
}

.container_12 .grid_69p {
    width: 69%;
}


.container_12 .grid_15 {
    width: 70%;
}

.container_12 .grid_76p {
    width: 76%;
}

.container_12 .grid_33 {
    width: 79%;
}

.container_12 .grid_41 {
    width: 83%;
}

.container_12 .grid_36 {
    width: 87%;
}

.container_12 .grid_1 {
    width: 6.333%;
}

.container_12 .grid_2 {
    width: 14.667%;
}

.container_12 .grid_3 {
    width: 23.0%;
}

.container_12 .grid_4 {
    width: 31.333%;
}

.container_12 .grid_5 {
    width: 39.667%;
}

.container_12 .grid_6 {
    width: 48.0%;
}

.container_12 .grid_7 {
    width: 56.333%;
}

.container_12 .grid_8 {
    width: 64.667%;
}

.container_12 .grid_9 {
    width: 73.0%;
}

.container_12 .grid_10 {
    width: 81.333%;
}

.container_12 .grid_11 {
    width: 89.667%;
}

.container_12 .grid_12 {
    width: 98.0%;
}

.container_12 .grid_100 {
    width: 100%;
}

.container_12 .grid_63 {
    width: 5.2%;
}

.container_12 .grid_86 {
    width: 86%;
}


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_13 {
    padding-left: 11%;
}

.container_12 .prefix_12 {
    padding-left: 16%;
}

.container_12 .prefix_14 {
    padding-left: 1%;
}

.container_12 .prefix_15 {
    padding-left: 4%;
}

.container_12 .prefix_16 {
    padding-left: 1.5%;
}

.container_12 .prefix_17 {
    padding-left: 5%;
}

.container_12 .prefix_1 {
    padding-left: 8.333%;
}

/*.container_12 .prefix_2 {
	padding-left:16.667%;
}*/

.container_12 .prefix_18 {
    padding-left: 9%;
}

.container_12 .prefix_2 {
    padding-left: 2%;
}

/*.container_12 .prefix_3 {
	padding-left:25.0%;
}*/

.container_12 .prefix_3 {
    padding-left: 22.0%;
}

.container_12 .prefix_4 {
    padding-left: 33.333%;
}

.container_12 .prefix_5 {
    padding-left: 41.667%;
}

.container_12 .prefix_6 {
    padding-left: 50.0%;
}

.container_12 .prefix_7 {
    padding-left: 58.333%;
}

.container_12 .prefix_8 {
    padding-left: 66.667%;
}

.container_12 .prefix_9 {
    padding-left: 75.0%;
}

.container_12 .prefix_10 {
    padding-left: 83.333%;
}

.container_12 .prefix_11 {
    padding-left: 91.667%;
}

.container_12 .prefix_19 {
    padding-left: 2.8%;
}

.container_12 .prefix_20 {
    padding-left: 20%;
}

.container_12 .prefix_21 {
    padding-left: 3%;
}

.container_12 .prefix_22 {
    padding-left: 12%;
}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_12 {
    padding-right: 5%;
}

.container_12 .suffix_13 {
    padding-right: 7.333%;
}

.container_12 .suffix_14 {
    padding-right: 3%;
}

.container_12 .suffix_15 {
    padding-right: 2%;
}

.container_12 .suffix_16 {
    padding-right: 1%;
}

.container_12 .suffix_17 {
    padding-right: 6%;
}


.container_12 .suffix_1 {
    padding-right: 8.333%;
}

.container_12 .suffix_18 {
    padding-right: 11.0%;
}

.container_12 .suffix_19 {
    padding-right: 4%;
}

.container_12 .suffix_2 {
    padding-right: 16.667%;
}

.container_12 .suffix_3 {
    padding-right: 25.0%;
}

.container_12 .suffix_4 {
    padding-right: 33.333%;
}

.container_12 .suffix_5 {
    padding-right: 41.667%;
}

.container_12 .suffix_6 {
    padding-right: 50.0%;
}

.container_12 .suffix_7 {
    padding-right: 58.333%;
}

.container_12 .suffix_8 {
    padding-right: 66.667%;
}

.container_12 .suffix_9 {
    padding-right: 75.0%;
}

.container_12 .suffix_10 {
    padding-right: 83.333%;
}

.container_12 .suffix_11 {
    padding-right: 91.667%;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_12 {
    left: 3%;
}



.container_12 .push_1 {
    left: 8.333%;
}

.container_12 .push_2 {
    left: 16.667%;
}

.container_12 .push_3 {
    left: 25.0%;
}

.container_12 .push_4 {
    left: 33.333%;
}

.container_12 .push_5 {
    left: 41.667%;
}

.container_12 .push_6 {
    left: 50.0%;
}

.container_12 .push_7 {
    left: 58.333%;
}

.container_12 .push_8 {
    left: 66.667%;
}

.container_12 .push_9 {
    left: 75.0%;
}

.container_12 .push_10 {
    left: 83.333%;
}

.container_12 .push_11 {
    left: 91.667%;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
    left: -8.333%;
}

.container_12 .pull_2 {
    left: -16.667%;
}

.container_12 .pull_3 {
    left: -25.0%;
}

.container_12 .pull_4 {
    left: -33.333%;
}

.container_12 .pull_5 {
    left: -41.667%;
}

.container_12 .pull_6 {
    left: -50.0%;
}

.container_12 .pull_7 {
    left: -58.333%;
}

.container_12 .pull_8 {
    left: -66.667%;
}

.container_12 .pull_9 {
    left: -75.0%;
}

.container_12 .pull_10 {
    left: -83.333%;
}

.container_12 .pull_11 {
    left: -91.667%;
}




/* 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;
}
