@charset "utf-8";

#menu {
position:absolute;
bottom:0;
right:0;
z-index:9999;
}

#nav {
padding: 0;
margin: 0;
list-style: none;
}

#nav a {
background:#2c2c45;
display: block;
text-decoration:none;
text-transform:uppercase;
color:#fff;
font-size:14px;
padding:8px 12px;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
}

#nav a:hover {
filter: alpha(opacity=80); /* here you can set the opacity of box with text */
-moz-opacity: 0.8; /* here you can set the opacity of box with text */
-khtml-opacity: 0.8; /* here you can set the opacity of box with text */
opacity: 0.8; /* here you can set the opacity of box with text */
}

#nav li.current_page_item a,
#nav li.current_page_parent a 
{
background-color:#fff;
color:#333;
filter: alpha(opacity=100); /* here you can set the opacity of box with text */
-moz-opacity: 1; /* here you can set the opacity of box with text */
-khtml-opacity: 1; /* here you can set the opacity of box with text */
opacity: 1; /* here you can set the opacity of box with text */
}

#nav li {
float: left;
}

#nav li ul {
position: absolute;
width: 100px;
left: -999em;
}

#nav li:hover ul {
left: auto;
}

#nav li:hover ul a{
width:200px;
font-size:14px;
padding:6px 6px 6px 10px;
background:#fff;
color:#25647a;
border-left:1px solid #dbe7ec;
border-right:1px solid #dbe7ec;
}

#nav li:hover ul a:hover{
background-color:#dbe7ec;
color:#25647a;
text-decoration:none;
}