#menu {
       float: left;
       margin-top: 10px;
       margin-bottom: 17px;
       background: url("../images/menu_shadow.png") center bottom no-repeat;
       height: 80px;
}

#menu ul{
    padding: 0;
    margin: 0;
    overflow: visible;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;

}

#menu ul.menutop{
    height: 54px;
    line-height: 1em;
    overflow: visible;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
    border-radius: 5px;
    background-image: url("../images/menu_bg.gif");
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: transparent;
    margin: 0;
}

#menu ul li {
    float: left;
}

#menu ul li{
    background-image: url("../images/menu_line.gif");
    background-repeat: no-repeat;
    background-position: right;
    line-height: 44px;
    text-decoration: none;
    font-size: 17px;
    color: #393939;
    position: relative;
}

#menu ul li .item strong {color: #429DD9;}

#menu ul li > .item strong {
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    position: absolute;
    background: url("../images/menu_bg_active.gif") 0 0 repeat-x;
    opacity: 0;
    filter: alpha(opacity = 0);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

#menu ul li.root.lastItem {
    background-image: none;
    padding-right: 0;
}

#menu ul li.root .item:hover strong, #menu ul li.active.root > .item strong {
    opacity: 1;
    filter: alpha(opacity = 100);
}

#menu ul li.root > .item span {
    width: auto;                 
    margin: 0;
    padding: 0 30px;
    display: block;
    outline-width: medium;
    outline-style: none;
    outline-color: invert;
    outline: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(black));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#menu ul li.root ul.submenu1{
    visibility: hidden;
    position: absolute;
    top: 100%;
    text-align: left;
    display: block;
    z-index: 999;
}

#menu ul li.root:hover > ul {visibility: visible; }

#menu ul li.root ul.submenu1 li{
    float:left;
    width:150px;
    line-height: 60px;
    clear:left;
    position: relative;
    background-color: black;
    overflow: hidden;
    text-decoration: none;
    font-size: 14px;
}
#menu ul li.root ul li a {
    display: block;
    padding: 0 0 0 15px;    
    margin: 0;
    color: white;
}	
#menu ul li.root ul li a:hover {
    background: #429DD9;
}