/*! responsive-nav.js v1.0.13 by @viljamis */
@media screen and (max-width: 49em) {
    /*html, body {
      margin: 0;
      padding: 0;
    }
    #nav {
	position: fixed;
    
    }*/
    #nav {
	background: #2d2d2d url('../images/top-bar-bg.jpg') bottom repeat-x;
    }
    #nav ul {
      margin: 0;
      padding: 0;
      width: 100%;
      display: block;
      list-style: none;
      /*margin-left: 15px !important;*/
      /*margin-top: 12px !important;*/
    }
    #nav ul li ul {
      margin-top: 0 !important;
    }
    #nav li {
      width: 100%;
      display: block;
      padding: 0;
      margin: 0;
    }
    #nav li a {	
      /*padding: 10px 0 10px 20px;*/
      padding: 13px 0 13px 20px;
      margin: 0;
      color: #ddd;
      -moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
    }
    #nav li a:hover {	
      background: #3b3b3b;
      color: #fff !important;
    }
    #nav li ul li a {	
      padding: 8px 0 8px 30px;
      margin: 0;
      color: #999 !important;
      background: #292929;
    }
    
    .js #nav {
      clip: rect(0 0 0 0);
      max-height: 0;
      position: absolute;
      display: block;
      overflow: hidden;
      zoom: 1;
    }
    
    #nav.opened {
      max-height: 9999px;
    }
  #nav-toggle {
    background: url("../images/hamburger.gif") no-repeat 50% 33%;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    margin: -50px 15px 0 0;
  }
}



@media screen and (min-width: 49em) {
  .js #nav {
    position: relative;
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }

  
  
}