.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.main-menu{ padding:9px 1px 0 0; max-width:670px;}
.sf-menu li {position:relative; float:left; font:14px/17px Georgia, Helvetica, sans-serif; background: url(../images/bg-png.png) 0 0 repeat; border:1px solid transparent; border-radius:6px; margin-right:1px;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.sf-menu li a {display:block;color:#fff; padding:6px 22px 8px; text-shadow:-1px 1px 1px rgba(0,0,0,.3); position:relative;}
		.sf-menu li.current,.sf-menu li.sfHover,.sf-menu li:hover{  background:#ED1C24 url(../images/menu-hover.jpg) 0 0 repeat-x; border:1px solid #9A0910;box-shadow:0 1px 1px rgba(0,0,0,.2);}
		.sf-menu li a:hover{text-decoration:none;}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			230px; 
	display:none;
	border:1px solid #9A0910;
	box-shadow:0 1px 1px rgba(0,0,0,.2);
	border-radius:6px;
	padding:10px 0;
	background: #4AC0C3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F47B82), to(#ED1C24));
	background: -webkit-linear-gradient(#F47B82, #ED1C24);
	background: -moz-linear-gradient(#F47B82, #ED1C24);
	background: -ms-linear-gradient(#F47B82, #ED1C24);
	background: -o-linear-gradient(#F47B82, #ED1C24);
	background: linear-gradient(#F47B82, #ED1C24);
	-pie-background: linear-gradient(#F47B82, #ED1C24);
}
.sf-menu li li.sfHover,.sf-menu li li,.sf-menu li li:hover{width:100%;padding:0; background:none; border:none; box-shadow:none;}
	.sf-menu li li a,.sf-menu li.sfHover li a,.sf-menu li.current li a{ background:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
		.sf-menu li li a:hover,.sf-menu li li.sfHover a,.sf-menu li li.current a{ background:rgba(255,255,255,.3);}
.sf-menu ul ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			230px; 
	display:none;
	border:1px solid #15a3a9;
	box-shadow:0 1px 1px rgba(0,0,0,.2);
	border-radius:6px;
	padding:10px 0;
	background: #4AC0C3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4AC0C3), to(#36a8ad));
	background: -webkit-linear-gradient(#4AC0C3, #36a8ad);
	background: -moz-linear-gradient(#4AC0C3, #36a8ad);
	background: -ms-linear-gradient(#4AC0C3, #36a8ad);
	background: -o-linear-gradient(#4AC0C3, #36a8ad);
	background: linear-gradient(#4AC0C3, #36a8ad);
	-pie-background: linear-gradient(#4AC0C3, #36a8ad);
}
	.sf-menu li li li a,.sf-menu li li.sfHover li a,.sf-menu li li.current li a{ background:none;}
		.sf-menu li li li a:hover,.sf-menu li li li.current a{background:rgba(255,255,255,.3);}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			35px; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			132px; /* match ul width */
	top:			-10px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			00px;
}
.sf-menu li a span.arrow{ display:block; background:url(../images/menu-arrow.png) 0 0 no-repeat; width:9px; height:6px; position:absolute; top:40%; right:7px;}
@media only screen and (min-width: 768px) and (max-width: 995px) {}
@media only screen and (max-width: 767px) {
	.main-menu{ float:none !important; padding:0 20px 10px;}
	.sf-menu{ float:none;}
	.sf-menu li{padding:0;float: none; min-width:100%; margin-bottom:3px;}
	.sf-menu li a{ display:block;}
	.sf-menu ul,.sf-menu ul ul{ min-width:100%; padding:0;position: relative; left: 0 !important; top:0px !important; background:none !important; box-shadow:none !important; border-radius:0; border:none;}
	.sf-menu li li li a{ padding-left:40px !important;}
	.sf-menu li a span.arrow{ left:70px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}