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

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

.wrapper {
	width: 100%;
}

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

/* 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-block;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

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

.grid_1 {
	width: 39px;
}

.grid_2 {
	width: 118px;
}

.grid_3 {
	width: 197px;
}

.grid_4 {
	width: 276px;
}

.grid_5 {
	width: 355px;
}

.grid_6 {
	width: 434px;
}

.grid_7 {
	width: 513px;
}

.grid_8 {
	width: 592px;
}

.grid_9 {
	width: 671px;
}

.grid_10 {
	width: 750px;
}

.grid_11 {
	width: 829px;
}

.grid_12 {
	width: 908px;
}

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

.first {
	margin-left: 0;
}

.last {
	margin-right: 0;
}