/*  SECTIONS  ============================================================================= */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

.center {
  margin: 0 auto;
  position: relative;
  width: 1200px;
}

@media only screen and (max-width: 1200px) {
  .center {
    width: 1100px;
  }
}
@media only screen and (max-width: 1100px) {
  .center {
    width: 588px;
  }
}
.center.medium {
  width: 1100px;
}

.center.narrow {
  width: 588px;
}

.center.medium_narrow {
  width: 980px;
}

.center.center_width_mobile {
  width: 650px;
}

@media only screen and (max-width: 1100px) {
  .center,
.center.narrow,
.center.medium,
.center.medium_narrow {
    width: 650px;
  }
}
@media only screen and (max-width: 659px) {
  .center,
.center.narrow,
.center.medium,
.center.medium_narrow,
.center.center_width_mobile {
    width: 90%;
  }
}
/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 8.25%;
}

.col:first-child {
  margin-left: 0;
}

.col:first-child, .col_first {
  margin-left: 0 !important;
}

/* all browsers except IE6 and lower */
/* 
 REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS
 */
@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%;
  }
}
/*  COLUMNS  ==================================================================== */
.span_2_of_2 {
  width: 100%;
}

.span_1_of_2 {
  width: 45.87%;
}

.span_3_of_3 {
  width: 100%;
}

.span_2_of_3 {
  width: 63.91%;
}

.span_1_of_3 {
  width: 27.83%;
}

.span_4_of_4 {
  width: 100%;
}

.span_3_of_4 {
  width: 72.93%;
}

.span_2_of_4 {
  width: 45.87%;
}

.span_1_of_4 {
  width: 18.81%;
}

.span_5_of_5 {
  width: 100%;
}

.span_4_of_5 {
  width: 78.34%;
}

.span_3_of_5 {
  width: 56.7%;
}

.span_2_of_5 {
  width: 35.04%;
}

.span_1_of_5 {
  width: 13.4%;
}

.span_6_of_6 {
  width: 100%;
}

.span_5_of_6 {
  width: 81.95%;
}

.span_4_of_6 {
  width: 63.91%;
}

.span_3_of_6 {
  width: 45.87%;
}

.span_2_of_6 {
  width: 27.83%;
}

.span_1_of_6 {
  width: 9.79%;
}

.span_7_of_7 {
  width: 100%;
}

.span_6_of_7 {
  width: 84.53%;
}

.span_5_of_7 {
  width: 69.07%;
}

.span_4_of_7 {
  width: 53.6%;
}

.span_3_of_7 {
  width: 38.14%;
}

.span_2_of_7 {
  width: 22.67%;
}

.span_1_of_7 {
  width: 7.21%;
}

.span_8_of_8 {
  width: 100%;
}

.span_7_of_8 {
  width: 86.46%;
}

.span_6_of_8 {
  width: 72.93%;
}

.span_5_of_8 {
  width: 59.4%;
}

.span_4_of_8 {
  width: 45.87%;
}

.span_3_of_8 {
  width: 32.34%;
}

.span_2_of_8 {
  width: 18.81%;
}

.span_1_of_8 {
  width: 5.28%;
}

.span_9_of_9 {
  width: 100%;
}

.span_8_of_9 {
  width: 87.97%;
}

.span_7_of_9 {
  width: 75.94%;
}

.span_6_of_9 {
  width: 63.91%;
}

.span_5_of_9 {
  width: 51.88%;
}

.span_4_of_9 {
  width: 39.86%;
}

.span_3_of_9 {
  width: 27.83%;
}

.span_2_of_9 {
  width: 15.8%;
}

.span_1_of_9 {
  width: 3.77%;
}

.span_10_of_10 {
  width: 100%;
}

.span_9_of_10 {
  width: 89.17%;
}

.span_8_of_10 {
  width: 78.34%;
}

.span_7_of_10 {
  width: 67.52%;
}

.span_6_of_10 {
  width: 56.7%;
}

.span_5_of_10 {
  width: 45.87%;
}

.span_4_of_10 {
  width: 35.04%;
}

.span_3_of_10 {
  width: 24.22%;
}

.span_2_of_10 {
  width: 13.4%;
}

.span_1_of_10 {
  width: 2.57%;
}

.span_11_of_11 {
  width: 100%;
}

.span_10_of_11 {
  width: 90.15%;
}

.span_9_of_11 {
  width: 80.31%;
}

.span_8_of_11 {
  width: 70.47%;
}

.span_7_of_11 {
  width: 60.63%;
}

.span_6_of_11 {
  width: 50.79%;
}

.span_5_of_11 {
  width: 40.95%;
}

.span_4_of_11 {
  width: 31.11%;
}

.span_3_of_11 {
  width: 21.27%;
}

.span_2_of_11 {
  width: 11.43%;
}

.span_1_of_11 {
  width: 1.59%;
}

.span_12_of_12 {
  width: 100%;
}

.span_11_of_12 {
  width: 90.97%;
}

.span_10_of_12 {
  width: 81.95%;
}

.span_9_of_12 {
  width: 72.93%;
}

.span_8_of_12 {
  width: 63.91%;
}

.span_7_of_12 {
  width: 54.89%;
}

.span_6_of_12 {
  width: 45.87%;
}

.span_5_of_12 {
  width: 36.85%;
}

.span_4_of_12 {
  width: 27.83%;
}

.span_3_of_12 {
  width: 18.81%;
}

.span_2_of_12 {
  width: 9.79%;
}

.span_1_of_12 {
  width: 0.77%;
}

/*# sourceMappingURL=grid.css.map */
