/* grids 
-------------------------------------------------- */

/* wrappers & containers 
-------------------------------------------------- */

.wrapper {
	width: 100%;
}

.container {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 972px;
	padding: 0 20px;
}

/* grids global
-------------------------------------------------- */

.grid_1,
.grid_2,
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12 {
	float: left;
	display: inline;
	padding: 0 20px;
}

/* grids 
-------------------------------------------------- */

.grid_1 {
	width: 41px;
}

.grid_2 {
	width: 122px;
}

.grid_3 {
	width: 203px;
}

.grid_4 {
	width: 284px;
}

.grid_5 {
	width: 365px;
}

.grid_6 {
	width: 446px;
}

.grid_7 {
	width: 527px;
}

.grid_8 {
	width: 608px;
}

.grid_9 {
	width: 689px;
}

.grid_10 {
	width: 770px;
}

.grid_11 {
	width: 851px;
}

.grid_12 {
	width: 932px;
}

/* helpers 
-------------------------------------------------- */

.first {
	margin-left: 0;
}

.last {
	margin-right: 0;
}