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

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

.wrapper {
	width: 100%;
}

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

.inner {
	padding-right: 8px;
	padding-left: 10px;
}

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

.grid_1,
.grid_2,
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10 {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

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

.grid_1a {
	width: 59px;
}

.grid_2 {
	width: 138px;
}

.grid_3 {
	width: 217px;
}

.grid_4 {
	width: 396px;
}

.grid_5 {
	width: 375px;
}

.grid_6 {
	width: 454px;
}

.grid_7 {
	width: 533px;
}

.grid_8 {
	width: 612px;
}

.grid_9 {
	width: 691px;
}

.grid_10 {
	width: 770px;
}

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

.first {
	margin-left: 0;
}

.last {
	margin-right: 0;
}