.container { width: 960px; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------------------------*/

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 { display: inline; float: left; position: relative; margin-left: 15px; margin-right: 15px; }

.grid1	{ width:	50px; }
.grid2	{ width: 130px; }
.grid3	{ width: 210px; }
.grid4	{ width: 290px; }
.grid5	{ width: 370px; }
.grid6	{ width: 450px; }
.grid7	{ width: 530px; }
.grid8	{ width: 610px; }
.grid9	{ width: 690px; }
.grid10	{ width: 770px; }
.grid11	{ width: 850px; }
.grid12	{ width: 930px; }

/*--------------------------------------------------------------------------------*/

.alpha { margin-left:  0; }
.omega { margin-right: 0; }

/*--------------------------------------------------------------------------------*/

.prefix1	{ padding-left:	 80px; }
.prefix2	{ padding-left: 160px; }
.prefix3	{ padding-left: 240px; }
.prefix4	{ padding-left: 320px; }
.prefix5	{ padding-left: 400px; }
.prefix6	{ padding-left: 480px; }
.prefix7	{ padding-left: 560px; }
.prefix8	{ padding-left: 640px; }
.prefix9	{ padding-left: 720px; }
.prefix10	{ padding-left: 800px; }
.prefix11	{ padding-left: 880px; }

/*--------------------------------------------------------------------------------*/

.suffix1	{ padding-right:	80px; }
.suffix2	{ padding-right: 160px; }
.suffix3	{ padding-right: 240px; }
.suffix4	{ padding-right: 320px; }
.suffix5	{ padding-right: 400px; }
.suffix6	{ padding-right: 480px; }
.suffix7	{ padding-right: 560px; }
.suffix8	{ padding-right: 640px; }
.suffix9	{ padding-right: 720px; }
.suffix10	{ padding-right: 800px; }
.suffix11	{ padding-right: 880px; }

/*--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 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; }

* html .clearfix { height: 1%; }