/* #Base 1056 Grid
================================================== */
.container-twelve {
  position: relative;
  width: 1176px;
  margin: 0 auto;
  padding: 0; }
  .container-twelve .column, .container-twelve .columns {
    float: left;
    display: inline;
    margin-left: 12px;
    margin-right: 12px; }
  .container-twelve .row {
    margin-bottom: 60px; }
  .container-twelve .row-20 {
    margin-bottom: 20px; }
  .container-twelve .row-60 {
    margin-bottom: 60px; }

.container-inner {
  position: relative;
  width: 804px;
  margin: 0 auto;
  padding: 0; }

/* Nested Column Classes */
.column.alpha, .columns.alpha {
  margin-left: 0; }

.column.omega, .columns.omega {
  margin-right: 0; }

/*****************************
12 Column
*****************************/
/* Base Grid */
.container-twelve .one.column {
  width: 74px; }

.container-twelve .two.columns {
  width: 172px; }

.container-twelve .three.columns {
  width: 270px; }

.container-twelve .four.columns {
  width: 368px; }

.container-twelve .five.columns {
  width: 466px; }

.container-twelve .six.columns {
  width: 564px; }

.container-twelve .seven.columns {
  width: 662px; }

.container-twelve .eight.columns {
  width: 760px; }

.container-twelve .nine.columns {
  width: 858px; }

.container-twelve .ten.columns {
  width: 956px; }

.container-twelve .eleven.columns {
  width: 1054px; }

.container-twelve .twelve.columns {
  width: 1152px; }

.container-inner .one.column {
  width: 45px; }

.container-inner .two.columns {
  width: 114px; }

.container-inner .three.columns {
  width: 183px; }

.container-inner .four.columns {
  width: 252px; }

.container-inner .five.columns {
  width: 321px; }

.container-inner .six.columns {
  width: 390px; }

.container-inner .seven.columns {
  width: 459px; }

.container-inner .eight.columns {
  width: 528px; }

.container-inner .nine.columns {
  width: 597px; }

.container-inner .ten.columns {
  width: 666px; }

.container-inner .eleven.columns {
  width: 735px; }

.container-inner .twelve.columns {
  width: 804px; }

/* Offsets */
.container-twelve .offset-by-one {
  margin-left: 88px; }

.container-twelve .offset-by-two {
  margin-left: 176px; }

.container-twelve .offset-by-three {
  margin-left: 264px; }

.container-twelve .offset-by-four {
  margin-left: 352px; }

.container-twelve .offset-by-five {
  margin-left: 440px; }

.container-twelve .offset-by-six {
  margin-left: 528px; }

.container-twelve .offset-by-seven {
  margin-left: 616px; }

.container-twelve .offset-by-eight {
  margin-left: 704px; }

.container-twelve .offset-by-nine {
  margin-left: 792px; }

.container-twelve .offset-by-ten {
  margin-left: 880px; }

.container-twelve .offset-by-eleven {
  margin-left: 968px; }

/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 960px */
@media only screen and (min-width: 960px) and (max-width: 1156px) {
  .container-twelve {
    position: relative;
    width: 960px;
    padding: 0; }
    .container-twelve .column, .container-twelve .columns {
      float: left;
      display: inline;
      margin-left: 10px;
      margin-right: 10px; }
    .container-twelve .row, .container-twelve .row-60 {
      margin-bottom: 40px; }

  /* Base Grid */
  .container-twelve .one.column {
    width: 60px; }

  .container-twelve .two.columns {
    width: 140px; }

  .container-twelve .three.columns {
    width: 220px; }

  .container-twelve .four.columns {
    width: 300px; }

  .container-twelve .five.columns {
    width: 380px; }

  .container-twelve .six.columns {
    width: 460px; }

  .container-twelve .seven.columns {
    width: 540px; }

  .container-twelve .eight.columns {
    width: 620px; }

  .container-twelve .nine.columns {
    width: 700px; }

  .container-twelve .ten.columns {
    width: 780px; }

  .container-twelve .twelve.columns {
    width: 940px; } }
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container-twelve {
    position: relative;
    width: 756px;
    padding: 0; }
    .container-twelve .column, .container-twelve .columns {
      float: left;
      display: inline;
      margin-left: 10px;
      margin-right: 10px; }

  /* Base Grid */
  .container-twelve .one.column {
    width: 43px; }

  .container-twelve .two.columns {
    width: 106px; }

  .container-twelve .three.columns {
    width: 169px; }

  .container-twelve .four.columns {
    width: 232px; }

  .container-twelve .five.columns {
    width: 295px; }

  .container-twelve .six.columns {
    width: 358px; }

  .container-twelve .seven.columns {
    width: 421px; }

  .container-twelve .eight.columns {
    width: 484px; }

  .container-twelve .nine.columns {
    width: 547px; }

  .container-twelve .ten.columns {
    width: 610px; }

  .container-twelve .eleven.columns {
    width: 673px; }

  .container-twelve .twelve.columns {
    width: 736px; } }
/* #Mobile Phone
================================================== */
/* Note: Design for a width of under 768px */
@media only screen and (max-width: 767px) {
  .container-twelve {
    position: relative;
    width: 100%;
    padding: 0; }
    .container-twelve .column, .container-twelve .columns {
      float: none;
      display: block;
      margin-left: auto;
      margin-right: auto; }
    .container-twelve .row {
      margin-bottom: 40px; }

  /* Base Grid */
  .container-twelve .one.column {
    width: 90%; }

  .container-twelve .two.columns {
    width: 90%; }

  .container-twelve .three.columns {
    width: 90%; }

  .container-twelve .four.columns {
    width: 90%; }

  .container-twelve .five.columns {
    width: 90%; }

  .container-twelve .six.columns {
    width: 90%; }

  .container-twelve .seven.columns {
    width: 90%; }

  .container-twelve .eight.columns {
    width: 90%; }

  .container-twelve .nine.columns {
    width: 90%; }

  .container-twelve .ten.columns {
    width: 90%; }

  .container-twelve .eleven.columns {
    width: 90%; }

  .container-twelve .twelve.columns {
    width: 90%; }

  .container-twelve .columns .columns {
    width: 100% !important; } }
.container-small .one.column {
  width: 90%; }

.container-small .two.columns {
  width: 90%; }

.container-small .three.columns {
  width: 90%; }

.container-small .four.columns {
  width: 90%; }

.container-small .five.columns {
  width: 90%; }

.container-small .six.columns {
  width: 90%; }

.container-small .seven.columns {
  width: 90%; }

.container-small .eight.columns {
  width: 90%; }

.container-small .nine.columns {
  width: 90%; }

.container-small .ten.columns {
  width: 90%; }

.container-small .eleven.columns {
  width: 90%; }

.container-small .twelve.columns {
  width: 90%; }

.container-small .columns .columns {
  width: 100% !important; }

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container-twelve:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

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