header .border-top{background:url(../images/nav-border.gif) 0 top repeat-x; padding-top:2px;}
nav{background:url(../images/menu-separator.png) 0 top repeat-y; padding-left:2px;}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font:14px/18px Arial, Helvetica, sans-serif;
	text-shadow:0 1px 0 #000;
	text-align:center;
	padding-right:2px;
	background:url(../images/menu-separator.png) right top repeat-y;
	width:184px;
}
	.menu > li.last-item{width:186px;}
	.menu > li > a {
		display:block;
		color:#fff;
		text-decoration:none;
		background:url(../images/menu-tail.jpg) center -999em repeat-x;
		padding:30px 20px 36px;
	}
		.menu > li.sfHover > a, .menu > li > a:hover, .menu > li.current > a {text-decoration:none; background-position:center bottom; background-color:#242424;}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:158px; 
	display:none;
	padding:22px 0 28px;
	background:#1f1f1f;
	z-index:99;
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:4px;
	position:relative;
	font:13px/16px Arial, Helvetica, sans-serif;
	text-align:left;
}
	.menu li li a{
		display:block;
		color:#6c6c6c;
		text-decoration:none;
		background:transparent;
		border:1px solid transparent;
		padding:8px 19px 9px;
	}
		.menu li li > a:hover,.menu li li.sfHover > a{
			color:#fffefe;
			text-decoration:none;
			border-color:#1a1a1a #202020 #222;
			background-color:#2d2d2d;
		}
.menu li:hover ul, .menu li.sfHover ul {left:-1px; top:85px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
/***subsubmenu***/
.menu ul ul{background-color:#2d2d2d;}
	.menu ul ul li > a:hover{
		color:#fff;
		text-decoration:none;
		border-color:#141414 #181818 #1b1b1b;
		background-color:#232323;
	}
.menu li li:hover ul, .menu li li.sfHover ul {left:159px; top:-22px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

@media only screen and (max-width: 995px){
	.menu > li {width:122px;}
	.menu > li.last-item{width:124px;}
	.menu .menu-arrow{display:inline;}
}

@media only screen and (max-width: 767px) {
	nav{background:url(../images/menu-tail.jpg) center bottom repeat-x #242424; padding:20px 20px 30px; border-right:1px solid #3b3b3b; border-left:1px solid #3b3b3b;}
	nav:before{display:block; content:'Menu:'; font:14px/18px Arial, Helvetica, sans-serif; text-shadow:0 1px 0 #000; color:#828282; margin-bottom:5px;}
	nav .menu{display:none;}
	nav select{width:100%;}
}