#bwrapperdiv {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 180px;
  overflow: hidden;
  text-align: center;
}
#bottomnav {
    position: absolute;
    top: 70%;
    width: 100%;
    margin: 0 auto;
}

/* Applies ONLY to the main (horizontal) menu */

#bottomnav > ul {
  position: relative;
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  text-align: center;
  /* float: center; */
} 

#bottomnav > ul li + li {
    margin-left: 3px;
}

/* Applies to all menus and submenus (art work) */

#bottomnav ul {
    text-decoration: none;
    padding: 0; 
    list-style-type: none; 
    list-style-image: none; 
    text-align: center;
}
#bottomnav ul a:hover {
    color: #49ff1f;
}
#bottomnav ul li {
    float: left;
}
#bottomnav ul li a {
    background:#d6f8cc;
    text-align:center;
    margin-left: 0;
    margin-right: 0;
    text-decoration: none;
    padding: 2px 8px 2px 8px; 
    color: purple;
    box-shadow: 0 0 5px #333333;
    border-radius: 10px;
    background: linear-gradient(top, #efefef, #caf6bb);
}

/* Applies ONLY to sub- (vertical) menus */
#bottomnav ul li ul {
    width: 20px;
    margin-bottom: 8px;
}
#bottomnav  ul li ul li + li {
    margin-top: 6px;
}
#bottomnav ul li ul {
    position: absolute;
    bottom: 100%;
}
