/* Mondo Nav */

#nav {
  position: absolute;
  top: 70px;
  /*left: 15px;*/
  left: 5px;
  z-index: 10;
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: lowercase;
  height: 30px;
  cursor: pointer;
}

#nav.closed li {
  color: #888;
}

#nav.closed:hover {
  background: url('images/nav-closed-hover.png') no-repeat;
}
#nav.closed:hover li {
  color: black;
}

#nav-flyout {
  position: absolute;
  top: 40px;
  /* left: -75px; */
  left: -85px;
  z-index: 5;
  width: 540px;
  height: 395px;
  padding: 0;
  background-image: url('images/nav-open.png');
  display: none;
}
#nav-flyout .container {
  padding-top: 25px;
  padding-left: 89px;
}

#nav li, #nav-flyout .tab {
  margin: 0;
  float: left;
  width: 121px;
  line-height: 30px;
  text-align: center;
}
#nav-flyout .tab {
  height: 200px;
  list-style: none;
  margin: 5px 0;
  padding: 30px 0 0;
  text-transform: lowercase;
}
#nav-flyout .active {
  background-image: url('images/active-tab.png');
}
#nav-flyout .tab a {
  color: black;
  text-decoration: none;
}
#nav-flyout .tab a:hover {
  background-color: transparent;
}
#nav-flyout .tab li {
  margin: 0 1px;
  line-height: 14px;
  padding: 10px 0;
}
#nav-flyout .tab li:hover,
#nav-flyout .extra li:hover {
  background-color: #eee;
  text-decoration: underline;
}

#nav-flyout .extra {
  position: absolute;
  bottom: 115px;
  left: 98px;
  height: 35px;
  width: 345px;
  border-top: 1px solid #ccc;
  margin: 0;
  text-transform: lowercase;
  text-align: center;
  line-height: 30px;
  font-style: italic;
}

#nav-flyout .extra a {
  text-decoration: none;
}