#nav,#nav ul {list-style: none outside none;margin: 0;padding: 0;}
#nav {clear: both;height: 33px;padding: 0 0 0 9px;position: relative;}
#nav ul {background:url("../new/images/bg-s_menu.png") repeat-y scroll 0 0 #8c2062;box-shadow:0 0 3px #c3c3c3;border-radius:  8px;left: -9999px;overflow: hidden;position: absolute;top: -9999px;z-index: 2;width:210px;padding:8px 20px 15px 10px;
	-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 {float: left;position: relative;margin-top:4px;}
#nav li a {color: #fff;display: block;float: left;font-weight: bold;height: 21px;padding: 0px 15px 4px;position: relative;text-decoration: none;}
#nav li:hover > a {color: #fff;}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {outline: 0 none;color: #fff;border-radius:15px;
background: #8C2062; /* Old browsers */
background: -moz-linear-gradient(top, #8C2062 0%, #922167 44%, #8C2062 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8C2062), color-stop(44%,#922167), color-stop(100%,#8C2062)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8C2062 0%,#922167 44%,#8C2062 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8C2062 0%,#922167 44%,#8C2062 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8C2062 0%,#922167 44%,#8C2062 100%); /* IE10+ */
background: linear-gradient(to bottom, #8C2062 0%,#922167 44%,#8C2062 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8C2062', endColorstr='#8C2062',GradientType=0 ); /* IE6-9 */}
.subs a {font-size:14px;padding:2px 5px !important;}
.nav_active a {outline: 0 none;color: #fff;border-radius:15px;height: 21px;
background: #8C2062; /* Old browsers */
background: -moz-linear-gradient(top, #8C2062 0%, #922167 44%, #8C2062 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8C2062), color-stop(44%,#922167), color-stop(100%,#8C2062)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8C2062 0%,#922167 44%,#8C2062 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8C2062 0%,#922167 44%,#8C2062 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8C2062 0%,#922167 44%,#8C2062 100%); /* IE10+ */
background: linear-gradient(to bottom, #8C2062 0%,#922167 44%,#8C2062 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8C2062', endColorstr='#8C2062',GradientType=0 ); /* IE6-9 */}
#nav li:hover ul.subs {left: 0px;top: 25px;width: 185px;
    -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: 113%;}
#nav ul li a {float: none;box-sizing: initial;}
#nav ul li:hover > a {background-color: #121212;color: #fff;}
#lavalamp {height: 16px;left: 13px;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: 13px;}
#nav li:nth-child(2):hover ~ #lavalamp {left: 90px;}
#nav li:nth-child(3):hover ~ #lavalamp {left: 170px;}
#nav li:nth-child(4):hover ~ #lavalamp {left: 250px;}
#nav li:nth-child(5):hover ~ #lavalamp {left: 330px;}
#nav li:nth-child(6):hover ~ #lavalamp {left: 410px;}
#nav li:nth-child(7):hover ~ #lavalamp {left: 490px;}
#nav li:nth-child(8):hover ~ #lavalamp {left: 565px;}
.nav-ss{color: #fff;display: block;float: left;font-weight: bold;height: 21px;padding: 0px 15px 4px;position: relative;text-decoration: none;}