/* ----------------------------------------------------------------------
 * Grid based on the 960 Grid System (http://960.gs/)
 * Width: 960 pixels
 * Columns: 12
 * Margin: 10 pixels
 * Padding: 10 pixels
 * Column Width: 40 pixels
 *
 * Created with the help of SASS and Compass
 * SASS: http://www.sass-lang.com
 * Compass: http://github.com/chriseppstein/compass
 * ---------------------------------------------------------------------- */

/* =Container
 * ======================================== */
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

.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;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 25px;
  padding-right: 25px;
}

/* =Grid >> Columns
 * ========================================
 * n*(column width + 2*column space) - 2*column space */
.grid_1 {
  width: 10px;
}

.grid_2 {
  width: 90px;
}

.grid_3 {
  width: 170px;
}

.grid_4 {
  width: 250px;
}

.grid_5 {
  width: 330px;
}

.grid_6 {
  width: 410px;
}

.grid_7 {
  width: 490px;
}

.grid_8 {
  width: 570px;
}

.grid_9 {
  width: 650px;
}

.grid_10 {
  width: 730px;
}

.grid_11 {
  width: 810px;
}

.grid_12 {
  width: 890px;
}

/* =Grid >> Children
 * ======================================== */
.alpha {
  margin-left: 0;
  padding-left: 0;
}

.omega {
  margin-right: 0;
  padding-right: 0;
}

/* =Prefix Extra Space
 * ---------------------------
 * n*(column width + 2*column space) + padding */
.prefix_1 {
  padding-left: 105px;
}

.prefix_2 {
  padding-left: 185px;
}

.prefix_3 {
  padding-left: 265px;
}

.prefix_4 {
  padding-left: 345px;
}

.prefix_5 {
  padding-left: 425px;
}

.prefix_6 {
  padding-left: 505px;
}

.prefix_7 {
  padding-left: 585px;
}

.prefix_8 {
  padding-left: 665px;
}

.prefix_9 {
  padding-left: 745px;
}

.prefix_10 {
  padding-left: 825px;
}

.prefix_11 {
  padding-left: 905px;
}

/* =Suffix Extra Space
 * ---------------------------
 * n*(column width + 2*column space) + padding */
.suffix_1 {
  padding-right: 105px;
}

.suffix_2 {
  padding-right: 185px;
}

.suffix_3 {
  padding-right: 265px;
}

.suffix_4 {
  padding-right: 345px;
}

.suffix_5 {
  padding-right: 425px;
}

.suffix_6 {
  padding-right: 505px;
}

.suffix_7 {
  padding-right: 585px;
}

.suffix_8 {
  padding-right: 665px;
}

.suffix_9 {
  padding-right: 745px;
}

.suffix_10 {
  padding-right: 825px;
}

.suffix_11 {
  padding-right: 905px;
}

/* =Push Space
 * ---------------------------
 * n*(column width + 2*column space) */
.push_1 {
  left: 80px;
}

.push_2 {
  left: 160px;
}

.push_3 {
  left: 240px;
}

.push_4 {
  left: 320px;
}

.push_5 {
  left: 400px;
}

.push_6 {
  left: 480px;
}

.push_7 {
  left: 560px;
}

.push_8 {
  left: 640px;
}

.push_9 {
  left: 720px;
}

.push_10 {
  left: 800px;
}

.push_11 {
  left: 880px;
}

/* Pull Space
 * ---------------------------
 * -n*(column width + 2*column space) */
.pull_1 {
  left: -80px;
}

.pull_2 {
  left: -160px;
}

.pull_3 {
  left: -240px;
}

.pull_4 {
  left: -320px;
}

.pull_5 {
  left: -400px;
}

.pull_6 {
  left: -480px;
}

.pull_7 {
  left: -560px;
}

.pull_8 {
  left: -640px;
}

.pull_9 {
  left: -720px;
}

.pull_10 {
  left: -800px;
}

.pull_11 {
  left: -880px;
}