/*
	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
----------------------------------------------------------------------------------------------------*/
.wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 96em;
}


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


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

.wrapper .grid-1 {
	width: 8em;
}

.wrapper .grid-2 {
	width: 16em;
}

.wrapper .grid-3 {
	width: 24em;
}

.wrapper .grid-4 {
	width: 32em;
}

.wrapper .grid-5 {
	width: 40em;
}

.wrapper .grid-6 {
	/*width: 48em;*/
	width: 47em;
}

.wrapper .grid-7 {
	width: 56em;
}

.wrapper .grid-8 {
	width: 64em;
}

.wrapper .grid-9 {
	width: 72em;
}

.wrapper .grid-10 {
	width: 80em;
}

.wrapper .grid-11 {
	width: 88em;
}

.wrapper .grid-12 {
	width: 96em;
}



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

.wrapper .prefix-1 {
	padding-left: 8em;
}

.wrapper .prefix-2 {
	padding-left: 16em;
}

.wrapper .prefix-3 {
	padding-left: 24em;
}

.wrapper .prefix-4 {
	padding-left: 32em;
}

.wrapper .prefix-5 {
	padding-left: 40em;
}

.wrapper .prefix-6 {
	padding-left: 48em;
}

.wrapper .prefix-7 {
	padding-left: 56em;
}

.wrapper .prefix-8 {
	padding-left: 64em;
}

.wrapper .prefix-9 {
	padding-left: 72em;
}

.wrapper .prefix-10 {
	padding-left: 80em;
}

.wrapper .prefix-11 {
	padding-left: 88em;
}



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

.wrapper .suffix-1 {
	padding-right: 8em;
}

.wrapper .suffix-2 {
	padding-right: 16em;
}

.wrapper .suffix-3 {
	padding-right: 24em;
}

.wrapper .suffix-4 {
	padding-right: 32em;
}

.wrapper .suffix-5 {
	padding-right: 40em;
}

.wrapper .suffix-6 {
	padding-right: 48em;
}

.wrapper .suffix-7 {
	padding-right: 56em;
}

.wrapper .suffix-8 {
	padding-right: 64em;
}

.wrapper .suffix-9 {
	padding-right: 72em;
}

.wrapper .suffix-10 {
	padding-right: 80em;
}

.wrapper .suffix-11 {
	padding-right: 88em;
}



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

.wrapper .push-1 {
	left: 8em;
}

.wrapper .push-2 {
	left: 16em;
}

.wrapper .push-3 {
	left: 24em;
}

.wrapper .push-4 {
	left: 32em;
}

.wrapper .push-5 {
	left: 40em;
}

.wrapper .push-6 {
	left: 48em;
}

.wrapper .push-7 {
	left: 56em;
}

.wrapper .push-8 {
	left: 64em;
}

.wrapper .push-9 {
	left: 72em;
}

.wrapper .push-10 {
	left: 80em;
}

.wrapper .push-11 {
	left: 88em;
}



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

.wrapper .pull-1 {
	left: -8em;
}

.wrapper .pull-2 {
	left: -16em;
}

.wrapper .pull-3 {
	left: -24em;
}

.wrapper .pull-4 {
	left: -32em;
}

.wrapper .pull-5 {
	left: -40em;
}

.wrapper .pull-6 {
	left: -48em;
}

.wrapper .pull-7 {
	left: -56em;
}

.wrapper .pull-8 {
	left: -64em;
}

.wrapper .pull-9 {
	left: -72em;
}

.wrapper .pull-10 {
	left: -80em;
}

.wrapper .pull-11 {
	left: -88em;
}