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

.row {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	clear:both;
}

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

.oneThird,
.twoThird,
.half,
.features li {
	display: inline;
	float: left;
	position: relative;
}

/* `Grid 
----------------------------------------------------------------------------------------------------*/

.oneThird {
	width:280px;
}
.twoThird {
	width:570px;
}
.midCol {
	width:290px;
}
.half {
	position:relative;
	width:420px;
	margin-right:5px;
}
.half img {
	position:absolute;
	top:43px;
	right:0;
}
.half p,
.half h2 {
	width:290px;
}

/* `Features List
----------------------------------------------------------------------------------------------------*/

.features {
	border-bottom:1px solid #d8d8d8;
	padding:0 30px 10px;
	width:790px;
}
.features h2 {
	margin:0;
	padding:20px 0;
}
.features li {
	width:203px;
	padding:0 20px 0 40px;
	min-height:50px;
}
.features-image-left,
.features-image-right {
	position:relative;
	min-height:300px;
}
.features-image-left img,
.features-image-right img {
	position:absolute;
	top:0;
}
.features-image-left img {
	left:0;
}
.features-image-left img {
	padding-right:78px;
}
.features-image-left p,
.features-image-left h2 {
	padding-left:585px;
	padding-right:20px;
	position:relative;
	z-index:9999;
}
.features-image-right img {
	right:0;
	padding-left:78px;
}
.features-image-right p,
.features-image-right h2 {
	padding-right:585px;
	padding-left:20px;
	position:relative;
	z-index:9999;
}

/* `TwoCol 
----------------------------------------------------------------------------------------------------*/

.oneThird div,
.twoThird div,
.half div {
	margin:30px;
}
.oneThird div div,
.twoThird div div,
.half div div {
	margin:0;
}

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

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after,
.row:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}