.sf-menu ul {position:absolute; top:-999px; display:none; text-transform:uppercase;}
.sf-menu a {display:block;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:99}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;}
ul.sf-menu>li{font-family: 'Trocchi', serif;
			font-size:11px;
			line-height:24px;
			margin:0;
			text-transform:uppercase;
			float:left;
			position:relative;
			background: url(../images/bg-li.jpg) left 1px no-repeat;
			}
			ul.sf-menu>li:first-child{background:none;}
.sf-sub-indicator-1{background: url(../images/arrow.png) 0 0 no-repeat;display: inline-block; position:absolute; width:5px; height:3px; top:10px; right:21px; z-index:1000;}		
				
ul.sf-menu>li>a{font-size:11px; 
				text-transform:uppercase; 
				text-align:center;
				display:inline-block;
				color:#f4f2eb;
				padding:0 20px 34px 20px;
				text-shadow: 0 1px #378592;
				}
				
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover{ background: url(../images/bg-li-current.png) 0 bottom repeat-x;}

ul.sf-menu>li.current>a .sf-sub-indicator-1, ul.sf-menu>li.sfHover>a .sf-sub-indicator-1, ul.sf-menu>li>a:hover .sf-sub-indicator-1{background: url(../images/arrow.png) 0 -3px no-repeat;}

.sf-menu>li>ul{left:-25px;
			   top:55px;
			   width:181px;
			   padding:5px 0 0 0;
			   background:#69bac1 ;
			   text-align:left;
			  }
			   

.sf-menu>li>ul>li {
	float:none;
	text-align:left;  
	font-size:11px;
	line-height:18px;
	text-transform:uppercase;
	font-family: 'Trocchi', serif;
	background: url(../images/bg-li-li.jpg) center bottom no-repeat #f4f2eb;
}
.last-li{background: url(../images/bg-last-li.png) center bottom no-repeat #f4f2eb !important;}
									
.sf-menu>li>ul>li>a {
	display:block;
	color:#FFF;  
	text-align:left;
	line-height:40px;
	color:#b0ada4;
	padding-left:20px;}
				
.sf-menu>li>ul>li:hover, ul.sf-menu>li>ul>li.sfHover{}
.sf-menu>li>ul>li>a:hover, ul.sf-menu>li>ul>li.sfHover a {color:#000;}

.sf-menu li li ul {left:122px;
				 top:158px !important;
				 display:block;
				 width:181px;
				 background:#69bac1 ;
				 text-align:left;
				 padding:5px 0 0 0;
				 }
.sf-menu li li li {float:none;
					text-align:left;  
					font-size:11px;
					text-transform:uppercase;
					font-family: 'Trocchi', serif;
					background: url(../images/bg-li-li.jpg) center bottom no-repeat #f4f2eb;}
					
.sf-menu li li li a {display:block;
	color:#b0ada4!important;  
	text-align:left;
	line-height:40px;
	padding-left:20px;}
					
.sf-menu li li li:hover { }
.sf-menu li li li a:hover {color:#000 !important;}