/* Containers
----------------------------------------------------------------------------------------------------*/
.grid-row {margin-left:auto;margin-right:auto;width:960px;}
.row {margin-bottom:20px}
/* Grid >> Children (Alpha ~ First,Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.first {margin-left:0 !important;}
.last {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 {display:inline;float:left;position:relative;margin-left:10.0px;margin-right:10.0px;}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.grid-row .grid-1{width:60px;}
.grid-row .grid-2{width:140px;}
.grid-row .grid-3{width:220px;}
.grid-row .grid-4{width:300px;}
.grid-row .grid-5{width:380px;}
.grid-row .grid-6{width:460px;}
.grid-row .grid-7{width:540px;}
.grid-row .grid-8{width:620px;}
.grid-row .grid-9{width:700px;}
.grid-row .grid-10{width:780px;}
.grid-row .grid-11{width:860px;}
.grid-row .grid-12{width:940px;}
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.grid-row .prefix-1{padding-left:80px;}
.grid-row .prefix-2{padding-left:160px;}
.grid-row .prefix-3{padding-left:240px;}
.grid-row .prefix-4{padding-left:320px;}
.grid-row .prefix-5{padding-left:400px;}
.grid-row .prefix-6{padding-left:480px;}
.grid-row .prefix-7{padding-left:560px;}
.grid-row .prefix-8{padding-left:640px;}
.grid-row .prefix-9{padding-left:720px;}
.grid-row .prefix-10{padding-left:800px;}
.grid-row .prefix-11{padding-left:880px;}
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.grid-row .suffix-1{padding-right:80px;}
.grid-row .suffix-2{padding-right:160px;}
.grid-row .suffix-3{padding-right:240px;}
.grid-row .suffix-4{padding-right:320px;}
.grid-row .suffix-5{padding-right:400px;}
.grid-row .suffix-6{padding-right:480px;}
.grid-row .suffix-7{padding-right:560px;}
.grid-row .suffix-8{padding-right:640px;}
.grid-row .suffix-9{padding-right:720px;}
.grid-row .suffix-10{padding-right:800px;}
.grid-row .suffix-11{padding-right:880px;}
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.grid-row .push-1{left:80px;}
.grid-row .push-2{left:160px;}
.grid-row .push-3{left:240px;}
.grid-row .push-4{left:320px;}
.grid-row .push-5{left:400px;}
.grid-row .push-6{left:480px;}
.grid-row .push-7{left:560px;}
.grid-row .push-8{left:640px;}
.grid-row .push-9{left:720px;}
.grid-row .push-10{left:800px;}
.grid-row .push-11{left:880px;}
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.grid-row .pull-1{right:80px;}
.grid-row .pull-2{right:160px;}
.grid-row .pull-3{right:240px;}
.grid-row .pull-4{right:320px;}
.grid-row .pull-5{right:400px;}
.grid-row .pull-6{right:480px;}
.grid-row .pull-7{right:560px;}
.grid-row .pull-8{right:640px;}
.grid-row .pull-9{right:720px;}
.grid-row .pull-10{right:800px;}
.grid-row .pull-11{right:880px;}

/* Add extra space on top */
.grid-row .top-suffix-1{margin-top:10px;}
.grid-row .top-suffix-2{margin-top:20px;}
.grid-row .top-suffix-3{margin-top:30px;}
/* 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;}