nav{
	position: relative;
	float:left;
	margin-top:-3px;
}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font:400 16px/20px 'Open Sans', sans-serif;
	text-transform:uppercase;
	border-radius:5px 5px 12px 12px;
	background:url(../images/menu-tail.gif) center -999em repeat-x;
}
	.menu > li:hover, .menu > li.sfHover, .menu > li.current{background-position:center top; background-color:#00adfe;}
	.menu > li > a {
		display:block;
		padding:57px 19px 46px;
		color:#797979;
		text-decoration:none;
	}
		.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {text-decoration:none; color:#fff;}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:124px; 
	display:none;
	padding:28px 10px 27px 19px;
	background:url(../images/submenu-tail.gif) center top repeat-x #343f4e;
	z-index:999;
	border-radius:0 10px 10px 10px;
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:26px;
	position:relative;
	font:11px/14px Arial, Helvetica, sans-serif;
}
	.menu li li a{
		color:#aeb2b8;
		text-decoration:none;
	}
		.menu li li > a:hover,.menu li li.sfHover > a{
			color:#fff;
			text-decoration:none;
		}
.menu li:hover ul, .menu li.sfHover ul {left:114px; top:33px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}


@media only screen and (max-width: 995px){
	.menu > li > a {padding:57px 10px 46px;}
	.menu > li > a .menu-arrow{display:inline;}
	.menu li:hover ul, .menu li.sfHover ul {left:105px;}
}

@media only screen and (max-width: 767px) {
	nav{
		background:#00adfe;
		border-radius:5px 5px 12px 12px;
		padding:55px 15px 40px;
		position:static;
	}
	nav:before{
		content:'Menu:';
		display:inline-block;
		font:400 16px/20px 'Open Sans', sans-serif;
		text-transform:uppercase;
		color:#fff;
		margin-right:10px;
	}
	.menu{display:none;}
	nav select{width:220px;}
}

@media only screen and (max-width: 479px){
	nav:before{display:block; padding-bottom:3px;}
	nav{padding:32px 10px 40px;}
	nav select{width:170px;}
}