.container {
	width: 960px; /* Adjust to content width, not including margins */
	margin: 0 auto; /* This is page margin */
}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 {
	float: left;
	margin-left: 24px; /* Gutter Value */
}

/* Swap these numbers out with generated grid values */

.grid_1 {
	width:58px;
}

.grid_2 {
	width:140px;
}

.grid_3 {
	width:222px;
}

.grid_4 {
	width:304px;
}

.grid_5 {
	width:386px;
}

.grid_6 {
	width:468px;
}

.grid_7 {
	width:550px;
}

.grid_8 {
	width:632px;
}

.grid_9 {
	width:714px;
}

.grid_10 {
	width:796px;
}

.grid_11 {
	width:878px;
}

.grid_12 {
	width:960px;
}


.first {
	margin-left: 0;
	clear: left;
}