/************** Navigation Elements **************/

.navWrapper {
  width:100%;
  height: 39px;
  position: relative;
  border-bottom: 1px solid white;
  z-index: 1;
  }

.navigation {
  position: relative;
  margin-left: 246px;
  height: 39px;
  background: #4e4e4e url("http://cdn.goldenglobes.org/images/nav_back.gif") repeat-x;
  z-index: 1;
  }

.searchBar {
  position: absolute;
  left: 0;
  width: 244px;
  height: 39px;
  text-align: center;
  background: #4e4e4e url("http://cdn.goldenglobes.org/images/navback.gif") repeat-x;
  border-right: 1px solid #777;
  }

.searchBox {
  border: 1px solid #414141;
  width: 120px;
  font: 10px/10px Verdana, Helvetica, Arial, sans-serif;
  color: #414141;
  padding: 3px;
  margin-top: 10px;
  }

.searchButton {position: relative;top: 3px;}

.navBar {position: absolute;width: 100%;z-index: 1;}

#nav, #nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1.5em;
  }

#nav a {
  display: block;
  }

#nav li {
  float: left;
  padding: 0;
  margin: 0;
  }

#nav li.about ul {width: 179px;}
#nav li.awards ul {width: 228px;}
#nav li.contact ul {width: 132px;}

#nav li.about a {width: 179px;w\idth: 159px;}
#nav li.awards a {width: 228px;w\idth: 208px;}
#nav li.contact a {width: 132px;w\idth: 112px;}

#nav li.about {background: url("http://cdn.goldenglobes.org/images/nav_about.gif") no-repeat;width: 179px;}
#nav li.awards {background: url("http://cdn.goldenglobes.org/images/nav_awards.gif") no-repeat;width: 228px;}
#nav li.news {background: url("http://cdn.goldenglobes.org/images/nav_news.gif") no-repeat;width: 105px;}
#nav li.contact {background: url("http://cdn.goldenglobes.org/images/nav_contact.gif") no-repeat;width: 132px;}

#nav li:hover {background-position: 0 -39px;}

#nav li ul {
  position: absolute;
  background: #000;
  display: none;
  padding: 10px 0 0;
  }

.sub a {
  display: block;
  color: #aaa;
  text-decoration: none;
  padding: 4px 10px;
  }

.sub a:hover {
  color: #fff;
  background: #444 url("http://cdn.goldenglobes.org/images/subnav_back.gif") repeat-y;
  }

#nav li:hover ul, #nav li.sfhover ul {
  display: block;
  }

/************** Subnavigation elements **************/

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

.subNav ul li {
  width: 244px;
  border-bottom: 1px solid #fff;
  }

.subNav ul li:hover {
  background: #fff;
  }

.subNav ul li a {
  display: block;
  padding: 5px 0 5px 10px;
  text-decoration: none;
  background: #e1ddb7;
  color: #716d47;
  width: 244px;
  w\idth: 234px;
  }

.subNav ul li a:hover {color: #a19d77;background: #ece9ca;}

.subNav ul li.active a {background: #fff;color: #444;}