976px Fluid Grid

976px.fluid.grid.less

/*Grid*/
@gutter: 3.05514158%;
@col: 5.532786885%;

.grid1 { width: @col; }
.grid2 { width: @col*2 + @gutter; }
.grid3 { width: @col*3 + @gutter*2; }
.grid4 { width: @col*4 + @gutter*3; }
.grid5 { width: @col*5 + @gutter*4; }
.grid6 { width: @col*6 + @gutter*5; }
.grid7 { width: @col*7 + @gutter*6; }
.grid8 { width: @col*8 + @gutter*7 }
.grid9 { width: @col*9 + @gutter*8; }
.grid10 { width: @col*10 + @gutter*9; }
.grid11 { width: @col*11 + @gutter*10; }

.container,.container6 {
	width: @col*12 + @gutter*11;
	max-width: 976px;
	clear: both;
	//overflow: auto;
	
	margin: 0 auto;
}

.container6 {
	width: @col*6 + @gutter*5;
}

.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11 {
	float: left;
	margin-left: @gutter;
}

.center {
	float: none;
	margin: 0 auto;
}

.first {
	margin-left: 0;
}