/* Menu styles */
#nav {
 position:absolute;
 background: url(../images/layout/navi_bg.png) no-repeat center center;
 width: 938px;
 top:80px;
 left:0px;
 padding-left: 24px;
 height: 32px;
 margin: 0px;
 /*border-top:2px solid #8fdaf1;
 border-bottom:2px solid #8fdaf1;*/
 clear: both;
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none; 
}

#nav li {
 background: none;
 float: left;
 height:32px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
 position: relative;
}

#nav li:hover, #nav li.hover{
 background: url(../images/layout/bg_navi_hover.png) repeat-x center center;
 }

#nav li a {
 font-family: "Ubuntu", sans-serif;
 color: #fff;
 display: block;
 font-size: 14px;
 line-height:32px;
 padding: 0px 20px;
 margin: 0px; 
 text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

#nav li:hover > a {
 color: #fff;
 text-decoration: none;
 text-shadow: none;
}



#nav ul {
 background: url(../images/layout/navi_dropdown_bg.png) repeat-y center center;
 width:242px;
 height: 248px;
 position: absolute;
top: 30px;
 z-index: 10000;
}
.navi_bottom {
 position:absolute;
 bottom:-15px;
 left:0px;
 background: url(../images/layout/navi_dropdown_bottom.png) no-repeat center bottom;
 width:242px;
 height:15px;
 float:left;
}
#nav ul li {
 float:left;
 display: block;
 float: none;
 margin: 0px;
 padding: 0px;
 width: 138px;
 position: relative;
}
#nav ul li a {
 float:left;
 padding: 10px 8px 5px 8px;
 line-height: 18px;
 margin-left: 20px;
 color:#FFF;
 font-size: 12px;
}
#nav ul li a:hover {
color: #fff;
}  

#nav ul li:hover{
 background: none;
 border-radius: 0px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
}

#nav ul ul {
 position: absolute;
 left: 138px;
 top: -10px;
}


#submenu ul {
 float:left;
 width:180px;
 margin: 0 0 20px 0;
 padding: 0;
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none; 
 /*border-top:2px solid #8fdaf1;
 border-bottom:2px solid #8fdaf1;*/
}

#submenu ul li {
 float:left;
 padding: 0;
 margin: 0;
}

#submenu li:hover {
 color:#FFF;
 /*background: #cf5497;*/
}

#submenu li a {
 width:172px;
 font-family: "idigital-bold";
 color: #015f85;
 display: block;
 font-size: 13px;
 line-height: 24px;
 padding: 3px 0px 10px 6px;
 margin: 0px;
}

#submenu li a:hover {
 width:172px;
 color:#cf5497;
 /*background: #4dc4e9;*/
 padding: 3px 0px 10px 6px;
 text-decoration: none;
 margin: 0px;
}

#submenu li a.selected {
 width:172px;
 color:#cf5497;
 /*background: #4dc4e9;*/
 padding: 3px 0px 10px 15px;
 text-decoration: none;
}

/* sunmenu 2 taso */
#submenu ul ul {
 margin: 3px 0 3px 16px; 
 border:none;
}

#submenu ul ul li a {
 color:#20b5e4;
 border: none;
 padding: 4px;
 font-size: 11px;
 background: none;
}

#submenu ul ul li a.selected {
 color:#20b5e4;
 padding: 4px;
 background:none;
}

#submenu ul ul li a:hover {
 color:#1a90b5;
 padding: 4px;
 background: #FFF;
}