/*

	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_24 {

	margin-left: auto;

	margin-right: auto;

	width: 912px;

	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,

.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_55 {

	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 >> 24 Columns

----------------------------------------------------------------------------------------------------*/



.container_24 .grid_1 {

	width:18px;

}



.container_24 .grid_2 {

	width:56px;

}



.container_24 .grid_3 {

	width:94px;

}



.container_24 .grid_4 {

	width:132px;

}



.container_24 .grid_5 {

	width:170px;

}

.container_24 .grid_55 {

	width:160px;

	float:right;

	

}



.container_24 .grid_6 {

	width:208px;

}



.container_24 .grid_7 {

	width:246px;

}



.container_24 .grid_8 {

	width:284px;

}



.container_24 .grid_9 {

	width:322px;

}



.container_24 .grid_10 {

	width:360px;

}



.container_24 .grid_11 {

	width:398px;

}



.container_24 .grid_12 {

	width:436px;

}



.container_24 .grid_13 {

	width:474px;

}



.container_24 .grid_14 {

	width:512px;

}



.container_24 .grid_15 {

	width:550px;

}



.container_24 .grid_16 {

	width:588px;

}



.container_24 .grid_17 {

	width:626px;

}



.container_24 .grid_18 {

	width:664px;

}



.container_24 .grid_19 {

	width:702px;

}



.container_24 .grid_20 {

	width:740px;

}



.container_24 .grid_21 {

	width:778px;

}



.container_24 .grid_22 {

	width:816px;

}



.container_24 .grid_23 {

	width:854px;

}



.container_24 .grid_24 {

	width:892px;

}







/* Prefix Extra Space >> 24 Columns

----------------------------------------------------------------------------------------------------*/



.container_24 .prefix_1 {

	padding-left:38px;

}



.container_24 .prefix_2 {

	padding-left:76px;

}



.container_24 .prefix_3 {

	padding-left:114px;

}



.container_24 .prefix_4 {

	padding-left:152px;

}



.container_24 .prefix_5 {

	padding-left:190px;

}



.container_24 .prefix_6 {

	padding-left:228px;

}



.container_24 .prefix_7 {

	padding-left:266px;

}



.container_24 .prefix_8 {

	padding-left:304px;

}



.container_24 .prefix_9 {

	padding-left:342px;

}



.container_24 .prefix_10 {

	padding-left:380px;

}



.container_24 .prefix_11 {

	padding-left:418px;

}



.container_24 .prefix_12 {

	padding-left:456px;

}



.container_24 .prefix_13 {

	padding-left:494px;

}



.container_24 .prefix_14 {

	padding-left:532px;

}



.container_24 .prefix_15 {

	padding-left:570px;

}



.container_24 .prefix_16 {

	padding-left:608px;

}



.container_24 .prefix_17 {

	padding-left:646px;

}



.container_24 .prefix_18 {

	padding-left:684px;

}



.container_24 .prefix_19 {

	padding-left:722px;

}



.container_24 .prefix_20 {

	padding-left:760px;

}



.container_24 .prefix_21 {

	padding-left:798px;

}



.container_24 .prefix_22 {

	padding-left:836px;

}



.container_24 .prefix_23 {

	padding-left:874px;

}







/* Suffix Extra Space >> 24 Columns

----------------------------------------------------------------------------------------------------*/



.container_24 .suffix_1 {

	padding-right:38px;

}



.container_24 .suffix_2 {

	padding-right:76px;

}



.container_24 .suffix_3 {

	padding-right:114px;

}



.container_24 .suffix_4 {

	padding-right:152px;

}



.container_24 .suffix_5 {

	padding-right:190px;

}



.container_24 .suffix_6 {

	padding-right:228px;

}



.container_24 .suffix_7 {

	padding-right:266px;

}



.container_24 .suffix_8 {

	padding-right:304px;

}



.container_24 .suffix_9 {

	padding-right:342px;

}



.container_24 .suffix_10 {

	padding-right:380px;

}



.container_24 .suffix_11 {

	padding-right:418px;

}



.container_24 .suffix_12 {

	padding-right:456px;

}



.container_24 .suffix_13 {

	padding-right:494px;

}



.container_24 .suffix_14 {

	padding-right:532px;

}



.container_24 .suffix_15 {

	padding-right:570px;

}



.container_24 .suffix_16 {

	padding-right:608px;

}



.container_24 .suffix_17 {

	padding-right:646px;

}



.container_24 .suffix_18 {

	padding-right:684px;

}



.container_24 .suffix_19 {

	padding-right:722px;

}



.container_24 .suffix_20 {

	padding-right:760px;

}



.container_24 .suffix_21 {

	padding-right:798px;

}



.container_24 .suffix_22 {

	padding-right:836px;

}



.container_24 .suffix_23 {

	padding-right:874px;

}







/* Push Space >> 24 Columns

----------------------------------------------------------------------------------------------------*/



.container_24 .push_1 {

	left:38px;

}



.container_24 .push_2 {

	left:76px;

}



.container_24 .push_3 {

	left:114px;

}



.container_24 .push_4 {

	left:152px;

}



.container_24 .push_5 {

	left:190px;

}



.container_24 .push_6 {

	left:228px;

}



.container_24 .push_7 {

	left:266px;

}



.container_24 .push_8 {

	left:304px;

}



.container_24 .push_9 {

	left:342px;

}



.container_24 .push_10 {

	left:380px;

}



.container_24 .push_11 {

	left:418px;

}



.container_24 .push_12 {

	left:456px;

}



.container_24 .push_13 {

	left:494px;

}



.container_24 .push_14 {

	left:532px;

}



.container_24 .push_15 {

	left:570px;

}



.container_24 .push_16 {

	left:608px;

}



.container_24 .push_17 {

	left:646px;

}



.container_24 .push_18 {

	left:684px;

}



.container_24 .push_19 {

	left:722px;

}



.container_24 .push_20 {

	left:760px;

}



.container_24 .push_21 {

	left:798px;

}



.container_24 .push_22 {

	left:836px;

}



.container_24 .push_23 {

	left:874px;

}







/* Pull Space >> 24 Columns

----------------------------------------------------------------------------------------------------*/



.container_24 .pull_1 {

	left:-38px;

}



.container_24 .pull_2 {

	left:-76px;

}



.container_24 .pull_3 {

	left:-114px;

}



.container_24 .pull_4 {

	left:-152px;

}



.container_24 .pull_5 {

	left:-190px;

}



.container_24 .pull_6 {

	left:-228px;

}



.container_24 .pull_7 {

	left:-266px;

}



.container_24 .pull_8 {

	left:-304px;

}



.container_24 .pull_9 {

	left:-342px;

}



.container_24 .pull_10 {

	left:-380px;

}



.container_24 .pull_11 {

	left:-418px;

}



.container_24 .pull_12 {

	left:-456px;

}



.container_24 .pull_13 {

	left:-494px;

}



.container_24 .pull_14 {

	left:-532px;

}



.container_24 .pull_15 {

	left:-570px;

}



.container_24 .pull_16 {

	left:-608px;

}



.container_24 .pull_17 {

	left:-646px;

}



.container_24 .pull_18 {

	left:-684px;

}



.container_24 .pull_19 {

	left:-722px;

}



.container_24 .pull_20 {

	left:-760px;

}



.container_24 .pull_21 {

	left:-798px;

}



.container_24 .pull_22 {

	left:-836px;

}



.container_24 .pull_23 {

	left:-874px;

}









/* 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;

}