.container {

	width: 978px;

	margin: 0 auto;

	position:relative;

}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {

	float: left;

	margin-left: 30px;

}

.grid1 {

	width: 54px;

}

.grid2 {

	width: 138px;

}

.grid3 {

	width: 222px;

}

.grid4 {

	width: 306px;

}

.grid5 {

	width: 390px;

}

.grid6 {

	width: 474px;

}

.grid7 {

	width: 558px;

}

.grid8 {

	width: 642px;

}

.grid9 {

	width: 726px;

}

.grid10 {

	width: 810px;

}

.grid11 {

	width: 894px;

}

.first {

	margin-left: 0;

	clear: left;

}

.first li{

	color:#fff;

}



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

}