/* Containers
----------------------------------------------------------------------------------------------------*/
.container_10 {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	background:#FFF;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9,
.grid_10{
	display:inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 10px;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_10 .grid_1{
	width:80px;
}

.container_10 .grid_2{
	width:180px;
}

.container_10 .grid_3{
	width:280px;
}

.container_10 .grid_4{
	width:340px;
	padding-left:10px;
}

.container_10 .grid_5{
	width:480px;
}

.container_10 .grid_6{
	width:540px;
	padding-left:10px;
}

.container_10 .grid_7{
	width:680px;
}

.container_10 .grid_8{
	width:780px;
}

.container_10 .grid_9{
	width:880px;
}

.container_10 .grid_10{
	width:980px;
}


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


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.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;
}