nav{position:absolute; top:0; right:-6px; z-index:999;}
#menu-icon{display:none;}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font:11px/14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:url(../images/menu-separator.gif) right 77px no-repeat;
}
	.menu > li.last-item{background:none;}
	.menu > li > a {
		display:block;
		color:#797979;
		padding-left:5px;
		background:url(../images/menu-left.png) left -999em no-repeat;
		height:105px;
		overflow:hidden;
	}
		.menu > li > a .right{display:block; padding-right:5px; background:url(../images/menu-right.png) right -999em no-repeat;}
			.menu > li > a .tail{display:block; padding:74px 5px 18px; background:url(../images/menu-tail.gif) center -999em repeat-x;}
		.menu > li.sfHover > a, .menu > li > a:hover, .menu > li.current > a {text-decoration:none; color:#fff; background-position: left top;}
			.menu > li.sfHover > a .right, .menu > li > a:hover .right, .menu > li.current > a .right{background-position: right top;}
				.menu > li.sfHover > a .tail, .menu > li > a:hover .tail, .menu > li.current > a .tail{background-position: center top;}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:143px; 
	display:none;
	padding:20px 0 18px;
	background:#414141;
	z-index:99;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.menu li li{
	width:100%;
	padding:0;
	position:relative;
}
	.menu li li a{
		display:block;
		color:#fff;
		padding:8px 11px;
	}
		.menu li li > a:hover,.menu li li.sfHover > a{background-color:#202020; text-decoration:none;}
.menu li:hover ul, .menu li.sfHover ul {left:-2px; top:107px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
/***subsubmenu***/
.menu li li:hover ul, .menu li li.sfHover ul {left:148px; top:-20px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

/* Design for a width of 768px */
@media only screen and (max-width: 995px){
	nav{right:10px;}
	.menu ul .menu-arrow{display:inline-block; width:7px; height:4px; overflow:hidden; margin-left:5px; vertical-align:2px; text-indent:-999em; background:url(../images/submenu-arrow.gif) center top no-repeat;}
}

/* Design for a width of 320 and 480px*/
@media only screen and (max-width: 767px) {
	#menu-icon{display:block; font:11px/14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; background:url(../images/menu-left.png) left top no-repeat; padding:0 0 0 5px; margin:0; cursor:pointer; height:105px; overflow:hidden;}
		#menu-icon .right{display:block; padding-right:5px; background:url(../images/menu-right.png) right top no-repeat;}
			#menu-icon .tail{display:block; padding:74px 10px 18px; background:url(../images/menu-tail.gif) center top repeat-x;}
	/*menu*/
	.menu{display:none; position:absolute; top:107px; right:0; width:143px; padding:20px 0 18px; background:#414141; z-index:99; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
	.menu > li {position:relative; float:none; background:none; width:100%; padding:0;}
	.menu > li > a {display:block; color:#fff; padding:8px 11px; background:none; height:auto;}
		.menu > li > a .right{display:inline; padding-right:0; background:none;}
			.menu > li > a .tail{display:inline; padding:0; background:none;}
		.menu > li.sfHover > a, .menu > li > a:hover, .menu > li.current > a {background-color:#202020;}
	.menu .menu-arrow{display:inline-block; width:7px; height:4px; overflow:hidden; margin-left:4px; margin-top:5px; text-indent:-999em; font-size:0; line-height:0; background:url(../images/submenu-arrow.gif) center top no-repeat;}
	/***submenu***/
	.menu ul {top:-20px; right:148px;}
	.menu li:hover ul, .menu li.sfHover ul {left:auto; top:-20px; right:148px;}
	.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
	/***subsubmenu***/
	.menu ul ul {position:static; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; width:123px; padding:20px 10px 18px;}
}
@media only screen and (min-width: 768px) {.menu {display:block !important;}}