#wrapper {
position: fixed;
position:relative;
width: 100%;
margin: 0 auto;
background-color: rgb(70, 134, 214);
border-bottom: 3px solid rgb(62, 95, 228);
height: 110px;
}

#menu{
position: relative;
}
ul#menu {
list-style: none;
margin:0 auto;
width:600px;
}

#menu li {
float: left;
display:inline;
}

#menu li a {
  color: white;
  font-weight: bold;
  display:block;
  line-height: 50px;
  height: 100%;
  width: 90px;
  text-align: center;
  text-decoration: none;
}

#menu li a:hover, #menu li a.active {
  background-color: #F58529;
}




ul#menu {
  list-style: none;
  margin:0;
  padding:0;
  text-align:center;
  float: left;
}
 
#menu li {
display:inline;
position:relative;
margin:0;
padding:0;
float:left;
display:block;
}
 
ul#menu ul{
    margin:40px 0 0;
    padding:0;
    display:inline-block;
    list-style:none;
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:38px;
    left:0;
    z-index:9999;
    background:rgb(62, 95, 228);
}
ul#menu li:hover > ul {
    opacity:1;
    visibility:visible;
}
ul#menu ul li {
    float:none;
    display:block;
    border:0;
}
ul#menu ul a {
     color: white;
  font-weight: bold;
  display:block;
  line-height: 15px;
  height: 100%;
  width: 90px;
  text-align: center;
  text-decoration: none;
}
ul#menu ul a:hover {
    background-color:rgb(70, 134, 214);
    color:#fff;
}
#menu li a {
  color: white;
  display:inline-block;
  padding:10px;
  font-weight: bold;
  height: 60px;
  line-height: 50px;
  text-decoration: none;
}
 
#menu li a:hover, #menu li a.active {
  background-color: rgb(62, 95, 228);
}