/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 928px;
}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container-4 {
	margin-left: auto;
	margin-right: auto;
	width: 928px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid-1,
.grid-2,
.grid-3,
.grid-4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 17px;
	margin-right: 16px;
}



.push-1, .pull-1,
.push-2, .pull-2,
.push-3, .pull-3,
.push-4, .pull-4 {
	position:relative;
}


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

.alpha {
	margin-left: 10px;
}

.omega {
	margin-right: 10px;
}

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.container-4 .grid-1 {
	width:199px;
}

.container-4 .grid-2 {
	width:431px;
}

.container-4 .grid-3 {
	width:663px;
}

.container-4 .grid-4 {
	width:895px;
}




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


.container-4 .prefix-1 {
	padding-left:232px;
}

.container-4 .prefix-2 {
	padding-left:464px;
}

.container-4 .prefix-3 {
	padding-left:696px;
}



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


.container-4 .suffix-1 {
	padding-right:232px;
}

.container-4 .suffix-2 {
	padding-right:464px;
}

.container-4 .suffix-3 {
	padding-right:696px;
}



/* Push Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.container-4 .push-1 {
	left:232px;
}

.container-4 .push-2 {
	left:464px;
}

.container-4 .push-3 {
	left:696px;
}



/* Pull Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.container-4 .pull-1 {
	left:-232px;
}

.container-4 .pull-2 {
	left:-464px;
}

.container-4 .pull-3 {
	left:-696px;
}