nav{
	float:right;
	padding-top:46px;
	padding-right:6px;
}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font:14px/17px 'Ubuntu', sans-serif;
	text-transform:uppercase;
	margin-right:22px;
}
	.menu > li > a {
		display:block;
		padding:0 4px 6px;
		color:#616161;
		text-shadow:1px 1px 0px #fff;
		text-decoration:none;
		border-bottom:3px solid transparent;
	}
		.menu > li.sfHover > a, .menu > li > a:hover, .menu > li.current > a {text-decoration:none; color:#ff5b23; border-color:#000;}
	.menu > li > a .menu-arrow{
		display:block;
		width:100%;
		height:3px;
		overflow:hidden;
		background:url(../images/menu-arrow.gif) center top no-repeat;
		position:absolute;
		bottom:1px;
		left:1px;
		font-size:0;
		line-height:0;
		text-indent:-100%;
	}
		.menu > li.sfHover > a .menu-arrow, .menu > li > a:hover .menu-arrow, .menu > li.current > a .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	min-width:74px; 
	display:none;
	padding:32px 26px 32px;
	background:#ff5b23;
	border-radius:5px;
	box-shadow:1px 1px 1px #aeaba8;
	z-index:999;
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:19px;
	position:relative;
	font:12px/15px 'Ubuntu', sans-serif;
}
	.menu li li a{color:#fff;}
		.menu li li > a:hover,.menu li li.sfHover > a{text-decoration:underline;}
.menu li:hover ul, .menu li.sfHover ul {left:-33px; top:35px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
.menu ul .menu-arrow{display:none;}
/***subsubmenu***/
.menu ul ul{
	background:#303030;
	width:auto;
	overflow:hidden;
	padding:7px 23px 7px 29px;
	white-space:nowrap;
}
	.menu ul ul li{display:inline-block; margin-bottom:0; margin-right:21px; width:auto;}
		.menu ul ul li a{color:#818080;}
			.menu ul ul li a:hover{text-decoration:none; color:#fff;}
.menu li li:hover ul, .menu li li.sfHover ul {left:101px; top:-8px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

@media only screen and (max-width: 995px){
	nav{padding-right:0;}
	.menu > li {margin-right:15px;}
	.menu ul .menu-arrow{display:inline;}
}

@media only screen and (max-width: 767px) {
	nav{
		float:none;
		background:#ff5b23;
		border-radius:5px;
		box-shadow:0 1px 2px #b6b6b6;
		-webkit-box-shadow:0 1px 2px #b6b6b6;
		padding:11px 20px 8px;
		font:400 14px/17px 'Ubuntu', sans-serif;
		color:#fff;
	}
		nav:before{
			content:'Menu:';
			display:inline-block;
			width:60px;
			text-transform:uppercase;
			margin-bottom:5px;
		}
	.menu{display:none;}
	nav select{width:320px; border:1px solid #d4d0c8;}
}

@media only screen and (max-width: 479px){
	nav select{width:200px;}
}