/*
980px grid system ~ Core CSS.
12 columns ~ margin: 20px

Based on the golden grid system - http://code.google.com/p/the-golden-grid/
by Vladimir Carrer

Created by the Grid System Generator - v1.00
Learn more ~ http://www.gridsystemgenerator.com/
*/
/* =Containers
--------------------------------------------------------------------------------*/
.main {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.one-column,
.two-columns,
.three-columns,
.four-columns,
.five-columns,
.six-columns,
.seven-columns,
.eight-columns,
.nine-columns,
.ten-columns,
.eleven-columns,
.twelve-columns {
  display: inline;
  float: left;
  margin-right: 20px;
}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.one-column {
  width: 60px;
}
.two-columns {
  width: 140px;
}
.three-columns {
  width: 220px;
}
.four-columns {
  width: 300px;
}
.five-columns {
  width: 380px;
}
.six-columns {
  width: 460px;
}
.seven-columns {
  width: 540px;
}
.eight-columns {
  width: 620px;
}
.nine-columns {
  width: 700px;
}
.ten-columns {
  width: 780px;
}
.eleven-columns {
  width: 860px;
}
.twelve-columns {
  width: 940px;
}
/* =Grid >> 12 Columns - no left margin
--------------------------------------------------------------------------------*/
.ml-one {
  margin-left: 100px;
}
.ml-two {
  margin-left: 180px;
}
.ml-three {
  margin-left: 260px;
}
.ml-four {
  margin-left: 340px;
}
.ml-five {
  margin-left: 420px;
}
.ml-six {
  margin-left: 500px;
}
.ml-seven {
  margin-left: 580px;
}
.ml-eight {
  margin-left: 660px;
}
.ml-nine {
  margin-left: 740px;
}
.ml-ten {
  margin-left: 820px;
}
.ml-eleven {
  margin-left: 900px;
}
.ml-twelve {
  margin-left: 980px;
}
.inside {
  margin-right: 0;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.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;
}