/*
	960 Grid System ~ Core CSS.   ####### BASED OFF OF 960
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container {
	margin-left: auto;
	margin-right: auto;
	width: 796px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_masthead,
.grid_masthead_col1,
.grid_masthead_col2,
.grid_homenav_col1,
.grid_homenav_col2,
.grid_homenav_col3,
.grid_homenav_col4,
.grid_subnav,
.grid_inner_col1,
.grid_inner_col2,
.grid_inner_col3
 {
	display: inline;
	float: left;
	position: relative;
}

.grid_masthead {
	width: 796px;
}

.grid_masthead_col1 {
	width: 459px;
}

.grid_masthead_col2 {
	width: 337px;
}

/* `Home nav
----------------------------------------------------------------------------------------------------*/

.grid_homenav_col1 {
	width: 195px;
	margin-right: 6px;
}
.grid_homenav_col2 {
	width: 195px;
	margin-right: 6px;
}
.grid_homenav_col3 {
	width: 194px;
	margin-right: 5px;
}
.grid_homenav_col4 {
	width: 195px;
}

.grid_subnav {
	width: 796px;
}


.grid_inner_col1 {
	width: 165px;
	margin-right: 49px;
}

.grid_inner_col2 {
	width: 351px;
	margin-right: 27px;
}

.grid_inner_col3 {
	width: 204px;
}

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