/*
	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: 990px; }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_30 {
	margin-left: auto;
	margin-right: auto;
	width: 990px; }

/* 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_13, .grid_14, .grid_15,
.grid_16, .grid_17, .grid_18, .grid_19, .grid_20,
.grid_21, .grid_22, .grid_23, .grid_24, .grid_25,
.grid_26, .grid_27, .grid_28, .grid_29, .grid_30 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1px;
	margin-right: 1px; }

.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,
.push_13, .pull_13, .push_14, .pull_14,
.push_15, .pull_15, .push_16, .pull_16,
.push_17, .pull_17, .push_18, .pull_18,
.push_19, .pull_19, .push_20, .pull_20,
.push_21, .pull_21, .push_22, .pull_22,
.push_23, .pull_23, .push_24, .pull_24,
.push_25, .pull_25, .push_26, .pull_26,
.push_27, .pull_27, .push_28, .pull_28,
.push_29, .pull_29, .push_30, .pull_30 {
	position:relative; }


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

/* Grid >> 30 Columns
----------------------------------------------------------------------------------------------------*/
.container_30 .grid_1 { width:24px; }
.container_30 .grid_2 { width:57px; }
.container_30 .grid_3 { width:90px; }
.container_30 .grid_4 { width:123px; }
.container_30 .grid_5 { width:156px; }
.container_30 .grid_6 { width:189px; }
.container_30 .grid_7 { width:222px; }
.container_30 .grid_8 { width:255px; }
.container_30 .grid_9 { width:288px; }
.container_30 .grid_10 { width:321px; }
.container_30 .grid_11 { width:354px; }
.container_30 .grid_12 { width:387px; }
.container_30 .grid_13 { width:420px; }
.container_30 .grid_14 { width:453px; }
.container_30 .grid_15 { width:486px; }
.container_30 .grid_16 { width:519px; }
.container_30 .grid_17 { width:552px; }
.container_30 .grid_18 { width:585px; }
.container_30 .grid_19 { width:618px; }
.container_30 .grid_20 { width:651px; }
.container_30 .grid_21 { width:684px; }
.container_30 .grid_22 { width:717px; }
.container_30 .grid_23 { width:750px; }
.container_30 .grid_24 { width:783px; }
.container_30 .grid_25 { width:816px; }
.container_30 .grid_26 { width:849px; }
.container_30 .grid_27 { width:882px; }
.container_30 .grid_28 { width:915px; }
.container_30 .grid_29 { width:948px; }
.container_30 .grid_30 { width:990px; }

/* Prefix Extra Space >> 30 Columns
----------------------------------------------------------------------------------------------------*/
.container_30 .prefix_1 { padding-left:33px; }
.container_30 .prefix_2 { padding-left:66px; }
.container_30 .prefix_3 { padding-left:99px; }
.container_30 .prefix_4 { padding-left:132px; }
.container_30 .prefix_5 { padding-left:165px; }
.container_30 .prefix_6 { padding-left:198px; }
.container_30 .prefix_7 { padding-left:231px; }
.container_30 .prefix_8 { padding-left:264px; }
.container_30 .prefix_9 { padding-left:297px; }
.container_30 .prefix_10 { padding-left:330px; }
.container_30 .prefix_11 { padding-left:363px; }
.container_30 .prefix_12 { padding-left:396px; }
.container_30 .prefix_13 { padding-left:429px; }
.container_30 .prefix_14 { padding-left:462px; }
.container_30 .prefix_15 { padding-left:495px; }
.container_30 .prefix_16 { padding-left:528px; }
.container_30 .prefix_17 { padding-left:561px; }
.container_30 .prefix_18 { padding-left:594px; }
.container_30 .prefix_19 { padding-left:627px; }
.container_30 .prefix_20 { padding-left:660px; }
.container_30 .prefix_21 { padding-left:693px; }
.container_30 .prefix_22 { padding-left:726px; }
.container_30 .prefix_23 { padding-left:759px; }
.container_30 .prefix_24 { padding-left:792px; }
.container_30 .prefix_25 { padding-left:825px; }
.container_30 .prefix_26 { padding-left:858px; }
.container_30 .prefix_27 { padding-left:891px; }
.container_30 .prefix_28 { padding-left:924px; }
.container_30 .prefix_29 { padding-left:957px; }

/* Suffix Extra Space >> 30 Columns
----------------------------------------------------------------------------------------------------*/
.container_30 .suffix_1 { padding-right:33px; }
.container_30 .suffix_2 { padding-right:66px; }
.container_30 .suffix_3 { padding-right:99px; }
.container_30 .suffix_4 { padding-right:132px; }
.container_30 .suffix_5 { padding-right:165px; }
.container_30 .suffix_6 { padding-right:198px; }
.container_30 .suffix_7 { padding-right:231px; }
.container_30 .suffix_8 { padding-right:264px; }
.container_30 .suffix_9 { padding-right:297px; }
.container_30 .suffix_10 { padding-right:330px; }
.container_30 .suffix_11 { padding-right:363px; }
.container_30 .suffix_12 { padding-right:396px; }
.container_30 .suffix_13 { padding-right:429px; }
.container_30 .suffix_14 { padding-right:462px; }
.container_30 .suffix_15 { padding-right:495px; }
.container_30 .suffix_16 { padding-right:528px; }
.container_30 .suffix_17 { padding-right:561px; }
.container_30 .suffix_18 { padding-right:594px; }
.container_30 .suffix_19 { padding-right:627px; }
.container_30 .suffix_20 { padding-right:660px; }
.container_30 .suffix_21 { padding-right:693px; }
.container_30 .suffix_22 { padding-right:726px; }
.container_30 .suffix_23 { padding-right:759px; }
.container_30 .suffix_24 { padding-right:792px; }
.container_30 .suffix_25 { padding-right:825px; }
.container_30 .suffix_26 { padding-right:858px; }
.container_30 .suffix_27 { padding-right:891px; }
.container_30 .suffix_28 { padding-right:924px; }
.container_30 .suffix_29 { padding-right:957px; }

/* Push Space >> 30 Columns
----------------------------------------------------------------------------------------------------*/

.container_30 .push_1 { left:33px; }
.container_30 .push_2 { left:66px; }
.container_30 .push_3 { left:99px; }
.container_30 .push_4 { left:132px; }
.container_30 .push_5 { left:165px; }
.container_30 .push_6 { left:198px; }
.container_30 .push_7 { left:231px; }
.container_30 .push_8 { left:264px; }
.container_30 .push_9 { left:297px; }
.container_30 .push_10 { left:330px; }
.container_30 .push_11 { left:363px; }
.container_30 .push_12 { left:396px; }
.container_30 .push_13 { left:429px; }
.container_30 .push_14 { left:462px; }
.container_30 .push_15 { left:495px; }
.container_30 .push_16 { left:528px; }
.container_30 .push_17 { left:561px; }
.container_30 .push_18 { left:594px; }
.container_30 .push_19 { left:627px; }
.container_30 .push_20 { left:660px; }
.container_30 .push_21 { left:693px; }
.container_30 .push_22 { left:726px; }
.container_30 .push_23 { left:759px; }
.container_30 .push_24 { left:792px; }
.container_30 .push_25 { left:825px; }
.container_30 .push_26 { left:858px; }
.container_30 .push_27 { left:891px; }
.container_30 .push_28 { left:924px; }
.container_30 .push_29 { left:957px; }

/* Pull Space >> 30 Columns
----------------------------------------------------------------------------------------------------*/

.container_30 .pull_1 { left:-33px; }
.container_30 .pull_2 { left:-66px; }
.container_30 .pull_3 { left:-99px; }
.container_30 .pull_4 { left:-132px; }
.container_30 .pull_5 { left:-165px; }
.container_30 .pull_6 { left:-198px; }
.container_30 .pull_7 { left:-231px; }
.container_30 .pull_8 { left:-264px; }
.container_30 .pull_9 { left:-297px; }
.container_30 .pull_10 { left:-330px; }
.container_30 .pull_11 { left:-363px; }
.container_30 .pull_12 { left:-396px; }
.container_30 .pull_13 { left:-429px; }
.container_30 .pull_14 { left:-462px; }
.container_30 .pull_15 { left:-495px; }
.container_30 .pull_16 { left:-528px; }
.container_30 .pull_17 { left:-561px; }
.container_30 .pull_18 { left:-594px; }
.container_30 .pull_19 { left:-627px; }
.container_30 .pull_20 { left:-660px; }
.container_30 .pull_21 { left:-693px; }
.container_30 .pull_22 { left:-726px; }
.container_30 .pull_23 { left:-759px; }
.container_30 .pull_24 { left:-792px; }
.container_30 .pull_25 { left:-825px; }
.container_30 .pull_26 { left:-858px; }
.container_30 .pull_27 { left:-891px; }
.container_30 .pull_28 { left:-924px; }
.container_30 .pull_29 { left:-957px; }

/* `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; }