/*
Variable Grid System.
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/
Licensed under GPL and MIT.
*/
/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.
Note:IE6 works fine without this fix.
*/
body{min-width:1140px;}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12{margin-left:auto;margin-right:auto;width:1140px;}
/* 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:10px;margin-right:10px;}
.push_1,.pull_1,
.push_2,.pull_2,
.push_3,.pull_3,
.push_4,.pull_4,
.push_5,.pull_5,
.push_6,.pull_6,
.push_7,.pull_7,
.push_8,.pull_8,
.push_9,.pull_9,
.push_10,.pull_10,
.push_11,.pull_11,
.push_12,.pull_12{position:relative;}
/* Grid >> Children (Alpha ~ First,Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha{margin-left:0;}
.omega{margin-right:0;}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1{width:75px;}
.container_12 .grid_2{width:170px;}
.container_12 .grid_3{width:265px;}
.container_12 .grid_4{width:360px;}
.container_12 .grid_5{width:455px;}
.container_12 .grid_6{width:550px;}
.container_12 .grid_7{width:645px;}
.container_12 .grid_8{width:740px;}
.container_12 .grid_9{width:835px;}
.container_12 .grid_10{width:930px;}
.container_12 .grid_11{width:1025px;}
.container_12 .grid_12{width:1120px;}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1{padding-left:95px;}
.container_12 .prefix_2{padding-left:190px;}
.container_12 .prefix_3{padding-left:285px;}
.container_12 .prefix_4{padding-left:380px;}
.container_12 .prefix_5{padding-left:475px;}
.container_12 .prefix_6{padding-left:570px;}
.container_12 .prefix_7{padding-left:665px;}
.container_12 .prefix_8{padding-left:760px;}
.container_12 .prefix_9{padding-left:855px;}
.container_12 .prefix_10{padding-left:950px;}
.container_12 .prefix_11{padding-left:1045px;}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1{padding-right:95px;}
.container_12 .suffix_2{padding-right:190px;}
.container_12 .suffix_3{padding-right:285px;}
.container_12 .suffix_4{padding-right:380px;}
.container_12 .suffix_5{padding-right:475px;}
.container_12 .suffix_6{padding-right:570px;}
.container_12 .suffix_7{padding-right:665px;}
.container_12 .suffix_8{padding-right:760px;}
.container_12 .suffix_9{padding-right:855px;}
.container_12 .suffix_10{padding-right:950px;}
.container_12 .suffix_11{padding-right:1045px;}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1{left:95px;}
.container_12 .push_2{left:190px;}
.container_12 .push_3{left:285px;}
.container_12 .push_4{left:380px;}
.container_12 .push_5{left:475px;}
.container_12 .push_6{left:570px;}
.container_12 .push_7{left:665px;}
.container_12 .push_8{left:760px;}
.container_12 .push_9{left:855px;}
.container_12 .push_10{left:950px;}
.container_12 .push_11{left:1045px;}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1{left:-95px;}
.container_12 .pull_2{left:-190px;}
.container_12 .pull_3{left:-285px;}
.container_12 .pull_4{left:-380px;}
.container_12 .pull_5{left:-475px;}
.container_12 .pull_6{left:-570px;}
.container_12 .pull_7{left:-665px;}
.container_12 .pull_8{left:-760px;}
.container_12 .pull_9{left:-855px;}
.container_12 .pull_10{left:-950px;}
.container_12 .pull_11{left:-1045px;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix{zoom:1;}