/*
	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--16 {
	margin-left: auto;
	margin-right: auto;
	width: 592px;
}

/* 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 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container--16 .grid--1 {
	width:27px;
}

.container--16 .grid--2 {
	width:64px;
}

.container--16 .grid--3 {
	width:101px;
}

.container--16 .grid--4 {
	width:138px;
}

.container--16 .grid--5 {
	width:175px;
}

.container--16 .grid--6 {
	width:212px;
}

.container--16 .grid--7 {
	width:249px;
}

.container--16 .grid--8 {
	width:286px;
}

.container--16 .grid--9 {
	width:323px;
}

.container--16 .grid--10 {
	width:360px;
}

.container--16 .grid--11 {
	width:397px;
}

.container--16 .grid--12 {
	width:434px;
}

.container--16 .grid--13 {
	width:471px;
}

.container--16 .grid--14 {
	width:508px;
}

.container--16 .grid--15 {
	width:545px;
}

.container--16 .grid--16 {
	width:582px;
}



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

.container--16 .prefix--1 {
	padding-left:37px;
}

.container--16 .prefix--2 {
	padding-left:74px;
}

.container--16 .prefix--3 {
	padding-left:111px;
}

.container--16 .prefix--4 {
	padding-left:148px;
}

.container--16 .prefix--5 {
	padding-left:185px;
}

.container--16 .prefix--6 {
	padding-left:222px;
}

.container--16 .prefix--7 {
	padding-left:259px;
}

.container--16 .prefix--8 {
	padding-left:296px;
}

.container--16 .prefix--9 {
	padding-left:333px;
}

.container--16 .prefix--10 {
	padding-left:370px;
}

.container--16 .prefix--11 {
	padding-left:407px;
}

.container--16 .prefix--12 {
	padding-left:444px;
}

.container--16 .prefix--13 {
	padding-left:481px;
}

.container--16 .prefix--14 {
	padding-left:518px;
}

.container--16 .prefix--15 {
	padding-left:555px;
}



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

.container--16 .suffix--1 {
	padding-right:37px;
}

.container--16 .suffix--2 {
	padding-right:74px;
}

.container--16 .suffix--3 {
	padding-right:111px;
}

.container--16 .suffix--4 {
	padding-right:148px;
}

.container--16 .suffix--5 {
	padding-right:185px;
}

.container--16 .suffix--6 {
	padding-right:222px;
}

.container--16 .suffix--7 {
	padding-right:259px;
}

.container--16 .suffix--8 {
	padding-right:296px;
}

.container--16 .suffix--9 {
	padding-right:333px;
}

.container--16 .suffix--10 {
	padding-right:370px;
}

.container--16 .suffix--11 {
	padding-right:407px;
}

.container--16 .suffix--12 {
	padding-right:444px;
}

.container--16 .suffix--13 {
	padding-right:481px;
}

.container--16 .suffix--14 {
	padding-right:518px;
}

.container--16 .suffix--15 {
	padding-right:555px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container--16 .push--1 {
	left:37px;
}

.container--16 .push--2 {
	left:74px;
}

.container--16 .push--3 {
	left:111px;
}

.container--16 .push--4 {
	left:148px;
}

.container--16 .push--5 {
	left:185px;
}

.container--16 .push--6 {
	left:222px;
}

.container--16 .push--7 {
	left:259px;
}

.container--16 .push--8 {
	left:296px;
}

.container--16 .push--9 {
	left:333px;
}

.container--16 .push--10 {
	left:370px;
}

.container--16 .push--11 {
	left:407px;
}

.container--16 .push--12 {
	left:444px;
}

.container--16 .push--13 {
	left:481px;
}

.container--16 .push--14 {
	left:518px;
}

.container--16 .push--15 {
	left:555px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container--16 .pull--1 {
	left:-37px;
}

.container--16 .pull--2 {
	left:-74px;
}

.container--16 .pull--3 {
	left:-111px;
}

.container--16 .pull--4 {
	left:-148px;
}

.container--16 .pull--5 {
	left:-185px;
}

.container--16 .pull--6 {
	left:-222px;
}

.container--16 .pull--7 {
	left:-259px;
}

.container--16 .pull--8 {
	left:-296px;
}

.container--16 .pull--9 {
	left:-333px;
}

.container--16 .pull--10 {
	left:-370px;
}

.container--16 .pull--11 {
	left:-407px;
}

.container--16 .pull--12 {
	left:-444px;
}

.container--16 .pull--13 {
	left:-481px;
}

.container--16 .pull--14 {
	left:-518px;
}

.container--16 .pull--15 {
	left:-555px;
}




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