/**************************************************************************************/
/*
/*      Web: http://www.asdesigning.com
/*      Web: http://www.astemplates.com
/*      License: GNU/GPL
/*                                          
/**************************************************************************************/

#as-menu 
{
   min-height: 40px;
   background-image: none;
   background-color: transparent;
}

#as-menu ul.as-menu > li a,
#as-menu ul.as-menu > li > span
{
   margin: 0px;
   padding: 10px 0px;
   display: block;
   font-weight: normal;
   line-height: 20px;
   text-transform: capitalize;
   letter-spacing: -1px;
   color: #333333 !important;
}

#as-menu ul.as-menu > li a:hover
{
   background: none !important;   
}

#as-menu ul.as-menu > li
{
}

#as-menu ul.as-menu > li,
#as-menu ul.as-menu > li:hover
{
   background: none;
   width: auto;
   margin: 15px 1px 15px 5px;;
   padding: 0 24px;
}

#as-menu ul.as-menu > li.lastItem
{
   border-right: none !important;
}

#as-menu ul.as-menu > li:first-child
{
   margin-left: 0px;   
}

#as-menu ul.as-menu > li.active > a,
#as-menu ul.as-menu > li.asHover > a,
#as-menu ul.as-menu > li.current > a,
#as-menu ul.as-menu > li > a:hover,
#as-menu ul.as-menu > li > span:hover
{
   color: #ffffff !important;
}

#as-menu ul.as-menu > li.deeper > a:after
{
   top: -2px;   
}

#as-menu ul.as-menu > li:hover,
#as-menu ul.as-menu > li.active,
#as-menu ul.as-menu > li.asHover,
#as-menu ul.as-menu > li.current,
#as-menu ul.as-menu > li.active > span,
#as-menu ul.as-menu > li.asHover > span,
#as-menu ul.as-menu > li.current > span
{
   color: #ffffff !important;
   background-color: #758809 !important;
   border-radius: 20px;
   -moz-box-shadow: 1px 2px 2px 0px #666;
   -webkit-box-shadow: 1px 2px 2px 0px #666;
   box-shadow: 1px 2px 2px 0px #666;
   text-decoration: none;      
}

#as-menu ul.as-menu li:hover ul,
#as-menu ul.as-menu li.asHover ul
{
   left: 0;
   top: 45px;
   z-index: 100;
   border-radius: 20px;   
}

#as-menu ul.as-menu ul
{
   background-color: #a5b862 !important;
   background-image: -moz-linear-gradient(top, #a5b862, #a5b862) !important;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a5b862), to(#a5b862)) !important;
   background-image: -webkit-linear-gradient(top, #a5b862, #a5b862) !important;
   background-image: -o-linear-gradient(top, #a5b862, #a5b862) !important;
   background-image: linear-gradient(to bottom, #a5b862, #a5b862) !important;
   padding: 9px 0px 12px 20px;
   box-shadow: 1px 2px 2px 0px #666;   
}

#as-menu ul.as-menu ul li a,
#as-menu ul.as-menu ul li span
{
   color: #FFF !important;
   background-image: none !important;
   margin: 0px;
   text-transform: lowercase;
   text-align: left !important;   
}

#as-menu ul.as-menu ul li a:hover,
#as-menu ul.as-menu ul li span:hover,
#as-menu ul.as-menu ul li.active > a,
#as-menu ul.as-menu ul li.asHover > a,
#as-menu ul.as-menu ul li.active > span,
#as-menu ul.as-menu ul li.asHover > span
{
   color: #333333 !important;
}

#as-menu ul.as-menu ul ul
{
   top: -8px !important;
   left: 185px !important;
   background-color: #bcc77b !important;
   background-image: -moz-linear-gradient(top, #bcc77b, #bcc77b) !important;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bcc77b), to(#bcc77b)) !important;
   background-image: -webkit-linear-gradient(top, #bcc77b, #bcc77b) !important;
   background-image: -o-linear-gradient(top, #bcc77b, #bcc77b) !important;
   background-image: linear-gradient(to bottom, #bcc77b, #bcc77b) !important;
   padding: 9px 0px 12px 25px;
   box-shadow: 1px 2px 2px 0px #666;      
}