.ddsmoothmenu{margin:0px 0 ;background:url("../images/bg_menu.jpg") repeat-x; }
.ddsmoothmenu ul{z-index:100; margin: 0px auto; padding: 0; list-style-type: none; min-width:680px; max-width:1000px;   }
.ddsmoothmenu ul li{position: relative; display: inline; float: left; padding:0px; width: auto; background:url(../images/bg_menu_sp.jpg) no-repeat right center; }

.ddsmoothmenu ul li ul{ position: absolute; left: -3000px; display: none; visibility: hidden; width: auto; margin-top:3px; margin-left: -10px;}
.ddsmoothmenu ul li ul li{ display: list-item; float: none;}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; color:#fff; padding: 18px 18px; text-decoration: none; text-align: center; font-size:17px; position:relative;

   transition: all 0.3s ease-in-out; opacity: 1; }

#home{}
#home a{ background:url(../images/home_btn.png) no-repeat center center; width:23px; height:22px; padding: 20px 20px 18px 5px; }
#home span{ display:none}

#home a:hover{ background:url(../images/home_btn.png) #444 no-repeat center center;   }

.ddsmoothmenu ul > li a{ white-space:nowrap }


.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ }
.ddsmoothmenu ul li a.selected,.ddsmoothmenu ul li a:hover,.ddsmoothmenu ul li a.current { color: #fff; background:url(../images/bg_over.png) repeat-x center center; }





/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{ width: 140px; display: inline-block; padding: 5px 6px; margin: 0; background:#fff; color:#333; border-bottom: 1px solid #0db0ec; border-right: 1px solid #0db0ec; border-left: 1px solid #0db0ec; text-align: center; border-top: 1px solid #0db0ec;}
.ddsmoothmenu ul li ul li + li  a{ border-top: 0px solid #0db0ec;}
.ddsmoothmenu ul li ul li a:hover{ background:#00aced; color:#fff;}


.ddsmoothmenu ul li ul li ul li a{ margin:-1px 0px 0px -1px; border-top: 1px solid #0db0ec;}

.ddsmoothmenu ul li ul li  a.current{ background:#00aced; color:#fff; border-top:1px solid #00aced}



* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{ position: absolute; top: 27px; right: 13px;}
.rightarrowclass{ position: absolute; top: 15px; right: 13px;}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ position: absolute;left: 0;top: 0;width: 0;height: 0; background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */}

.toplevelshadow{
margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */
opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */
}

.ddcss3support .ddshadow.toplevelshadow {
margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
background-color: transparent;
box-shadow: 0px 0px 0px #ccc; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
-moz-box-shadow: 0px 0px 0px #ccc;
-webkit-box-shadow: 0px 0px 0px #ccc;
}

* html .ddsmoothmenu ul li a{ display: inline-block;}

@media screen and (max-width: 600px) {


}