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

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

.grid_whole,
.grid_masthead_logo,
.grid_masthead_who_we_are,
.grid_footer_col1,
.grid_footer_col2,
.grid_footer_col3,
.grid_footer_col4,
.grid_home_col1,
.grid_home_col2,
.grid_homeslider_col1,
.grid_homeslider_col2,
.grid_contact_col1,
.grid_contact_col2,
.grid_portfolio_col1,
.grid_slider_col1,
.grid_slider_col2,
.grid_project_picker_col1,
.grid_project_picker_col2,
.grid_project_picker_col3 {
	display: inline;
	float: left;
	position: relative;
}


.grid_whole {
	width: 940px;
	margin: 0 10px;
}

.grid_masthead_logo {
	width: 249px;
	margin-right: 73px;
}

.grid_masthead_who_we_are {
	width: 565px;
	margin-right: 43px;
}

.grid_footer_col1 {
	width: 224px;
	margin-right: 53px;
}

.grid_footer_col2 {
	width: 112px;
	margin-right: 45px;
}

.grid_footer_col3 {
	width: 191px;
	margin-right: 35px;
}

.grid_footer_col4 {
	width: 280px;
}

.grid_home_col1,
.grid_portfolio_col1 {
	width: 300px;
	margin-right: 20px;
}

.grid_home_col2 {
	width: 620px;
}

.grid_homeslider_col1 {
	width: 500px;
}

.grid_homeslider_col2 {
	width: 120px;
}

.grid_contact_col1 {
	width: 427px;
	margin-right: 121px;
}

.grid_contact_col2 {
	width: 373px;
	margin-right: 19px;
}

.grid_slider_col1 {
	width: 420px;
}

.grid_slider_col2 {
	width: 200px;
}
.grid_project_picker_col1 {
	width: 17px;
	margin-right: 5px;
}

.grid_project_picker_col2 {
	width: 255px;
	margin-right: 5px;
}

.grid_project_picker_col3 {
	width: 18px;
}

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