/* 940 Grid System */

/* `Containers
----------------------------------------------------------------------------------------------------*/
.header,
.main,
.footer {
width: 100%;
height: 100%;
}


.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 4px;
	padding-right: 18px;
	width: 918px;
}

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

.grid_1,
.grid_2,
.grid_3 {
	display: inline;
	float: left;
	margin-left: 17px;
	margin-right: 3px;
}

.container .grid_1 {
	width: 286px;
}

.container .grid_2 {
	width: 592px;
}

.container .grid_3 {
	width: 898px;
}

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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}