/*
Grid System.
77x9x30 933 963
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container9 { margin-left: auto; margin-right: auto; width: 963px; text-align:left }
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9 { 
display:inline; float: left; position: relative; margin-left: 15px; margin-right: 15px; }
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha { margin-left: 0; }
.omega { margin-right: 0; }
/* Grid >> 9 Columns
----------------------------------------------------------------------------------------------------*/

.container9 .grid1 { width:77px; }
.container9 .grid2 { width:184px; }
.container9 .grid3 { width:291px; }
.container9 .grid4 { width:398px; }
.container9 .grid5 { width:505px; }
.container9 .grid6 { width:612px; }
.container9 .grid7 { width:719px; }
.container9 .grid8 { width:826px; }
.container9 .grid9 { width:933px; }
/* Prefix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/

.container9 .prefix1 { padding-left:107px; }
.container9 .prefix2 { padding-left:214px; }
.container9 .prefix3 { padding-left:321px; }
.container9 .prefix4 { padding-left:428px; }
.container9 .prefix5 { padding-left:535px; }
.container9 .prefix6 { padding-left:642px; }
.container9 .prefix7 { padding-left:749px; }
.container9 .prefix8 { padding-left:856px; }
/* Suffix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/

.container9 .suffix1 { padding-right:107px; }
.container9 .suffix2 { padding-right:214px; }
.container9 .suffix3 { padding-right:321px; }
.container9 .suffix4 { padding-right:428px; }
.container9 .suffix5 { padding-right:535px; }
.container9 .suffix6 { padding-right:642px; }
.container9 .suffix7 { padding-right:749px; }
.container9 .suffix8 { padding-right:856px; }
/* Push Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/

.container9 .push1 { left:107px; }
.container9 .push2 { left:214px; }
.container9 .push3 { left:321px; }
.container9 .push4 { left:428px; }
.container9 .push5 { left:535px; }
.container9 .push6 { left:642px; }
.container9 .push7 { left:749px; }
.container9 .push8 { left:856px; }
/* Pull Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/

.container9 .pull1 { left:-107px; }
.container9 .pull2 { left:-214px; }
.container9 .pull3 { left:-321px; }
.container9 .pull4 { left:-428px; }
.container9 .pull5 { left:-535px; }
.container9 .pull6 { left:-642px; }
.container9 .pull7 { left:-749px; }
.container9 .pull8 { left:-856px; }
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

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

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }