.ddsmoothmenu{
 font: 67.5% "Arial";
 font-size:10pt; font-weight:400;
 /*background: black; background of menu bar (default state)*/
 width: 100%;
}

.ddsmoothmenu ul{
 z-index:100;
 margin: 0; padding: 0;
 list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
 position: relative;
 display: inline;
 float: left;
}

/*top seperator*/
.ddsmoothmenu ul li span{
 position: absolute;  top:0px; right:0px;
 width:1px; height:56px; margin-left:1px;
 background: url("seperator.gif") bottom right no-repeat;
 display: inline;
 float: right;
}


/*Top level menu link items style*/
.ddsmoothmenu ul li a{
 display: block;
 color: white;
 height: 56px; line-height:57px;
 padding-left: 40px; padding-right: 40px;
 color: #eeeeee;
 text-decoration: none;
 background: url(menu_block.jpg) top left repeat;
 -webkit-transition-property:color, background;
 -webkit-transition-duration: 0.4s, 0.4s;
 -webkit-transition-timing-function: linear, ease-in;
}

/*IE6 hack to get sub menu links to behave correctly*/
* html .ddsmoothmenu ul li a{
 display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
 color: #c3c2c2;
}

/*cursonr fix on chlid li's*/
#dum:hover {
 cursor: default;
}

.ddsmoothmenu a.active{
 background:url('active.png') bottom right no-repeat;
}
.ddsmoothmenu a.active:hover{
 background:url('active.png') bottom right no-repeat;
}

/*CSS class that's dynamically added to the currently active menu items' LI A element*/
.ddsmoothmenu ul li a.selected{
 background: #090909;
 color: white;
}

/*TOP MENU HOVER*/
.ddsmoothmenu ul li a:hover{
 background: url("menu_block.jpg") top left repeat-x; /*background of menu items during onmouseover (hover state)*/
 background-position: 0 -56px;
 color: white;
 text-shadow: 0 1px 1px #000000, 0 2px 10px #969696;
 /*-webkit-transform: scale(1.2);*/
}

/*#1ST LEVEL*/
.ddsmoothmenu ul li ul{
 position: absolute;
 display: none; /*collapse all sub menus to begin with*/
 visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
 display: list-item;
 float: none;
}
.ddsmoothmenu ul li ul li a{
 background: black;
}
.ddsmoothmenu ul li ul li a:hover{
 background: #0e0e0e;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul li{
 top: 20px; left: -40px;
}
.ddsmoothmenu ul li ul li ul li a{
 background: black;
}
.ddsmoothmenu ul li ul li ul li a:hover{
 background: #0e0e0e;
}
.ddsmoothmenu ul li ul li ul{
 left:0;
}


/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
 font: normal 12px Verdana; line-height:50px;
 height:50px; width: 130px; /*width of sub menus*/
 text-align:center;
 margin: 0;
 border-top-width: 0;
 border-bottom: 1px solid #050505; border-left: 1px solid #050505;
 /*margin-bottom:1px;*/
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
 display:none; position: absolute; top: 47px; right: 7px;
}

.rightarrowclass{
 position: absolute; top: 20px; right: 3px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
display:none;
position: absolute; left: 0; top: 0;
width: 0; height: 0;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
/*opacity: 0.8;*/
}