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

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

.wrapper {
	width: 100%;
}

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

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

.grid_1, 
.grid_1_4, 
.grid_1_5, 
.grid_2,
.grid_3, 
.container_1, 
.container_2, 
.container_3
 {
	float: left;
	display: inline;
}

.grid_1, 
.grid_1_4, 
.grid_1_5, 
.grid_2,
.grid_3
 {
	margin: 0 5px;
	padding: 0 10px;
}

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

.grid_0_5 {
	width: 100px;
}

.grid_1 {
	width: 264px;
}

.grid_1_5 {
	width: 411px;
}

.grid_1_6 {
	width: 180px;
}

.grid_1_4 {
	width: 261px;
}

.grid_2 {
	width: 558px;
}

.grid_3 {
	width: 852px;
}

.grid_2 .grid_1 {
	width: 156px;
}

.grid_3 .grid_1 {
	width: 156px;
}

.grid_3 .grid_2 {
	width: 610px;
}

.grid_2 .grid_2 {
	width: 342px
}

.grid_2 .grid_3 {
	width: 528px
}

/* containers
-------------------------------------------------- */

.container_1 {
	width: 294px;
}

.container_2 {
	width: 588px;
}

.container_3 {
	width: 882px;
}


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

.first {
	margin-left: 0;
}

.last {
	margin-right: 0;
}