#nav,#nav ul{
  list-style: none outside none;
  margin: 0;
  padding: 0;

}

#nav{
  position: relative;
  background: url('menu_bg.png') no-repeat scroll 0 0 transparent;
  width: 957px;
  height: 58px;
  clear: both;
  font-size: 12px;
  padding: 0 0 0 9px;

}

#nav ul{
  background-color: #222;
  border:1px solid #222;
  border-radius: 0 5px 5px 5px;
  border-width: 0 1px 1px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  left: -9999px;
  overflow: hidden;
  position: absolute;
  top: -9999px;
  z-index: 2;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);

/*
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;

  -webkit-transition: -webkit-transform 0.1s linear;
  -moz-transition: -moz-transform 0.1s linear;
  -ms-transition: -ms-transform 0.1s linear;
  -o-transition: -o-transform 0.1s linear;
  transition: transform 0.1s linear;
*/

}

#nav li{
  position: relative;
  background: url('menu_line.png') no-repeat scroll right 5px transparent;
  float: left;

}

#nav li a{
  color: #FFFFFF;
  display: block;
  float: left;
  font-weight: normal;
  height: 30px;
  padding: 23px 20px 0;
  position: relative;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000000;

}

#nav li:hover > a{
  color: #00B4FF;

}

#nav li:hover,#nav a:focus,#nav a:hover,#nav a:active{
  background: none repeat scroll 0 0 #121212;
  outline: 0 none;

}

#nav li:hover ul.subs {
  left: 0;
  top: 53px;
  width: 180px;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);

}

#nav ul li {
  background: none;
  width: 100%;
}

#nav ul li a{
  float: none;

}

#nav ul li:hover > a{
  background-color: #121212;
  color: #00B4FF;

}

#lavalamp{
  background: url('lavalamp.png') no-repeat scroll 0 0 transparent;
  height: 16px;
  left: 13px;
  position: absolute;
  top: 0px;
  width: 64px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;

}

#lavalamp:hover{
  -webkit-transition-duration: 3000s;
  -moz-transition-duration: 3000s;
  -ms-transition-duration: 3000s;
  -o-transition-duration: 3000s;
  transition-duration: 3000s;

}

#nav li:nth-of-type(1):hover ~ #lavalamp{
  left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp{
  left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp{
  left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp{
  left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp{
  left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp{
  left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp{
  left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp{
  left: 565px;
}