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

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

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

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

#topnav nav ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 5px 10px;
  text-transform:uppercase;
}
#topnav nav ul li a:hover {
}


/* 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 { margin:0; }
  #topnav nav ul li { float: none; margin: 0; }
  #topnav nav ul li a {
    display: block;
    width: 90%;
    border: 0;
    padding: 6px 9px;
    background: #435363;
	font-weight:400;
  }
  #topnav nav ul li a:hover {
	color:#fff;
	font-weight:400;
  }
  #topnav nav ul li a.sel {
    background: #252525;
	color:#fff;
  }
  
  #topnav #navbtn {
    display: block;
  }
}