.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; }

.container-12:before, .container-12:after, .clearfix:before, .clearfix:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0; }

body {
  min-width: 960px; }

.container-12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  zoom: 1; }
  .container-12 .grid-1 {
    width: 60px; }
  .container-12 .grid-2 {
    width: 140px; }
  .container-12 .grid-3 {
    width: 220px; }
  .container-12 .grid-4 {
    width: 300px; }
  .container-12 .grid-5 {
    width: 380px; }
  .container-12 .grid-6 {
    width: 460px; }
  .container-12 .grid-7 {
    width: 540px; }
  .container-12 .grid-8 {
    width: 620px; }
  .container-12 .grid-9 {
    width: 700px; }
  .container-12 .grid-10 {
    width: 780px; }
  .container-12 .grid-11 {
    width: 860px; }
  .container-12 .grid-12 {
    width: 940px; }
  .container-12 .prefix-1 {
    padding-left: 80px; }
  .container-12 .prefix-2 {
    padding-left: 160px; }
  .container-12 .prefix-3 {
    padding-left: 240px; }
  .container-12 .prefix-4 {
    padding-left: 320px; }
  .container-12 .prefix-5 {
    padding-left: 400px; }
  .container-12 .prefix-6 {
    padding-left: 480px; }
  .container-12 .prefix-7 {
    padding-left: 560px; }
  .container-12 .prefix-8 {
    padding-left: 640px; }
  .container-12 .prefix-9 {
    padding-left: 720px; }
  .container-12 .prefix-10 {
    padding-left: 800px; }
  .container-12 .prefix-11 {
    padding-left: 880px; }
  .container-12 .suffix-1 {
    padding-right: 80px; }
  .container-12 .suffix-2 {
    padding-right: 160px; }
  .container-12 .suffix-3 {
    padding-right: 240px; }
  .container-12 .suffix-4 {
    padding-right: 320px; }
  .container-12 .suffix-5 {
    padding-right: 400px; }
  .container-12 .suffix-6 {
    padding-right: 480px; }
  .container-12 .suffix-7 {
    padding-right: 560px; }
  .container-12 .suffix-8 {
    padding-right: 640px; }
  .container-12 .suffix-9 {
    padding-right: 720px; }
  .container-12 .suffix-10 {
    padding-right: 800px; }
  .container-12 .suffix-11 {
    padding-right: 880px; }
  .container-12 .push-1 {
    left: 80px; }
  .container-12 .push-2 {
    left: 160px; }
  .container-12 .push-3 {
    left: 240px; }
  .container-12 .push-4 {
    left: 320px; }
  .container-12 .push-5 {
    left: 400px; }
  .container-12 .push-6 {
    left: 480px; }
  .container-12 .push-7 {
    left: 560px; }
  .container-12 .push-8 {
    left: 640px; }
  .container-12 .push-9 {
    left: 720px; }
  .container-12 .push-10 {
    left: 800px; }
  .container-12 .push-11 {
    left: 880px; }
  .container-12 .pull-1 {
    left: -80px; }
  .container-12 .pull-2 {
    left: -160px; }
  .container-12 .pull-3 {
    left: -240px; }
  .container-12 .pull-4 {
    left: -320px; }
  .container-12 .pull-5 {
    left: -400px; }
  .container-12 .pull-6 {
    left: -480px; }
  .container-12 .pull-7 {
    left: -560px; }
  .container-12 .pull-8 {
    left: -640px; }
  .container-12 .pull-9 {
    left: -720px; }
  .container-12 .pull-10 {
    left: -800px; }
  .container-12 .pull-11 {
    left: -880px; }
  .container-12:after {
    clear: both; }

.push-1 {
  position: relative; }

.pull-1 {
  position: relative; }

.push-2 {
  position: relative; }

.pull-2 {
  position: relative; }

.push-3 {
  position: relative; }

.pull-3 {
  position: relative; }

.push-4 {
  position: relative; }

.pull-4 {
  position: relative; }

.push-5 {
  position: relative; }

.pull-5 {
  position: relative; }

.push-6 {
  position: relative; }

.pull-6 {
  position: relative; }

.push-7 {
  position: relative; }

.pull-7 {
  position: relative; }

.push-8 {
  position: relative; }

.pull-8 {
  position: relative; }

.push-9 {
  position: relative; }

.pull-9 {
  position: relative; }

.push-10 {
  position: relative; }

.pull-10 {
  position: relative; }

.push-11 {
  position: relative; }

.pull-11 {
  position: relative; }

.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix {
  zoom: 1; }
  .clearfix:after {
    clear: both; }