/* Containers
----------------------------------------------------------------------------------------------------*/
.wrap{margin-left:auto;margin-right:auto;width:960px;}
/* Grid >> Children (Alpha ~ First,Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha{margin-left:0 !important;}
.omega{margin-right:0 !important;}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,.grid_12{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px; margin-top:20px;}

/* Grid >> 12 Columns ---------------------------------------------------------------------------*/
.wrap .grid_1{width:60px;}
.wrap .grid_2{width:140px;}
.wrap .grid_3{width:220px;}
.wrap .grid_4{width:300px;}
.wrap .grid_5{width:380px;}
.wrap .grid_6{width:460px;}
.wrap .grid_7{width:540px;}
.wrap .grid_8{width:620px;}
.wrap .grid_9{width:700px;}
.wrap .grid_10{width:780px;}
.wrap .grid_11{width:860px;}
.wrap .grid_12{width:940px;}

.grid_12.alpha.omega {width:960px;}

.grid_1.alpha, .grid_1.omega {width:70px;}
.grid_2.alpha, .grid_2.omega {width:150px;}
.grid_3.alpha, .grid_3.omega {width:230px;}
.grid_4.alpha, .grid_4.omega {width:310px;}
.grid_5.alpha, .grid_5.omega {width:390px;}
.grid_6.alpha, .grid_6.omega {width:470px;}
.grid_7.alpha, .grid_7.omega {width:550px;}
.grid_8.alpha, .grid_8.omega {width:630px;}
.grid_9.alpha, .grid_9.omega {width:710px;}
.grid_10.alpha, .grid_10.omega {width:790px;}
.grid_11.alpha, .grid_11.omega {width:870px;}

/* Prefix Extra Space >> 12 Columns --------------------------------------------------------*/
.wrap .prefix_1{padding-left:80px;}
.wrap .prefix_2{padding-left:160px;}
.wrap .prefix_3{padding-left:240px;}
.wrap .prefix_4{padding-left:320px;}
.wrap .prefix_5{padding-left:400px;}
.wrap .prefix_6{padding-left:480px;}
.wrap .prefix_7{padding-left:560px;}
.wrap .prefix_8{padding-left:640px;}
.wrap .prefix_9{padding-left:720px;}
.wrap .prefix_10{padding-left:800px;}
.wrap .prefix_11{padding-left:880px;}
.wrap .prefix_12{padding-left:960px;}
/* Suffix Extra Space >> 12 Columns ------------------------------------------------------------------*/
.wrap .suffix_1{padding-right:80px;}
.wrap .suffix_2{padding-right:160px;}
.wrap .suffix_3{padding-right:240px;}
.wrap .suffix_4{padding-right:320px;}
.wrap .suffix_5{padding-right:400px;}
.wrap .suffix_6{padding-right:480px;}
.wrap .suffix_7{padding-right:560px;}
.wrap .suffix_8{padding-right:640px;}
.wrap .suffix_9{padding-right:720px;}
.wrap .suffix_10{padding-right:800px;}
.wrap .suffix_11{padding-right:880px;}
.wrap .suffix_12{padding-right:960px;}
/* Push Space >> 12 Columns --------------------------------------------------------------------------*/
.wrap .push_1{left:80px;}
.wrap .push_2{left:160px;}
.wrap .push_3{left:240px;}
.wrap .push_4{left:320px;}
.wrap .push_5{left:400px;}
.wrap .push_6{left:480px;}
.wrap .push_7{left:560px;}
.wrap .push_8{left:640px;}
.wrap .push_9{left:720px;}
.wrap .push_10{left:800px;}
.wrap .push_11{left:880px;}
.wrap .push_12{left:960px;}

/* Pull Space >> 12 Columns --------------------------------------------------------------------------*/
.wrap .pull_1{right:80px;}
.wrap .pull_2{right:160px;}
.wrap .pull_3{right:240px;}
.wrap .pull_4{right:320px;}
.wrap .pull_5{right:400px;}
.wrap .pull_6{right:480px;}
.wrap .pull_7{right:560px;}
.wrap .pull_8{right:640px;}
.wrap .pull_9{right:720px;}
.wrap .pull_10{right:800px;}
.wrap .pull_11{right:880px;}
.wrap .pull_12{right:960px;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}