/* navigation */

.nav-wrapper, .nav-wrapper-landing, .menu-button {
  width: 100%;
  height: 50px;
  position: relative;
  z-index: 9999;

  background: rgba(255,255,255,0);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 7%, rgba(255,255,255,.8) 47%, rgba(255,255,255,.8) 92%, rgba(255,255,255,0.88) 93%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(7%, rgba(255,255,255,.8)), color-stop(47%, rgba(255,255,255,.8)), color-stop(92%, rgba(255,255,255,.8)), color-stop(93%, rgba(255,255,255,0.88)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 7%, rgba(255,255,255,.8) 47%, rgba(255,255,255,.8) 92%, rgba(255,255,255,0.88) 93%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 7%, rgba(255,255,255,.8) 47%, rgba(255,255,255,.8) 92%, rgba(255,255,255,0.88) 93%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 7%, rgba(255,255,255,.8) 47%, rgba(255,255,255,.8) 92%, rgba(255,255,255,0.88) 93%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 7%, rgba(255,255,255,.8) 47%, rgba(255,255,255,.8) 92%, rgba(255,255,255,0.88) 93%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.nav-wrapper {
  background: rgba(255,255,255,0.6);
}

.menu-button {
  background: url(images/bg-nav.png);
}

.nav-wrapper-landing {
  z-index: 99;
}

.nav-wrapper-landing {
  top: 300px;
}

nav {
  max-width: 1200px;
  width: 100%;
  height: 50px;
  padding: 0;
  margin: 0 auto;
  position: relative;
  z-index: 11;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  position: relative;
  float: left;
  line-height: 16px;
  border-left: 1px solid rgba(0,0,0,.05);
}

nav ul li:last-child {
  border-right: 1px solid rgba(0,0,0,.05);
}

nav ul li.nav-icon a {
  width: 25px;
  padding: 17px 15px 15px;
}

nav ul li.nav-wide a {
  width: 120px;
}

nav ul li.nav-wide-140 a {
  width: 140px;
}

nav ul li a {
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.05em;
  color: #759c94;
  padding: 18px 9px 16px;
  width: 112px;
}

nav ul li a:hover {
  background: #759c94;
  color: #fff;
}

nav ul ul {
  list-style:none;
  position:absolute;
  left:-9999px; 
}

nav ul ul li {
  float:none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #98a5a1;
  min-width: 200px;

  background:#6c7673; 
  background:rgba(110,120,115,.95);
}

nav ul ul li:last-child {
  border-right: none;
}

nav ul ul a {
  white-space:nowrap;
  width: initial;
}

nav ul li:hover ul {
  left:0;
}

nav ul li:hover ul li a {
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #f6f6f6;
}

nav ul li:hover ul a { 
  text-decoration:none;
}

nav ul li:hover ul li a:hover {
  background:#98a5a1;
}