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

/* Containers
----------------------------------------------------------------------------------------------------*/
._container_8col
{
  margin: 40px 0 10px 0;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

._width_1col,
._width_2col,
._width_2_5col,
._width_3col,
._width_4col,
._width_5col,
._width_6col,
._width_7col,
._width_8col
{
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
  border: 0px dotted #c00;
}


._push_0col,
._push_1col, .pull_1,
._push_2col, .pull_2,
._push_3col, .pull_3,
._push_4col, .pull_4,
._push_5col, .pull_5,
._push_6col, .pull_6,
._push_7col, .pull_7,
._push_8col, .pull_8
{
  position: relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}


/* Grid >> 8 Columns     width = #cols * (96 + 16) - 16
----------------------------------------------------------------------------------------------------*/

._container_8col ._width_1col {
  width: 96px;
}

._container_8col ._width_2col {
  width: 208px;
}

._container_8col ._width_2_5col {
  width: 264px;
}

._container_8col ._width_3col {
  width: 320px;
}

._container_8col ._width_4col {
  width: 432px;
}

._container_8col ._width_5col {
  width: 544px;
}

._container_8col ._width_6col {
  width: 656px;
}

._container_8col ._width_7col {
  width: 768px;
}

._container_8col ._width_8col {
  width: 880px;
}



/* Prefix Extra Space >> 8 Columns
---------------------------------------------------------------------------------------------------- not used


._container_8col .prefix_1 {
  padding-left:109px;
}

._container_8col .prefix_2 {
  padding-left:218px;
}

._container_8col .prefix_3 {
  padding-left:327px;
}

._container_8col .prefix_4 {
  padding-left:436px;
}

._container_8col .prefix_5 {
  padding-left:545px;
}

._container_8col .prefix_6 {
  padding-left:654px;
}

._container_8col .prefix_7 {
  padding-left:763px;
}
*/


/* Suffix Extra Space >> 8 Columns
---------------------------------------------------------------------------------------------------- not used


._container_8col .suffix_1 {
  padding-right:109px;
}

._container_8col .suffix_2 {
  padding-right:218px;
}

._container_8col .suffix_3 {
  padding-right:327px;
}

._container_8col .suffix_4 {
  padding-right:436px;
}

._container_8col .suffix_5 {
  padding-right:545px;
}

._container_8col .suffix_6 {
  padding-right:654px;
}

._container_8col .suffix_7 {
  padding-right:763px;
}
*/


/* Push Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

._container_8col ._push_0col {
  left: 52px;
}

._container_8col ._push_1col {
  left: 164px;
}

._container_8col ._push_2col {
  left: 276px;
}

._container_8col ._push_3col {
  left: 388px;
}

._container_8col ._push_4col {
  left: 500px;
}

._container_8col ._push_5col {
  left: 612px;
}

._container_8col ._push_6col {
  left: 724px;
}

._container_8col ._push_7col {
  left: 836px;
}



/* Pull Space >> 8 Columns
---------------------------------------------------------------------------------------------------- not used

._container_8col ._pull_0col {
  left: -52px;
}

._container_8col ._pull_1col {
  left: -164px;
}

._container_8col ._pull_2col {
  left: -276px;
}

._container_8col ._pull_3col {
  left: -388px;
}

._container_8col ._pull_4col {
  left: -500px;
}

._container_8col ._pull_5col {
  left: -612px;
}

._container_8col ._pull_6col {
  left: -724px;
}

._container_8col ._pull_7col {
  left: -836px;
}

._container_8col ._pull_8col {
  left: -763px;
}
*/



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

/* -- not used --
.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;
}
*/