
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/

div#top-menu { float: left; background: url(images/menu_separator.png) top left no-repeat; margin-top: 0px; height: 25px;}
ul.nav { margin: 0px 0px 0px 0px; padding-top: 0px; padding-left: 100px;}
ul.nav li { padding: 0px 12px 0px 0px; }
ul.nav li a { padding: 7px 0px 28px 10px; }
#ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a { background: url(images/menuitem-current.png) no-repeat 65% 100%; }
ul.nav li a { font-size: 14px; color: #ffffff; }
ul.nav > li > a {  }

ul.nav > li.sf-ul.sfHover { background: url(images/toplink-hover-right.png) no-repeat top right;  }
ul.nav > li.sf-ul.sfHover > a { background: url(images/toplink-hover-left.png) no-repeat top left; display: block; color: #000000; text-shadow: none;}

ul.nav li a:hover { text-decoration: none; }

ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li > a:hover { text-shadow: 0px 0px 10px #ffffff; }

ul.nav li ul { background: #ffffff; }
ul.nav li ul a { color: #797979; }
ul.nav li li a { padding: 0px; }

ul.nav li ul { background: #ffffff url(images/dropdown-bottom.png) repeat-x bottom left; -moz-border-radius: 5px;
		-webkit-border-radius: 5px; 
		-moz-border-radius-topleft: 0px; 
		-webkit-border-top-left-radius: 0px; 
		-moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); 
		-webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); 
		padding: 4px 0px 17px; }
    
ul.nav li ul li { margin: 5px 0px 0px; background: url(images/dropdown-li.png) no-repeat 13px 11px; width: 184px; }
ul.nav li ul li:hover { background: url(images/dropdown-li-active.png) no-repeat; }
ul.nav li ul li a { padding: 7px 0px 10px 30px; width: 164px; color: #797979; }
ul.nav li ul li:hover > a { background: url(images/dropdown-activelink.png) no-repeat; color: #252525; }

.nav li li:hover ul, ul.nav li li.sfHover ul { left:193px !important; top: -9px !important; }
