body { min-width:960px; }
.container { margin:0 auto; width:960px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { float:left; margin:0 15px; }
.grid-1 { width:50px; }
.grid-2 { width:130px; }
.grid-3 { width:210px; }
.grid-4 { width:290px; }
.grid-5 { width:370px; }
.grid-6 { width:450px; }
.grid-7 { width:530px; }
.grid-8 { width:610px; }
.grid-9 { width:690px; }
.grid-10 { width:770px; }
.grid-11 { width:850px; }
.grid-12 { width:930px; }
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:after { clear:both; }
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix { zoom:1; }