/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: bottom; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input:focus {
  outline: 0px none; }

/*Sticky Footer by Ryan Fait http://ryanfait.com/ */
html, body {
  height: 100%; }

#sticky-wrp {
  min-height: 100%;
  margin: 0 auto -51px; }

#footer-wrp, .push {
  height: 51px; }

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.sr-only, .visibility-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  color: #ffffff; }

/* box-sizing as of 3/18/15*/
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid; } }
/* resets end */
/* --------CORE------- */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font: normal 100%/1.5em Arial, serif;
  background-color: #000;
  height: 100%;
  width: 100%;
  overflow-x: hidden; }

body, img {
  transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s; }

a {
  color: #fff;
  text-decoration: none; }

a:hover, a:active {
  outline: 0; }

a:hover, a:focus {
  text-decoration: underline; }

/* --------STRUCTURE------- */
footer, section {
  width: 100%; }

header, footer nav {
  max-width: 60em;
  /* 960 / 16px */
  margin: 0 auto; }

/* --------NAV------- */
#mob-menu {
  display: none;
  cursor: pointer; }

#header-wrp {
  background-color: #000000;
  height: 51px;
  overflow: visible;
  position: relative;
  width: 100%;
  z-index: 100; }

header {
  margin: 0 auto;
  max-width: 60em;
  padding-top: 15px;
  position: relative; }

header nav {
  width: 75%;
  height: 27px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative; }

header nav ul {
  /*left: 26.5%;
  position: absolute;
  top: 2px;
  width: 100%;*/ }

header nav li {
  display: inline;
  font-size: 0.9em;
  /* 15/16 */
  font-family: 'Days One' , sans-serif;
  vertical-align: top;
  margin-right: 6.9%; }

header nav li, header nav li a {
  color: #fff;
  -webkit-transition: color 0.3s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: color 0.3s ease-out;
  /* FF4+ */
  -ms-transition: color 0.3s ease-out;
  /* IE10? */
  -o-transition: color 0.3s ease-out;
  /* Opera 10.5+ */
  transition: color 0.3s ease-out;
  cursor: pointer;
  text-decoration: none; }

header nav li a:hover, header nav li a:active {
  color: #ffbd23;
  text-decoration: none; }

h2#logo {
  padding-left: 20px;
  z-index: 2;
  width: 184px;
  display: inline-block;
  /* added for mobile nav update */
  zoom: 1;
  *display: inline; }

li#drop:hover {
  background: black url(../images/common/dirt-nav.png) 0 0 no-repeat; }

li#drop {
  padding-bottom: 23px;
  margin: 0 9.4% 0 8%;
  position: relative; }

li#drop a {
  padding-bottom: 23px; }

li#drop span.menu_arrow {
  background: url(../images/common/arrows.png) 0 0 no-repeat;
  top: 6px;
  height: 9px;
  margin-left: 12%;
  position: absolute;
  width: 15px;
  padding-bottom: 20px; }

li#drop span.menu_arrow:hover {
  background: url(../images/common/arrows.png) -15px 0 no-repeat;
  width: 15px;
  height: 9px; }

ul.subnav {
  display: none;
  position: absolute;
  background: black url(../images/common/dirt-nav.png) 0 -51px no-repeat;
  z-index: 999;
  top: 33px;
  left: 0;
  width: 202px; }

ul.subnav li {
  color: #fff;
  font-family: Arial, Serif;
  font-size: .875em;
  padding: 0;
  display: list-item;
  width: 100%;
  height: 33px; }

ul.subnav li:first-child {
  font-size: 1.388888em; }

ul.subnav li a {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  display: block;
  margin-left: 5%;
  width: 100%;
  height: 100%;
  padding-top: 4px; }

ul.subnav li a:hover, ul.subnav li a:active {
  color: #000;
  text-decoration: none; }

ul.subnav li:hover {
  color: #000;
  background-color: #FAC81B;
  opacity: 1;
  filter: alpha(opacity=100); }

section {
  top: 0;
  position: relative;
  height: 100%; }

#search {
  height: 39px;
  width: 220px;
  margin: 0;
  position: absolute;
  top: 15px;
  right: 0;
  z-index: 101;
  background: url(../images/common/desk-search.png) top right no-repeat; }

#search a {
  display: block;
  border: 0;
  outline: none;
  color: #525252;
  height: 32px; }

#search input[type="button"] {
  width: 32px;
  height: 32px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  text-indent: -9000px;
  color: #525252; }

#search input[type="text"] {
  color: #fff;
  font-size: .75em;
  background: none;
  border: 0;
  vertical-align: top;
  -webkit-appearance: none !important;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 18px;
  letter-spacing: normal;
  word-spacing: normal;
  margin: 5px 5px 5px 30px;
  text-transform: uppercase;
  width: 145px; }

div.content-wrp {
  background-color: #000000;
  color: #FFFFFF;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.8);
  filter: alpha(opacity=80);
  zoom: 1;
  max-width: 960px;
  padding-bottom: 250px;
  position: relative;
  overflow: visible;
  clear: both;
  min-height: 1200px; }

#footer-wrp {
  bottom: 0;
  left: 0;
  height: 51px;
  background: black url(../images/common/footer-dash.png) top left no-repeat;
  width: 100%;
  z-index: 6000;
  position: fixed; }

footer {
  max-width: 68em;
  margin: 12px auto 0 auto; }

footer nav ul {
  float: right;
  width: 35%; }

footer nav ul:first-child {
  width: 65%;
  float: left; }

footer nav li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 0.75em;
  /* 12/16 */
  vertical-align: top;
  margin: 0 1%;
  font-family: 'Days One' , sans-serif;
  text-decoration: none; }

footer nav li:first-child {
  /*margin-left: 5%;*/ }

footer nav li, footer nav li a {
  color: #fff;
  -webkit-transition: color 0.3s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: color 0.3s ease-out;
  /* FF4+ */
  -ms-transition: color 0.3s ease-out;
  /* IE10? */
  -o-transition: color 0.3s ease-out;
  /* Opera 10.5+ */
  transition: color 0.3s ease-out; }

footer nav li a:hover, footer nav li a:active {
  color: #ffbd23;
  text-decoration: none; }

li.social, li.mail {
  margin-right: 0.5em;
  /*margin-top: 9px;*/
  vertical-align: top;
  /*margin-left: 50px;  added after fb icon was removed */ }

li.social img, li.mail img {
  max-width: 30px;
  max-height: 30px; }

li.copy {
  font-family: Arial, Sans-Serif;
  margin-top: 2px;
  padding-right: 0;
  display: inline-block;
 /*width: 180px;
margin-left: -3px;*/ }

footer nav li.terms {
  color: #ffbd23;
  font-family: Arial, Sans-Serif;
  /*float: right;*/
  display: inline-block;
  padding-top: 2px; }

footer nav li.terms a {
  color: #ffbd23; }

/* ---- MAIL POP UP ----- */
#mail-pop {
  position: fixed;
  top: 225px;
  left: 50%;
  margin-left: -205px;
  width: 410px;
  height: 142px;
  display: none;
  z-index: 8000; }

#mail-pop div {
  margin-top: 30px; }

#mail-pop div img {
  float: left;
  overflow: hidden;
  margin-right: 14px;
  padding-bottom: 40px; }

#mail-pop div p {
  font-family: 'Days One' , Arial, Sans-Serif;
  font-size: 1.125em;
  color: #fffefe;
  text-transform: uppercase;
  margin-bottom: 11px; }

#mail-pop div p + input {
  margin-left: 16%; }

#mail-pop span.input-wrp {
  background-color: #000;
  border: 1px solid #ffbd23;
  -moz-transform: skewX(-45deg) skewY(0deg);
  /*-moz-transform: skew(-45deg, 0deg) translate(0px, 0px);*/
  transform: skew(-45deg, 0deg) translate(0px, 0px);
  -o-transform: skew(-45deg, 0deg) translate(0px, 0px);
  -webkit-transform: skew(-45deg, 0deg) translate(0px, 0px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.17632698070846453, M21=0, M22=1, SizingMethod='auto expand')";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.17632698070846453, M21=0, M22=1, SizingMethod='auto expand');
  color: #fff;
  padding-left: 8px;
  float: left;
  height: 90%;
  min-width: 100px;
  width: 48.78%; }

#mail-pop input[type="text"] {
  width: 80%;
  /* 200/410 */
  color: #fff;
  font-size: .75em;
  -moz-transform: skewX(45deg) skewY(0deg);
  /*-moz-transform: skew(45deg, 0deg);*/
  transform: skew(45deg, 0deg);
  -o-transform: skew(45deg, 0deg);
  -webkit-transform: skew(45deg, 0deg);
  background: none;
  border: 0; }

#mail-pop input[type="button"] {
  background: url(../images/common/icons.png) -240px -659px;
  border: 0 none;
  height: 22px;
  outline: none;
  text-indent: -9000px;
  width: 102px;
  cursor: pointer; }

#mail-pop div p span {
  font-size: 1.8888888888889em;
  color: #ffbd22; }

#mail-close {
  position: absolute;
  right: -15px;
  top: -11px;
  background: url(../images/common/icons.png) -271px -323px;
  width: 41px;
  height: 41px;
  text-indent: -9000px;
  overflow: hidden;
  z-index: 9000; }

.lightboxed {
  position: fixed;
  background: #000;
  opacity: .80;
  filter: alpha(opacity=80);
  width: 100%;
  height: 100% !important;
  display: none;
  overflow: hidden;
  z-index: 7000; }

/* --------LARGE------- */
@media only screen and (max-width: 1350px) {
  #footer-wrp {
    background: black url(../images/common/footer-dash.png) -220px 0 no-repeat; } }
/* --------IPAD LANDSCAPE------- */
@media only screen and (max-width: 960px) {
  div.content-wrp {
    padding-bottom: 60px; }

  header nav li {
    margin-right: 5%; }

  footer nav ul {
    width: 40%; }

  footer nav ul:first-child {
    width: 60%; }

  footer nav ul:first-child li {
    font-size: .7em; }

  li.copy {
    font-size: .7em;
    margin-left: 0; } }
@media only screen and (max-width: 880px) {
  footer nav ul li#wba {
    display: none; } }
/* --------MEDIUM------- */
@media only screen and (max-width: 840px) {
  #header-wrp {
    height: 86px;
    overflow: visible;
    position: relative; }

  header {
    padding-top: 7px; }

  header nav {
    width: 100%;
    margin-left: 0;
    margin-top: 0; }

  h2#logo {
    left: 50%;
    margin-left: -95px;
    padding: 0;
    position: absolute;
    top: 10px; }

  header nav ul {
    text-align: left;
    padding-top: 50px;
    margin-left: 6%; }

  header nav ul {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    margin-left: 0; }

  ul.subnav {
    left: 0;
    margin-left: 0;
    padding-top: 5px;
    text-align: left;
    top: inherit; }

  /*header nav ul li#drop span.menu_arrow{
      top: 58px;
  }*/
  section {
    position: relative;
    overflow: visible; }

  #search {
    position: absolute;
    margin-top: 0;
    right: 50px;
    top: 48px; }

  #footer-wrp {
    position: relative;
    height: 50px;
    overflow: hidden; }

  footer nav li {
    font-size: .7em;
    margin: 0 1%; }

  li.social {
    position: inherit; } }
@media screen and (max-width: 768px) {
  #sticky-wrp {
    margin: 0 auto -301px;
    /* the bottom margin is the negative value of the footer's height */ }

  #footer-wrp, .push {
    height: 301px; }

  #footer-wrp {
    background: none;
    background-color: #000; }

  footer {
    padding-bottom: 40px;
    margin-top: 0; }

  footer nav ul, footer nav ul:first-child {
    display: block;
    width: 100%; }

  footer nav li {
    background-color: #545352;
    display: block;
    height: 33px;
    margin: 0 0 1px 0;
    padding-top: 7px;
    text-align: center; }

  footer nav ul:first-child li {
    font-size: 1em; }

  footer nav ul li#wba {
    display: block; }

  footer nav li:first-child {
    margin-left: 0; }

  li.social, li.mail {
    float: left;
    background-color: transparent;
    bottom: 8px;
    overflow: hidden;
    padding: 0px 0 10px 0;
    margin-left: 20px;
    /* added after fb icon was removed */ }

  li.mail {
    margin: 10px auto;
    display: block;
    float: none; }

  li.copy, li.terms {
    /*position: absolute;*/
    background-color: transparent;
    width: 100%;
    overflow: hidden;
    font-size: .7em;
    line-height: 1;
    padding: 0;
    height: auto; } }
@media screen and (max-width: 700px) {
  #search {
    right: 10px; }

  header nav ul {
    margin-left: 0; }

  li#drop {
    margin-left: 2%; } }
/* --------SMALL + MOBILE------- */
@media screen and (max-device-width: 479px), screen and (max-width: 600px) {
  section {
    margin-top: 0;
    position: relative;
    height: auto;
    top: 56px; }

  #mob-menu {
    display: block;
    width: 37px;
    height: 36px;
    margin: 5px 0 0 11px; }

  #mob-menu > span {
    background: url(../images/common/mob-menu.png) 0 0 no-repeat;
    display: block;
    width: 37px;
    height: 36px; }

  #nav-main {
    /*display: none;*/
    width: 237px;
    height: 100%;
    position: absolute;
    margin-left: 10px;
    top: 48px;
    background-color: transparent;
    background: url(../images/common/mob-arrow.png) 0 0 no-repeat; }

  .hidenav {
    display: none; }

  .shownav {
    display: inline-block;
    zoom: 1;
    *display: inline; }

  #header-wrp {
    overflow: visible;
    height: 56px;
    position: fixed;
    top: 0; }

  header {
    padding-top: 5px; }

  header nav > ul {
    text-align: center;
    margin-left: 0;
    background-color: #FAC81B;
    border: 1px solid #fac81c;
    margin-top: 19px;
    height: auto;
    padding-top: 0; }

  header nav ul li {
    font-family: Arial, Sans-Serif;
    background-color: #000;
    color: #fff;
    display: inherit;
    height: 33px;
    margin: 0 0 1px 0;
    padding-top: 7px; }

  header nav {
    background-color: #000; }

  header nav ul li a {
    color: #fff;
    text-decoration: none; }

  header nav li a:hover, header nav li a:active {
    color: #ffbd23;
    text-decoration: none; }

  li#drop {
    padding-bottom: 0;
    margin: 0 0 1px 0; }

  li#drop:hover {
    background: none;
    background-color: #000; }

  li#drop span.menu_arrow {
    top: 14px;
    padding-bottom: 0; }

  li#drop a {
    padding-bottom: 0; }

  h2#logo {
    background-color: transparent;
    height: auto; }

  header nav ul.subnav {
    width: 100%;
    background: none;
    background-color: #FAC81B;
    color: #000;
    padding-top: 0;
    top: 6px;
    margin-left: 0;
    position: relative; }

  header nav ul.subnav li {
    display: list-item;
    background-color: #fac81b;
    color: #000;
    height: 33px;
    margin: 0;
    padding-top: 7px;
    text-align: center;
    font-size: 1em; }

  header nav ul.subnav li:hover {
    background-color: #000; }

  header nav ul.subnav li a {
    color: #000;
    text-decoration: none;
    margin-left: 0; }

  header nav ul.subnav li a:hover {
    color: #ffbd23; }

  #mail-pop {
    width: 320px;
    margin-left: -160px; }

  #mail-pop div img {
    display: none; }

  #mail-pop span.input-wrp {
    margin-left: 20px; }

  #mail-pop div p {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-size: 1em; }

  #mail-pop div p span {
    font-size: 1.9em; }

  #mail-close {
    right: 0; }

  #search {
    height: 32px;
    width: 32px;
    background: url(../images/common/mob-search.png) top right no-repeat;
    top: 9px;
    right: 11px;
    overflow: hidden;
    text-indent: -9000px; }

  #search:hover {
    height: 39px;
    width: 220px;
    background: url(../images/common/desk-search.png) top right no-repeat;
    text-indent: 0; }

  .absolute {
    position: absolute !important; }

  .fixed {
    position: fixed !important; }

  #footer-wrp {
    margin-top: 57px; } }

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