/*

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

	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 {

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

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



.container_8 .grid_1 {

	width:100px;

}



.container_8 .grid_2 {

	width:180px;

}



.container_8 .grid_3 {

	width:340px;

}



.container_8 .grid_4 {

	width:460px;

}



.container_8 .grid_5 {

	width:580px;

}



.container_8 .grid_6 {

	width:720px;

}



.container_8 .grid_7 {

	width:820px;

}



.container_8 .grid_8 {

	width:940px;

}







/* Prefix Extra Space >> 8 Columns

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



.container_8 .prefix_1 {

	padding-left:120px;

}



.container_8 .prefix_2 {

	padding-left:240px;

}



.container_8 .prefix_3 {

	padding-left:360px;

}



.container_8 .prefix_4 {

	padding-left:480px;

}



.container_8 .prefix_5 {

	padding-left:600px;

}



.container_8 .prefix_6 {

	padding-left:720px;

}



.container_8 .prefix_7 {

	padding-left:840px;

}







/* Suffix Extra Space >> 8 Columns

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



.container_8 .suffix_1 {

	padding-right:120px;

}



.container_8 .suffix_2 {

	padding-right:240px;

}



.container_8 .suffix_3 {

	padding-right:360px;

}



.container_8 .suffix_4 {

	padding-right:480px;

}



.container_8 .suffix_5 {

	padding-right:600px;

}



.container_8 .suffix_6 {

	padding-right:720px;

}



.container_8 .suffix_7 {

	padding-right:840px;

}







/* Push Space >> 8 Columns

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



.container_8 .push_1 {

	left:120px;

}



.container_8 .push_2 {

	left:240px;

}



.container_8 .push_3 {

	left:360px;

}



.container_8 .push_4 {

	left:480px;

}



.container_8 .push_5 {

	left:600px;

}



.container_8 .push_6 {

	left:720px;

}



.container_8 .push_7 {

	left:840px;

}







/* Pull Space >> 8 Columns

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



.container_8 .pull_1 {

	left:-120px;

}



.container_8 .pull_2 {

	left:-240px;

}



.container_8 .pull_3 {

	left:-360px;

}



.container_8 .pull_4 {

	left:-480px;

}



.container_8 .pull_5 {

	left:-600px;

}



.container_8 .pull_6 {

	left:-720px;

}



.container_8 .pull_7 {

	left:-840px;

}



/* Containers

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

.container_6 {

	margin-left: auto;

	margin-right: auto;

	width: 700px;

}



/* Grid >> Global

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



.grid_1,

.grid_2,

.grid_3,

.grid_4,

.grid_5,

.grid_6 {

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

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



.container_6 .grid_1 {

	width:110px;

}



.container_6 .grid_2 {

	width:240px;

}



.container_6 .grid_3 {

	width:370px;

}



.container_6 .grid_4 {

	width:500px;

}



.container_6 .grid_5 {

	width:630px;

}



.container_6 .grid_6 {

	width:680px;

}







/* Prefix Extra Space >> 6 Columns

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



.container_6 .prefix_1 {

	padding-left:130px;

}



.container_6 .prefix_2 {

	padding-left:260px;

}



.container_6 .prefix_3 {

	padding-left:390px;

}



.container_6 .prefix_4 {

	padding-left:520px;

}



.container_6 .prefix_5 {

	padding-left:650px;

}







/* Suffix Extra Space >> 6 Columns

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



.container_6 .suffix_1 {

	padding-right:130px;

}



.container_6 .suffix_2 {

	padding-right:260px;

}



.container_6 .suffix_3 {

	padding-right:390px;

}



.container_6 .suffix_4 {

	padding-right:520px;

}



.container_6 .suffix_5 {

	padding-right:650px;

}







/* Push Space >> 6 Columns

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



.container_6 .push_1 {

	left:130px;

}



.container_6 .push_2 {

	left:260px;

}



.container_6 .push_3 {

	left:390px;

}



.container_6 .push_4 {

	left:520px;

}



.container_6 .push_5 {

	left:650px;

}







/* Pull Space >> 6 Columns

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



.container_6 .pull_1 {

	left:-130px;

}



.container_6 .pull_2 {

	left:-260px;

}



.container_6 .pull_3 {

	left:-390px;

}



.container_6 .pull_4 {

	left:-520px;

}



.container_6 .pull_5 {

	left:-650px;

}





/* 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/2009/12/06/new-clearfix-hack/ */



/* new clearfix */

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

	}

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */