/*
  1200 Grid System (converted from 960.gs)
  - 12 columns: column = 80px, gutter = 20px
  - Container width: 1200px, so .grid_12 content = 1180px
*/

/* Minimum width */
body {
  min-width: 1200px; /* was 960px */
}

/* Container */
.container_12,
.container_16 {
  margin-left: 20pt;
  margin-right: auto;
  width: 1200px; /* was 960px */
}

/* 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 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px; /* total gutter = 20px */
}

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* 12-col widths (width(n) = n*80 + (n-1)*20) */
.container_12 .grid_1  { width: 80px; }
.container_12 .grid_2  { width: 180px; }
.container_12 .grid_3  { width: 280px; }
.container_12 .grid_4  { width: 380px; }
.container_12 .grid_5  { width: 480px; }
.container_12 .grid_6  { width: 580px; }
.container_12 .grid_7  { width: 680px; }
.container_12 .grid_8  { width: 780px; }
.container_12 .grid_9  { width: 880px; }
.container_12 .grid_10 { width: 980px; }
.container_12 .grid_11 { width: 1080px; }
.container_12 .grid_12 { width: 1180px; }

/* Prefix/Suffix/Push/Pull (step = 100px = 80 + 20) */
.container_12 .prefix_1  { padding-left: 100px; }
.container_12 .prefix_2  { padding-left: 200px; }
.container_12 .prefix_3  { padding-left: 300px; }
.container_12 .prefix_4  { padding-left: 400px; }
.container_12 .prefix_5  { padding-left: 500px; }
.container_12 .prefix_6  { padding-left: 600px; }
.container_12 .prefix_7  { padding-left: 700px; }
.container_12 .prefix_8  { padding-left: 800px; }
.container_12 .prefix_9  { padding-left: 900px; }
.container_12 .prefix_10 { padding-left: 1000px; }
.container_12 .prefix_11 { padding-left: 1100px; }

.container_12 .suffix_1  { padding-right: 100px; }
.container_12 .suffix_2  { padding-right: 200px; }
.container_12 .suffix_3  { padding-right: 300px; }
.container_12 .suffix_4  { padding-right: 400px; }
.container_12 .suffix_5  { padding-right: 500px; }
.container_12 .suffix_6  { padding-right: 600px; }
.container_12 .suffix_7  { padding-right: 700px; }
.container_12 .suffix_8  { padding-right: 800px; }
.container_12 .suffix_9  { padding-right: 900px; }
.container_12 .suffix_10 { padding-right: 1000px; }
.container_12 .suffix_11 { padding-right: 1100px; }

.container_12 .push_1  { left: 100px; }
.container_12 .push_2  { left: 200px; }
.container_12 .push_3  { left: 300px; }
.container_12 .push_4  { left: 400px; }
.container_12 .push_5  { left: 500px; }
.container_12 .push_6  { left: 600px; }
.container_12 .push_7  { left: 700px; }
.container_12 .push_8  { left: 800px; }
.container_12 .push_9  { left: 900px; }
.container_12 .push_10 { left: 1000px; }
.container_12 .push_11 { left: 1100px; }

.container_12 .pull_1  { left: -100px; }
.container_12 .pull_2  { left: -200px; }
.container_12 .pull_3  { left: -300px; }
.container_12 .pull_4  { left: -400px; }
.container_12 .pull_5  { left: -500px; }
.container_12 .pull_6  { left: -600px; }
.container_12 .pull_7  { left: -700px; }
.container_12 .pull_8  { left: -800px; }
.container_12 .pull_9  { left: -900px; }
.container_12 .pull_10 { left: -1000px; }
.container_12 .pull_11 { left: -1100px; }

/* Clearfix */
.clear { clear: both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:before, .clearfix:after,
.container_12:before, .container_12:after {
  content: '.'; display:block; overflow:hidden; visibility:hidden;
  font-size:0; line-height:0; width:0; height:0;
}
.clearfix:after, .container_12:after { clear: both; }
.clearfix, .container_12 { zoom:1; }