/*
	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.
*/
#test { background-color:#ffee9e; color:#6d6f71; text-align:center; vertical-align:middle; font-size:2em;  box-shadow: inset 0px 0px 1px 0px #f3b641; font-weight:300; font-family: 'Open Sans', Arial, sans-serif;}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container { width: 100%; margin: 0 auto; max-width:1260px; min-width:980px; position:relative; }

/* 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 {
	display:inline; float: left; position: relative; margin-right:1%; margin-left:1%;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

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

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid_1 { width:6.333%; }
.grid_2 { width:14.667%; }
.grid_3 { width:23.0%; }
.grid_4 { width:31.333%; }
.grid_5 { width:39.667%; }
.grid_6 { width:48.0%; }
.grid_7 { width:56.333%; }
.grid_8 { width:64.667%; }
.grid_9 { width:73.0%; }
.grid_10 { width:81.333%; }
.grid_11 { width:89.667%; }
.grid_12 { width:98.0%; }


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.prefix_1 { padding-left:8.333%; }
.prefix_2 { padding-left:16.667%; }
.prefix_3 { padding-left:25.0%; }
.prefix_4 { padding-left:33.333%; }
.prefix_5 { padding-left:41.667%; }
.prefix_6 { padding-left:50.0%; }
.prefix_7 { padding-left:58.333%; }
.prefix_8 { padding-left:66.667%; }
.prefix_9 { padding-left:75.0%; }
.prefix_10 { padding-left:83.333%; }
.prefix_11 { padding-left:91.667%; }


/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.suffix_1 { padding-right:8.333%; }
.suffix_2 { padding-right:16.667%; }
.suffix_3 { padding-right:25.0%; }
.suffix_4 { padding-right:33.333%; }
.suffix_5 { padding-right:41.667%; }
.suffix_6 { padding-right:50.0%; }
.suffix_7 { padding-right:58.333%; }
.suffix_8 { padding-right:66.667%; }
.suffix_9 { padding-right:75.0%; }
.suffix_10 { padding-right:83.333%; }
.suffix_11 { padding-right:91.667%; }


/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.push_1 { left:8.333%; }
.push_2 { left:16.667%; }
.push_3 { left:25.0%; }
.push_4 { left:33.333%; }
.push_5 { left:41.667%; }
.push_6 { left:50.0%; }
.push_7 { left:58.333%; }
.push_8 { left:66.667%; }
.push_9 { left:75.0%; }
.push_10 { left:83.333%; }
.push_11 { left:91.667%; }


/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.pull_1 { left:-8.333%; }
.pull_2 { left:-16.667%; }
.pull_3 { left:-25.0%; }
.pull_4 { left:-33.333%; }
.pull_5 { left:-41.667%; }
.pull_6 { left:-50.0%; }
.pull_7 { left:-58.333%; }
.pull_8 { left:-66.667%; }
.pull_9 { left:-75.0%; }
.pull_10 { left:-83.333%; }
.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; }




@media only screen and (max-width: 1382px) {
	
}
@media only screen and (max-width: 1024px) {
	
}
@media only screen and (max-width: 800px) {
	
}
@media screen and (max-width: 480px) { 
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
		width:98%;
	}
}
@media print {
	
}