@media  {

  /* ==========================================================================
      #Reset
  ========================================================================== */
   * {
    padding: 0;
    margin: 0;
    outline: 0;
  }

  /* ==========================================================================
      #Base
  ========================================================================== */
   html,
   body {
    height: 100%;
  }

   html {
    overflow-y: scroll;
  }

   body {
    min-width: 1024px;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: #171718;
  }

   a {
    color: #6c6b6b;
    cursor: pointer;
    text-decoration: none;
  }

   a:hover {
    text-decoration: underline;
  }

   img {
    border: 0;
    vertical-align: middle;
  }

   h1 {
    font-size: 37px;
    font-family: 'Yanone Kaffeesatz';
    font-weight: normal;
    color: #6c6b6b;
    line-height: 1.1;
  }

   h2 {
    font-size: 24px;
  }

   h3 {
    font-size: 18px;
  }

   .hide {
    display: none;
  }

  /* ==========================================================================
      #Helpers
  ========================================================================== */
   .clearfix:before,
   .clearfix:after {
    display: table;
    content: " ";
  }

   .clearfix:after {
    clear: both;
  }

   .clearfix {
    *zoom: 1;
  }

   .hidden {
    display: none;
  }

   .alignleft {
    float: left;
  }

   .alignright {
    float: right;
  }

  /* ==========================================================================
      #Containers
  ========================================================================== */
   .wrapper {
    min-height: 100%;
    position: relative;
  }

   .shell {
    width: 720px;
    margin: 0 auto;
  }

   .container {
    position: relative;
    z-index: 2;
    padding-bottom: 430px;
    background: url(images/container.png) repeat-x 0 bottom;
  }

   .container .shell {
    width: 800px;
    border: 1px solid #bcbec0;
    background: #fff;
    margin-top: -136px;
  }

   .container-alt {
    padding-bottom: 530px;
  }

   .container-alt .shell {
    margin-top: -150px;
  }

  /* ==========================================================================
      #Header
  ========================================================================== */
   .header {
    background: #000;
  }

   .header .shell {
    background: url(images/header.jpg) no-repeat center 0;
    height: 61px;
    padding-top: 17px;
  }

   .logo {
    overflow: hidden;
    float: left;
    width: 162px;
    height: 38px;
    white-space: nowrap;
    text-indent: -100000px;
    background: url(images/sprite.png) no-repeat 0 0;
  }

   .header .search {
    float: right;
    padding-top: 4px;
  }

  /* ==========================================================================
      #Banner
  ========================================================================== */
   .banner {
    background: url(images/temp/banner.jpg) repeat-x 0 0;
    height: 155px;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }

   .banner-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
  }

   .banner-mask img {
    width: 100%;
    height: 155px;
    min-width: 1600px;
  }



  /* ==========================================================================
      #Footer
  ========================================================================== */
   .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    padding: 18px 0 150px;
    background: #403f41 url(images/footer.png) repeat-x 0 bottom;
  }

   .footer-cols {
    width: 550px;
    padding: 0 0 35px 11px;
    border-bottom: 1px dotted #848587;
  }

   .footer-col {
    float: left;
    width: 143px;
  }

   .footer-col-size1 {
    width: 120px;
  }

   .footer-title {
    color: #fff;
    font-size: 24px;
    font-family: 'Yanone Kaffeesatz';
    padding-bottom: 9px;
  }

   .footer-nav ul {
    list-style: none outside none;
  }

   .footer-nav li + li {
    padding-top: 7px;
  }

   .footer-nav a {
    color: #d4d4d4;
    font-family: 'Verdana';
    font-size: 12px;
  }

   .footer-inner {
    text-align: right;
    padding-right: 14px;
    color: #898989;
    font-size: 12px;
    margin-top: -22px;
  }

   .footer-logo {
    width: 137px;
    height: 34px;
    margin-bottom: 12px;
    background: url(images/sprite.png) no-repeat 0 -43px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
  }

   .copyright {
    padding-bottom: 4px;
  }

}
@media screen and (min-width: 900px){
  .container .shell {
    width: 900px;
  }
}

@media screen and (min-width: 1000px){
  .container .shell {
    width: 1000px;
  }
}