/*
* 1200 Grid System V1.0
* Copyright 2013, Victor Tihai
* www.victor.tihai.ca
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* Based on 960 Grid System - http://960.gs/
*/


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

.container_16 {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1184px;
}


/*	----------------------------------------------------------
	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 {
    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 - 16 Columns
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.container_16 .grid_1 {
    width: 4.25%;
}

.container_16 .grid_2 {
    width: 10.5%;
}

.container_16 .grid_3 {
    width: 16.75%;
}

.container_16 .grid_4 {
    width: 23.0%;
}

.container_16 .grid_5 {
    width: 29.25%;
}

.container_16 .grid_6 {
    width: 35.5%;
}

.container_16 .grid_7 {
    width: 41.75%;
}

.container_16 .grid_8 {
    width: 48.0%;
}

.container_16 .grid_9 {
    width: 54.25%;
}

.container_16 .grid_10 {
    width: 60.5%;
}

.container_16 .grid_11 {
    width: 66.75%;
}

.container_16 .grid_12 {
    width: 73.0%;
}

.container_16 .grid_13 {
    width: 79.25%;
}

.container_16 .grid_14 {
    width: 85.5%;
}

.container_16 .grid_15 {
    width: 91.75%;
}

.container_16 .grid_16 {
    width: 98.0%;
}


/*	----------------------------------------------------------
	Prefix Extra Space - 16 Columns
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.container_16 .prefix_1 {
    padding-left: 6.25%;
}

.container_16 .prefix_2 {
    padding-left: 12.5%;
}

.container_16 .prefix_3 {
    padding-left: 18.75%;
}

.container_16 .prefix_4 {
    padding-left: 25.0%;
}

.container_16 .prefix_5 {
    padding-left: 31.25%;
}

.container_16 .prefix_6 {
    padding-left: 37.5%;
}

.container_16 .prefix_7 {
    padding-left: 43.75%;
}

.container_16 .prefix_8 {
    padding-left: 50.0%;
}

.container_16 .prefix_9 {
    padding-left: 56.25%;
}

.container_16 .prefix_10 {
    padding-left: 62.5%;
}

.container_16 .prefix_11 {
    padding-left: 68.75%;
}

.container_16 .prefix_12 {
    padding-left: 75.0%;
}

.container_16 .prefix_13 {
    padding-left: 81.25%;
}

.container_16 .prefix_14 {
    padding-left: 87.5%;
}

.container_16 .prefix_15 {
    padding-left: 93.75%;
}


/*	----------------------------------------------------------
	Suffix Extra Space - 16 Columns
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.container_16 .suffix_1 {
    padding-right: 6.25%;
}

.container_16 .suffix_2 {
    padding-right: 12.5%;
}

.container_16 .suffix_3 {
    padding-right: 18.75%;
}

.container_16 .suffix_4 {
    padding-right: 25.0%;
}

.container_16 .suffix_5 {
    padding-right: 31.25%;
}

.container_16 .suffix_6 {
    padding-right: 37.5%;
}

.container_16 .suffix_7 {
    padding-right: 43.75%;
}

.container_16 .suffix_8 {
    padding-right: 50.0%;
}

.container_16 .suffix_9 {
    padding-right: 56.25%;
}

.container_16 .suffix_10 {
    padding-right: 62.5%;
}

.container_16 .suffix_11 {
    padding-right: 68.75%;
}

.container_16 .suffix_12 {
    padding-right: 75.0%;
}

.container_16 .suffix_13 {
    padding-right: 81.25%;
}

.container_16 .suffix_14 {
    padding-right: 87.5%;
}

.container_16 .suffix_15 {
    padding-right: 93.75%;
}


/*	----------------------------------------------------------
	Push Space - 16 Columns
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.container_16 .push_1 {
    left: 6.25%;
}

.container_16 .push_2 {
    left: 12.5%;
}

.container_16 .push_3 {
    left: 18.75%;
}

.container_16 .push_4 {
    left: 25.0%;
}

.container_16 .push_5 {
    left: 31.25%;
}

.container_16 .push_6 {
    left: 37.5%;
}

.container_16 .push_7 {
    left: 43.75%;
}

.container_16 .push_8 {
    left: 50.0%;
}

.container_16 .push_9 {
    left: 56.25%;
}

.container_16 .push_10 {
    left: 62.5%;
}

.container_16 .push_11 {
    left: 68.75%;
}

.container_16 .push_12 {
    left: 75.0%;
}

.container_16 .push_13 {
    left: 81.25%;
}

.container_16 .push_14 {
    left: 87.5%;
}

.container_16 .push_15 {
    left: 93.75%;
}


/*	----------------------------------------------------------
	Pull Space - 16 Columns
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.container_16 .pull_1 {
    left: -6.25%;
}

.container_16 .pull_2 {
    left: -12.5%;
}

.container_16 .pull_3 {
    left: -18.75%;
}

.container_16 .pull_4 {
    left: -25.0%;
}

.container_16 .pull_5 {
    left: -31.25%;
}

.container_16 .pull_6 {
    left: -37.5%;
}

.container_16 .pull_7 {
    left: -43.75%;
}

.container_16 .pull_8 {
    left: -50.0%;
}

.container_16 .pull_9 {
    left: -56.25%;
}

.container_16 .pull_10 {
    left: -62.5%;
}

.container_16 .pull_11 {
    left: -68.75%;
}

.container_16 .pull_12 {
    left: -75.0%;
}

.container_16 .pull_13 {
    left: -81.25%;
}

.container_16 .pull_14 {
    left: -87.5%;
}

.container_16 .pull_15 {
    left: -93.75%;
}


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

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

.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;
}

@media (max-width: 1200px) {
}

@media (max-width: 768px) {
}

@media (max-width: 640px) {
    .container_16 .grid_1, .container_16 .grid_2, .container_16 .grid_3, .container_16 .grid_4, .container_16 .grid_5, .container_16 .grid_6, .container_16 .grid_7, .container_16 .grid_8, .container_16 .grid_9, .container_16 .grid_10, .container_16 .grid_11, .container_16 .grid_12, .container_16 .grid_13, .container_16 .grid_14, .container_16 .grid_15, .container_16 .grid_16 {
        width: 98%;
    }
}

@media (max-width: 480px) {
    .container_16 .grid_1, .container_16 .grid_2, .container_16 .grid_3, .container_16 .grid_4, .container_16 .grid_5, .container_16 .grid_6, .container_16 .grid_7, .container_16 .grid_8, .container_16 .grid_9, .container_16 .grid_10, .container_16 .grid_11, .container_16 .grid_12, .container_16 .grid_13, .container_16 .grid_14, .container_16 .grid_15, .container_16 .grid_16 {
        width: 98%;
    }
}

@media (max-width: 320px) {
    .container_16 .grid_1, .container_16 .grid_2, .container_16 .grid_3, .container_16 .grid_4, .container_16 .grid_5, .container_16 .grid_6, .container_16 .grid_7, .container_16 .grid_8, .container_16 .grid_9, .container_16 .grid_10, .container_16 .grid_11, .container_16 .grid_12, .container_16 .grid_13, .container_16 .grid_14, .container_16 .grid_15, .container_16 .grid_16 {
        width: 98%;
    }
}