/*
parent - menu item with or without but no parent
child - menu item with parent and no children
active - menu item for current page
family - menu items including children and parent
has_active_child - parent item with child item that is active current page
has_active_sibling - siblings of child item that is active current page
siblings - containter holding child menu items all on the same level
menu-line - line between parent items
*/

#menu{
width:170px;
font-size:14px;
}

.family:hover a{
background-color:#e99a00;
}

.siblings{
}

#menu .head{
background-color:#000;
text-transform:uppercase;
width:100%;
opacity:0.8;
}

#menu .head img{
padding:15px 6px;

}



#menu a{
display:block;
text-decoration:none;
padding:10px;
color:#fff;
-webkit-transition:background-color 0.7s;
-moz-transition:background-color 0.7s;
-o-transition:background-color 0.7s;
transition:background-color 0.7s;
}

#menu .child a{
padding:5px 10px;
position:relative;
}

#menu .child:last-child a{
padding-bottom:10px;
}

#menu .parent a.active,   #menu a.has_active_sibling {
background-color:#e99a00;
}

#menu a:hover, #menu a.active:hover, #menu .has_active_child a:hover, #menu .child a:hover{
background-color:#e99a00;
color:#000;
}

#menu .child, a.active{
color:#000!important;
}

#menu .parent a{

}

#menu .parent {
text-transform:uppercase;
background-color:#000;
text-transform:uppercase;
margin:10px 0 0px 0;
opacity:0.8;
}

#menu .child{
text-transform:capitalize;
position:relative;
top:0px;
background-color:#000;
margin:0 0 0px 0;
opacity:0.8;
}
/* Stylesheet: menu_verti Modified On 2014-03-25 20:17:11 */