.navigation{background:url(img/nav-tail.png) center top repeat-x;}
#menu-icon{display:none;}
.menu {list-style:none; }
.menu > li {
	position:relative;
	float:left;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	background:url(img/menu-separator.png) right 16px no-repeat;

}
	.menu > li.last-item{background:none;}
	.menu > li > a {
		display:block;
		color:#fff;
		text-decoration:none;
		background:url(img/menu-tail.png) center -999em no-repeat;
		padding:12px 15px 12px 15px;
	}
		.menu > li.sfHover > a, .menu > li > a:hover {color:#fff;text-decoration:none; background-position:center -129px;  background-repeat:repeat-x;}
		.menu > li.current > a {text-decoration:none; color:#fff !important; background-position:center top !important; background-color: !important; background-repeat:repeat-x;}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:203px; 
	display:none;
	padding:10px 0 16px;
	background: url(img/submenu-tail.png) 0 0 repeat;
	z-index:999;
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:2px;
	position:relative;
	font:14px/17px;
	text-align:left;
	text-transform:none;
}
	.menu li li a{
		display:block;
		color:#fff;
		text-decoration:none;
		background:url(img/submenu-tail.png) center -999em no-repeat;
	}
		.menu li li > a:hover,.menu li li.sfHover > a{text-decoration:none; background-position: center top; background-repeat:repeat;}
	.menu li li a span{display:block; background:url(img/submenu-marker.gif) 24px 11px no-repeat; padding:4px 20px 7px 32px;}
.menu li:hover ul, .menu li.sfHover ul {left:0; top:46px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
/***subsubmenu***/
.menu ul ul{background:none; padding:0;}
	.menu ul ul li{margin-bottom:1px;}
		.menu ul ul li a{background:url(img/submenu-tail.png) center top repeat;}
			.menu ul ul li a:hover{background:#ff9c00;}
			.menu ul ul li a span{padding:4px 20px 7px; background-position:11px 11px;}
.menu li li:hover ul, .menu li li.sfHover ul {left:204px; top:0px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

@media only screen and (max-width: 995px){
	.menu > li {font-size:14px;}
		.menu > li.last-item {width:128px;}
		.menu > li > a {padding:12px 10px 12px 10px;}
	.menu .menu-arrow{display:inline-block; width:5px; height:3px; overflow:hidden; text-indent:-999em; font-size:0; line-height:0; background:url(img/menu-arrow.gif) center top no-repeat; margin-left:6px; vertical-align:middle; padding:0;}
	/***submenu***/
	.menu li li a span{display:inline-block; }
	.menu ul .menu-arrow{width:3px; height:16px; background:url(img/submenu-marker.gif) 0 11px no-repeat; margin-left:-14px; vertical-align:top;}
}

@media only screen and (max-width: 767px) {
	.navigation{float:right; margin-top:-114px; background:none;}
	#menu-icon{display:block; font-size:14px; text-transform:uppercase; text-align:center; width:80px; padding:15px 0 12px; cursor:pointer; position:relative; z-index:999;}
	/***menu***/
	.menu {display:none; position:absolute; top:60px; right:0; width:160px; padding:10px 0 16px; background: url(img/submenu-tail.png) 0 0 repeat; z-index:999;}
	.menu > li{float:none; background:transparent; width:100% !important; padding:0; margin-bottom:2px; font:normal 14px/17px; text-align:left; text-transform:none;}
	.menu > li > a{color:#fff; background:url(img/submenu-tail.png) center -999em no-repeat; padding:0;}
		.menu > li.sfHover > a, .menu > li > a:hover, .menu > li.current > a{background-position: center top; background-repeat:repeat; background-color:#4993cc !important; color:#fff !important;}
	.menu > li > a span{display:inline-block; background:url(img/submenu-marker.gif) 24px 11px no-repeat; padding:4px 20px 7px 32px;}
	.menu .menu-arrow{display:inline-block; width:3px; height:16px; background:url(img/submenu-marker.gif) 0 11px no-repeat; margin-left:-14px; vertical-align:top;}
	/***submenu***/
	.menu li:hover ul, .menu li.sfHover ul {left:auto; top:-10px; right:204px;}
	.menu ul .menu-arrow{display:none;}
	/***subsubmenu***/
	.menu ul ul{position:static; padding-top:1px; display:block !important;}
	.menu ul ul li a {background-image:none;}
	.menu ul ul li a span{padding:4px 20px 7px 43px; background-position:34px 11px;}
}

@media only screen and (max-width: 479px){
	#menu-icon{width:75px;}
	/***menu***/
	.menu{width:150px;top:105px;}
	.menu > li > a span{background-position:15px 11px; padding:4px 20px 7px 23px;}
	/***submenu***/
	.menu ul{width:150px;}
	.menu li:hover ul, .menu li.sfHover ul {right:151px;}
	.menu ul li > a span{background-position:15px 11px; padding:4px 10px 7px 23px;}
	/***subsubmenu***/
	.menu ul ul li a span{padding:4px 20px 7px 33px; background-position:24px 11px;}
}
@media only screen and (min-width: 768px) {.menu {display:block !important;}}