#nav, #nav ul {  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#nav {  
  background-color: transparent;  
  background-image: url("menu_bg.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0px 0px;  
  clear: both;  
  font-size: 12px;  
  height: 58px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 9px;  
  position: relative;  
  width: 957px;
}

#nav ul {  
  background-color: #222222;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #222222;  
  border-right-color: #222222;  
  border-bottom-color: #222222;  
  border-left-color: #222222;  
  -moz-border-top-colors: none;  
  -moz-border-right-colors: none;  
  -moz-border-bottom-colors: none;  
  -moz-border-left-colors: none;  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;  -webkit-border-radius: 0px 5px 5px 5px;
  border-radius: 0px 5px 5px 5px;  
  border-top-width: 0px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);  
  left: -9999px;  
  overflow: hidden;  
  position: absolute;  
  top: -9999px;  
  z-index: 2;  
  transform: scaleY(0);
}

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

#nav li a {  
  color: white;  
  display: block;  
  float: left;  
  font-weight: normal;  
  height: 30px;  
  padding-top: 23px;  
  padding-right: 20px;  
  padding-bottom: 0px;  
  padding-left: 20px;  
  position: relative;  
  text-decoration: none;  text-shadow: 1px 1px 1px black;
}

#nav li:hover > a {  
  color: #00b4ff;
}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {  
  background-color: #121212;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0px 0px;  
  outline-width: 0px;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;
}

#nav li:hover ul.subs {  
  left: 0px;  
  top: 53px;  
  width: 180px;  
  transform: scaleY(1);
}

#nav ul li {  
  background-color: transparent;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  width: 100%;
}

#nav ul li a {  
  float: none;
}

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

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

#lavalamp:hover {  -o-transition-duration: 3000s;
  -webkit-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;
}

#ID {  
  font-size: 14pt;
}