#nav,#nav ul {



    list-style: none outside none;



    margin: 0;



    padding: 0;



}



#nav {



    background:#C00;



    clear: both;



    font-size: 20px;



    height: 52px;



    padding: 0 0 0 60px;



    position: relative;



    width: 940px;



    font-family: 'handelgothic_btregular';



}



#nav ul {



	margin:0 auto;



    border:1px solid #222;



	text-align:center;



    overflow: hidden;



    position: absolute;



    top: -9999px;



    z-index: 2;



    -moz-transform: scaleY(0);



    -ms-transform: scaleY(0);



    -o-transform: scaleY(0);



    -webkit-transform: scaleY(0);



    transform: scaleY(0);







    -moz-transform-origin: 0 0;



    -ms-transform-origin: 0 0;



    -o-transform-origin: 0 0;



    -webkit-transform-origin: 0 0;



    transform-origin: 0 0;







    -moz-transition: -moz-transform 0.1s linear;



    -ms-transition: -ms-transform 0.1s linear;



    -o-transition: -o-transform 0.1s linear;



    -webkit-transition: -webkit-transform 0.1s linear;



    transition: transform 0.1s linear;



}



#nav li {

	display:inline;

    position: relative;

	float: left;

	margin-right: 9px;

	padding-top: 4px;

	line-height: 12px;

}

#nav li:hover {

	background: #950202;
}

.menu-active {background: #950202;}
.inactive  {background: #cc0000;}




#nav li a {



    color: #FFF;



    display:inline-block;



    font-weight: normal;



    height: 30px;



    padding: 23px 20px 0;



    position: relative;



    text-decoration: none;



	margin-top:-5px;



}



/*#nav li:hover > a {



    color: #00B4FF;



}



#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {



    background: #900;



    outline: 0 none;



}*/



#nav li:hover ul.subs {



    left: 0;



    top: 52px;



    width: 180px;







    -moz-transform: scaleY(1);



    -ms-transform: scaleY(1);



    -o-transform: scaleY(1);



    -webkit-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: #900;



    color: #00B4FF;



}



#lavalamp {



    background: url('../images/lavalamp.png') no-repeat scroll 0 0 transparent;



    height: 16px;



    left: 74px;



    position: absolute;



    top: 0px;



    width: 64px;







    -moz-transition: all 300ms ease;



    -ms-transition: all 300ms ease;



    -o-transition: all 300ms ease;



    -webkit-transition: all 300ms ease;



    transition: all 300ms ease;



}



#lavalamp:hover {



    -moz-transition-duration: 3000s;



    -ms-transition-duration: 3000s;



    -o-transition-duration: 3000s;



    -webkit-transition-duration: 3000s;



    transition-duration: 3000s;



}



#nav li:nth-child(1):hover ~ #lavalamp {



    left: 74px;



}



#nav li:nth-child(2):hover ~ #lavalamp {



    left: 200px;



}



#nav li:nth-child(3):hover ~ #lavalamp {



    left: 335px;



}



#nav li:nth-child(4):hover ~ #lavalamp {



    left: 470px;



}



#nav li:nth-child(5):hover ~ #lavalamp {



    left: 588px;



}



#nav li:nth-child(6):hover ~ #lavalamp {



    left: 695px;



}



#nav li:nth-child(7):hover ~ #lavalamp {



    left: 838px;



}



#nav li:nth-child(8):hover ~ #lavalamp {



    left: 565px;



}