/* 
========================
  	columns: 3
  	column width: 320px
  	column margin: 30px
  	container margin: 40px
    
=========================
*/
* { /* quick reset */
	margin: 0;	
}

body { 
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #ebebeb;
}

.wrapper {
	margin: 0 auto; /* center Grid */
	text-align: left;
	width: 1100px;
}

.inner-wrapper {
	clear: both;
	display: inline;/* IE */
	float: left;
	padding: 0 40px 0 40px;
	position: relative;
	width: 1100px;
}

.container {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;	
}

.one-col, .two-col, .three-col {
	clear: none;
	display: inline-block;/* IE  */
	float: left;
	position: relative;
	margin: 0 30px 30px 0;
	padding: 0;
	/* background-color: #E6E6E6; */
}


.one-col {
	width: 320px;
}

.two-col {
	width: 670px;
}

.three-col {
	width: 1020px;
	margin-right: 0;
}

.prefix-one {
	margin-left: 350px;
}

.prefix-two {
	margin-left: 700px;
}

.suffix-one {
	margin-right: 380px;
}

.suffix-two {
	margin-right: 730px;
}

.clear { /* generic clearing class. */
	clear: both;
}
.last-col {
	margin-right: 0;
}