.clear {
  clear: both;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}
.clearfix {
  clear: both;
  zoom: 1;
}
.clearfix:after {
  display: block;
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
}
*:first-child + html .clearfix {
  min-height: 1px;
}
.container {
  width: 1008px;
  margin: 0 auto;
  position: relative;
  clear: both;
  zoom: 1;
}
.container:after {
  display: block;
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
}
.container.fluid {
  width: 80%;
}
.extended-container {
  width: 1008px;
  margin: 0 auto;
  position: relative;
  clear: both;
  zoom: 1;
}
.extended-container:after {
  display: block;
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
}
.extended-container.fluid {
  width: 100%;
}
.row {
  float: left;
  display: inline;
  position: relative;
  clear: both;
  zoom: 1;
}
.row:after {
  display: block;
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
}
.col {
  display: inline;
  float: left;
  position: relative;
  margin: 0 20px;
}
.box-col {
  display: inline;
  float: left;
  position: relative;
}
.article {
  clear: both;
  zoom: 1;
}
.article:after {
  display: block;
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
}
.box-col.span-1 {
  width: 84px;
}
.box-col.span-2 {
  width: 168px;
}
.box-col.span-3 {
  width: 252px;
}
.box-col.span-4 {
  width: 336px;
}
.box-col.span-5 {
  width: 420px;
}
.box-col.span-6 {
  width: 504px;
}
.box-col.span-7 {
  width: 588px;
}
.box-col.span-8 {
  width: 672px;
}
.box-col.span-9 {
  width: 756px;
}
.box-col.span-10 {
  width: 840px;
}
.box-col.span-11 {
  width: 924px;
}
.box-col.span-12 {
  width: 1008px;
}
.span-1 {
  width: 44px;
}
.span-2 {
  width: 128px;
}
.span-3, .one-fourth {
  width: 212px;
}
.span-4, .one-third {
  width: 296px;
}
.span-5 {
  width: 380px;
}
.span-6, .one-half, .two-fourths {
  width: 464px;
}
.span-7 {
  width: 548px;
}
.span-8, .two-thirds {
  width: 632px;
}
.span-9, .three-fourths {
  width: 716px;
}
.span-10 {
  width: 800px;
}
.span-11 {
  width: 884px;
}
.span-12, .full {
  width: 968px;
}
.pre-1 {
  margin-left: 84px;
}
.pre-2 {
  margin-left: 168px;
}
.pre-3 {
  margin-left: 252px;
}
.pre-4 {
  margin-left: 336px;
}
.pre-5 {
  margin-left: 420px;
}
.pre-6 {
  margin-left: 504px;
}
.pre-7 {
  margin-left: 588px;
}
.pre-8 {
  margin-left: 672px;
}
.pre-9 {
  margin-left: 756px;
}
.pre-10 {
  margin-left: 840px;
}
.pre-11 {
  margin-left: 924px;
}
/* Collapsed columns */
.collapsed .collapsed-target .col {
  margin: 0;
}
.collapsed .collapsed-target .col.span-1 {
  width: 84px;
}
.collapsed .collapsed-target .col.span-2 {
  width: 168px;
}
.collapsed .collapsed-target .col.span-3 {
  width: 252px;
}
.collapsed .collapsed-target .col.span-4 {
  width: 336px;
}
.collapsed .collapsed-target .col.span-5 {
  width: 420px;
}
.collapsed .collapsed-target .col.span-6 {
  width: 504px;
}
.collapsed .collapsed-target .col.span-7 {
  width: 588px;
}
.collapsed .collapsed-target .col.span-8 {
  width: 672px;
}
.collapsed .collapsed-target .col.span-9 {
  width: 756px;
}
.collapsed .collapsed-target .col.span-10 {
  width: 840px;
}
.collapsed .collapsed-target .col.span-11 {
  width: 924px;
}
.collapsed .collapsed-target .col.span-12 {
  width: 1008px;
}