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

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

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

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

.container .grid1		{ width:	60px; }
.container .grid2		{ width: 140px; }
.container .grid3		{ width: 220px; }
.container .grid4		{ width: 300px; }
.container .grid5		{ width: 380px; }
.container .grid6		{ width: 460px; }
.container .grid7		{ width: 540px; }
.container .grid8		{ width: 620px; }
.container .grid9		{ width: 700px; }
.container .grid10	{ width: 780px; }
.container .grid11	{ width: 860px; }
.container .grid12	{ width: 940px; }

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

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

/* =Prefix Extra Space >>
--------------------------------------------------------------------------------*/

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

/* =Suffix Extra Space >>
--------------------------------------------------------------------------------*/

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

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

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

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }