body {
  width: 100%;
  *zoom: 1; }
  body:before, body:after {
    content: "";
    display: table; }
  body:after {
    clear: both; }

div.center {
  width: 960px;
  margin: 0 auto;
  overflow: hidden; }

.col1 {
  display: inline;
  float: left;
  width: 60px;
  margin: 0 10px; }

.col2 {
  display: inline;
  float: left;
  width: 140px;
  margin: 0 10px; }

.col3 {
  display: inline;
  float: left;
  width: 220px;
  margin: 0 10px; }

.col4 {
  display: inline;
  float: left;
  width: 300px;
  margin: 0 10px; }

.col5 {
  display: inline;
  float: left;
  width: 380px;
  margin: 0 10px; }

.col6 {
  display: inline;
  float: left;
  width: 460px;
  margin: 0 10px; }

.col7 {
  display: inline;
  float: left;
  width: 540px;
  margin: 0 10px; }

.col8 {
  display: inline;
  float: left;
  width: 620px;
  margin: 0 10px; }

.col9 {
  display: inline;
  float: left;
  width: 700px;
  margin: 0 10px; }

.col10 {
  display: inline;
  float: left;
  width: 780px;
  margin: 0 10px; }

.col11 {
  display: inline;
  float: left;
  width: 860px;
  margin: 0 10px; }

.col12 {
  display: inline;
  float: left;
  width: 940px;
  margin: 0 10px; }

.nested12 {
  display: block;
  width: 980.0px;
  margin: 0 -10px;
  *zoom: 1; }
  .nested12:before, .nested12:after {
    content: "";
    display: table; }
  .nested12:after {
    clear: both; }

.col5z {
  display: inline;
  float: left;
  width: 380px;
  margin: 0; }

.col4z {
  display: inline;
  float: left;
  width: 300px;
  margin: 0; }

/* media Queries */
/* MOBILE PORTRAIT */
/* MOBILE LANDSCAPE */
@media only screen and (max-width: 480px) {
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    display: inline;
    float: left;
    width: 940px;
    margin: 0 10px; } }
/* TABLET PORTRAIT */
/* TABLET LANDSCAPE */
/* LARGE SCREEN */