/* =Containers
--------------------------------------------------------------------------------*/
.container_12{margin-left:auto; margin-right:auto; width:960px}

/* =Grid >>Global
--------------------------------------------------------------------------------*/
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.wrap, 
.grid_13, 
.grid_14, 
.grid_15, 
.grid_16{display:inline; float:left; margin-left:10px; margin-right:10px}
.grid_3{width:220px}
.grid_6{width:460px}
.grid_9{width:700px}
.wrap{width:940px}

/* =Grid >>Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha{margin-left:0}
.omega{margin-right:0}

/* =Grid >>12 Columns
--------------------------------------------------------------------------------*/
.grid_1{width:60px}
.grid_2{width:140px}
.grid_4{width:300px}
.grid_5{width:380px}
.grid_7{width:540px}
.grid_8{width:620px}
.grid_10{width:780px}
.grid_11{width:860px}

/* =Prefix Extra Space >>Global
--------------------------------------------------------------------------------*/
.prefix_3{padding-left:240px}
.prefix_6{padding-left:480px}
.prefix_9{padding-left:720px}

/* =Prefix Extra Space >>12 Columns
--------------------------------------------------------------------------------*/
.prefix_1{padding-left:80px}
.prefix_2{padding-left:160px}
.prefix_4{padding-left:320px}
.prefix_5{padding-left:400px}
.prefix_7{padding-left:560px}
.prefix_8{padding-left:640px}
.prefix_10{padding-left:800px}
.prefix_11{padding-left:880px}

/* =Suffix Extra Space >>Global
--------------------------------------------------------------------------------*/
.suffix_3{padding-right:240px}
.suffix_6{padding-right:480px}
.suffix_9{padding-right:720px}

/* =Suffix Extra Space >>12 Columns
--------------------------------------------------------------------------------*/
.suffix_1{padding-right:80px}
.suffix_2{padding-right:160px}
.suffix_4{padding-right:320px}
.suffix_5{padding-right:400px}
.suffix_7{padding-right:560px}
.suffix_8{padding-right:640px}
.suffix_10{padding-right:800px}
.suffix_11{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}