/* The 978 grid system.
 * See http://www.webdesignerwall.com/tutorials/the-simpler-css-grid/
 */
.container { width: 978px; margin: 0 auto; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
.grid_7, .grid_8, .grid_9, .grid_10, .grid_11
{
	float: left;
	margin-left: 30px;
}
.grid_1  { width:  54px; }
.grid_2  { width: 138px; }
.grid_3  { width: 222px; }
.grid_4  { width: 306px; }
.grid_5  { width: 390px; }
.grid_6  { width: 474px; }
.grid_7  { width: 558px; }
.grid_8  { width: 642px; }
.grid_9  { width: 726px; }
.grid_10 { width: 810px; }
.grid_11 { width: 894px; }

/* No alpha or omega, just this required for the first column in every new row.
 * How does this work? They showed no example in HTML.
 */
.first { margin-left: 0; clear: left; }