/*

	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: 960px;

}



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

	display:inline;

	float: left;

	position: relative;

	margin-left: 5px;

	margin-right: 5px;

}

.grid_8 a {

	color:#FFF

	}



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

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



.alpha {

	margin-left: 0;

}



.omega {

	margin-right: 0;

}



/* Grid >> 24 Columns

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



.container_24 .grid_1 {

	width:30px;

}



.container_24 .grid_2 {

	width:70px;

}



.container_24 .grid_3 {

	width:110px;

}



.container_24 .grid_4 {

	width:150px;

}



.container_24 .grid_5 {

	width:190px;

}



.container_24 .grid_6 {

	width:230px;

}



.container_24 .grid_7 {

	width:270px;

}



.container_24 .grid_8 {

	width:310px;

}



.container_24 .grid_9 {

	width:350px;

}



.container_24 .grid_10 {

	width:390px;

}



.container_24 .grid_11 {

	width:430px;

}



.container_24 .grid_12 {

	width:470px;

}



.container_24 .grid_13 {

	width:510px;

}



.container_24 .grid_14 {

	width:550px;

}



.container_24 .grid_15 {

	width:590px;

}



.container_24 .grid_16 {

	width:630px;

}



.container_24 .grid_17 {

	width:670px;

}



.container_24 .grid_18 {

	width:710px;

}



.container_24 .grid_19 {

	width:750px;

}



.container_24 .grid_20 {

	width:790px;

}



.container_24 .grid_21 {

	width:830px;

}



.container_24 .grid_22 {

	width:870px;

}



.container_24 .grid_23 {

	width:910px;

}



.container_24 .grid_24 {

	width:950px;

}







/* Prefix Extra Space >> 24 Columns

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



.container_24 .prefix_1 {

	padding-left:40px;

}



.container_24 .prefix_2 {

	padding-left:80px;

}



.container_24 .prefix_3 {

	padding-left:120px;

}



.container_24 .prefix_4 {

	padding-left:160px;

}



.container_24 .prefix_5 {

	padding-left:200px;

}



.container_24 .prefix_6 {

	padding-left:240px;

}



.container_24 .prefix_7 {

	padding-left:280px;

}



.container_24 .prefix_8 {

	padding-left:320px;

}



.container_24 .prefix_9 {

	padding-left:360px;

}



.container_24 .prefix_10 {

	padding-left:400px;

}



.container_24 .prefix_11 {

	padding-left:440px;

}



.container_24 .prefix_12 {

	padding-left:480px;

}



.container_24 .prefix_13 {

	padding-left:520px;

}



.container_24 .prefix_14 {

	padding-left:560px;

}



.container_24 .prefix_15 {

	padding-left:600px;

}



.container_24 .prefix_16 {

	padding-left:640px;

}



.container_24 .prefix_17 {

	padding-left:680px;

}



.container_24 .prefix_18 {

	padding-left:720px;

}



.container_24 .prefix_19 {

	padding-left:760px;

}



.container_24 .prefix_20 {

	padding-left:800px;

}



.container_24 .prefix_21 {

	padding-left:840px;

}



.container_24 .prefix_22 {

	padding-left:880px;

}



.container_24 .prefix_23 {

	padding-left:920px;

}







/* Suffix Extra Space >> 24 Columns

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



.container_24 .suffix_1 {

	padding-right:40px;

}



.container_24 .suffix_2 {

	padding-right:80px;

}



.container_24 .suffix_3 {

	padding-right:120px;

}



.container_24 .suffix_4 {

	padding-right:160px;

}



.container_24 .suffix_5 {

	padding-right:200px;

}



.container_24 .suffix_6 {

	padding-right:240px;

}



.container_24 .suffix_7 {

	padding-right:280px;

}



.container_24 .suffix_8 {

	padding-right:320px;

}



.container_24 .suffix_9 {

	padding-right:360px;

}



.container_24 .suffix_10 {

	padding-right:400px;

}



.container_24 .suffix_11 {

	padding-right:440px;

}



.container_24 .suffix_12 {

	padding-right:480px;

}



.container_24 .suffix_13 {

	padding-right:520px;

}



.container_24 .suffix_14 {

	padding-right:560px;

}



.container_24 .suffix_15 {

	padding-right:600px;

}



.container_24 .suffix_16 {

	padding-right:640px;

}



.container_24 .suffix_17 {

	padding-right:680px;

}



.container_24 .suffix_18 {

	padding-right:720px;

}



.container_24 .suffix_19 {

	padding-right:760px;

}



.container_24 .suffix_20 {

	padding-right:800px;

}



.container_24 .suffix_21 {

	padding-right:840px;

}



.container_24 .suffix_22 {

	padding-right:880px;

}



.container_24 .suffix_23 {

	padding-right:920px;

}







/* Push Space >> 24 Columns

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



.container_24 .push_1 {

	left:40px;

}



.container_24 .push_2 {

	left:80px;

}



.container_24 .push_3 {

	left:120px;

}



.container_24 .push_4 {

	left:160px;

}



.container_24 .push_5 {

	left:200px;

}



.container_24 .push_6 {

	left:240px;

}



.container_24 .push_7 {

	left:280px;

}



.container_24 .push_8 {

	left:320px;

}



.container_24 .push_9 {

	left:360px;

}



.container_24 .push_10 {

	left:400px;

}



.container_24 .push_11 {

	left:440px;

}



.container_24 .push_12 {

	left:480px;

}



.container_24 .push_13 {

	left:520px;

}



.container_24 .push_14 {

	left:560px;

}



.container_24 .push_15 {

	left:600px;

}



.container_24 .push_16 {

	left:640px;

}



.container_24 .push_17 {

	left:680px;

}



.container_24 .push_18 {

	left:720px;

}



.container_24 .push_19 {

	left:760px;

}



.container_24 .push_20 {

	left:800px;

}



.container_24 .push_21 {

	left:840px;

}



.container_24 .push_22 {

	left:880px;

}



.container_24 .push_23 {

	left:920px;

}







/* Pull Space >> 24 Columns

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



.container_24 .pull_1 {

	left:-40px;

}



.container_24 .pull_2 {

	left:-80px;

}



.container_24 .pull_3 {

	left:-120px;

}



.container_24 .pull_4 {

	left:-160px;

}



.container_24 .pull_5 {

	left:-200px;

}



.container_24 .pull_6 {

	left:-240px;

}



.container_24 .pull_7 {

	left:-280px;

}



.container_24 .pull_8 {

	left:-320px;

}



.container_24 .pull_9 {

	left:-360px;

}



.container_24 .pull_10 {

	left:-400px;

}



.container_24 .pull_11 {

	left:-440px;

}



.container_24 .pull_12 {

	left:-480px;

}



.container_24 .pull_13 {

	left:-520px;

}



.container_24 .pull_14 {

	left:-560px;

}



.container_24 .pull_15 {

	left:-600px;

}



.container_24 .pull_16 {

	left:-640px;

}



.container_24 .pull_17 {

	left:-680px;

}



.container_24 .pull_18 {

	left:-720px;

}



.container_24 .pull_19 {

	left:-760px;

}



.container_24 .pull_20 {

	left:-800px;

}



.container_24 .pull_21 {

	left:-840px;

}



.container_24 .pull_22 {

	left:-880px;

}



.container_24 .pull_23 {

	left:-920px;

}









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

}