/* Grid container */
.grid {
	margin:0 auto;
	overflow:hidden;
	width:960px;
}

.blocks
{
   margin-left: -10px;
   margin-right: -10px;
   clear: both;
   overflow: hidden;
   min-height: 1px;
   list-style: none;
   list-style-image: none;
}

/* Generic block */
.block {
	display:inline;
	float:left;
	margin:0 10px;
	position:relative;
}

/* Block widths */
.w1  { width:60px; }
.w2  { width:140px; }
.w3  { width:220px; }
.w4  { width:300px; }
.w5  { width:380px; }
.w6  { width:460px; }
.w7  { width:540px; }
.w8  { width:620px; }
.w9  { width:700px; }
.w10 { width:780px; }
.w11 { width:860px; }
.w12 { width:940px; }

/* Block first and last overides */
.alpha { margin-left:0; }
.omega { margin-right:0; }


/* Prefix and suffix */
.pre1   { padding-left:80px; }
.pre2   { padding-left:160px; }
.pre3   { padding-left:240px; }
.pre4   { padding-left:320px; }
.pre5   { padding-left:400px; }
.pre6   { padding-left:480px; }
.pre7   { padding-left:560px; }
.pre8   { padding-left:640px; }
.pre9   { padding-left:720px; }
.pre10  { padding-left:800px; }
.pre11  { padding-left:880px; }

.suff1  { padding-right:80px; }
.suff2  { padding-right:160px; }
.suff3  { padding-right:240px; }
.suff4  { padding-right:320px; }
.suff5  { padding-right:400px; }
.suff6  { padding-right:480px; }
.suff7  { padding-right:560px; }
.suff8  { padding-right:640px; }
.suff9  { padding-right:720px; }
.suff10 { padding-right:800px; }
.suff11 { padding-right:880px; }

/* Clears */
/* http://sonspring.com/journal/clearing-floats */
.clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after{ clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
.clearfix { display:inline-block; }