/* navigation bar */
#topnav {
  display: block;
  width: 100%;
  position: relative;
}

#topnav #navbtn {
  display: none;
  float: left;
  top: 0;
  width: 20px;
  width:100%;
  height: 34px;
  background: #F05123 url('images/menu.png') left center no-repeat;
  color:#fff;
  text-align:left;
  padding-left:38px;
  line-height:34px;
  font-family:'OpenSans';
  overflow: hidden;
  margin:0;
  position:relative;
  z-index:9999;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 3px 18px #000;
}

#topnav nav {
  position: absolute;
  top: 0; 
  right: -10px;
  background: #F05123
}

#topnav nav ul {
  list-style: none;
  background: #F05123
}
#topnav nav ul li {
  display: block;
  text-align:left;
  font-size: 15px;
}

#topnav nav ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 5px 10px;
  text-transform:uppercase;
}
#topnav nav ul li a:hover {
  color: #6f8767;
  background: #ddecd9;
  border-bottom-color: #bdd8b5;
}


/* responsive styles */
@media screen and (max-width: 960px) {
 
  #topnav { height: auto; }
  #topnav nav { 
    display: none; 
    position: static;
    width: 100%;
    top: auto;
    right: auto;
  }
  #topnav nav ul li { float: none; margin: 0; }
  #topnav nav ul li a {
    display: block;
    width: 100%;
    border: 0;
    padding: 6px 9px;
    background: #F05123
  }
  #topnav nav ul li a:hover {
    background: #252525;
	color:#fff;
  }
  #topnav nav ul li a.sel {
    background: #252525;
	color:#fff;
  }
  
  #topnav #navbtn {
    display: block;
  }
}