.site-center {
  margin: 0 auto;
  width: 1160px;
}

main,
section,
article,
header,
footer,
aside,
nav,
table,
.col {
  width: 100%;
}

.client-header-footer section,
article,
header,
footer,
aside,
nav,
img,
.nav,
.col,
.tabs,
.tab-content,
.width-fit,
.nav li,
button,
.button,
.button-group,
.nav a,
.left li li,
.tabs .left,
.right li li {
  float: left;
}

div:before,
div:after,
main:before,
main:after,
article:before,
article:after,
aside:before,
aside:after,
details:before,
details:after,
figcaption:before,
figcaption:after,
figure:before,
figure:after,
footer:before,
footer:after,
header:before,
header:after,
hgroup:before,
hgroup:after,
nav:before,
nav:after,
section:before,
section:after,
pre:before,
pre:after,
.nav:before,
.nav:after,
.nav a:before,
.nav a:after,
.width-fill:before,
.width-fill:after,
.width-fit img:before,
.width-fit img:after,
blockquote small:before,
blockquote small:after,
address:before,
address:after,
.nav ul:before,
.nav ul:after,
.nav li:before,
.nav li:after,
.cell:before,
.cell:after {
  content: "";
  display: table;
  clear: both;
}

.width-4of12 {
  width: 33.3333333%;
}
.width-6of12 {
  width: 50%;
}

.width-8of12 {
  width: 66.6666666%;
}
/* display inline, more for responsive uneven stacking design - parent becomes font size 0*/
.display-inline {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  _height: 250px;
}

.client-header-footer ul {
  padding: 0;
  margin-left: 15px;
}

/*------------------------------------*\
    elements
\*------------------------------------*/
img {
  height: auto;
  max-width: 100%;
}

div,
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
pre,
.nav,
address,
button {
  display: block;
  *zoom: 1;
}

*:hover,
*:active,
*:focus {
  outline: none;
}

@media only screen and (min-width: 320px) {
  .width-4of12 {
    width: 100%;
  }
  .width-6of12 {
    width: 100%;
  }
  .width-8of12 {
    width: 100%;
  }
  .site-center {
    width: 95%;
  }
}

@media only screen and (min-width: 480px) {
  .tablet-width-4of12 {
    width: 33.3333333%;
  }
  .tablet-width-6of12 {
    width: 50%;
  }
  .tablet-width-8of12 {
    width: 66.6666666%;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .site-center {
    width: 704px;
  }
}

@media only screen and (min-width: 1025px) {
  .width-4of12 {
    width: 33.3333333%;
  }
  .width-6of12 {
    width: 50%;
  }
  .width-8of12 {
    width: 66.6666666%;
  }
}

@media only screen and (min-width: 1200px) {
  .site-center {
    width: 1160px;
  }
}