/*

* 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:17.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%;}

}