nav{float:left;}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font:bold 20px/24px Arial, Helvetica, sans-serif;
	text-align:center;
	width:225px;
	padding-top:33px;
}
	.menu > li > a {
		display:block;
		padding:34px 0;
		color:#fff;
		text-decoration:none;
	}
	.menu > li > a.bg-color1{background-color:#ffcb00;}
	.menu > li > a.bg-color2{background-color:#489935;}
	.menu > li > a.bg-color3{background-color:#00b5e4;}
	.menu > li > a.bg-color4{background-color:#ea485b;}
	.menu > li > a.bg-color5{background-color:#a45bb6;}
	.menu > li > a.bg-color6{background-color:#48394b;}
		.menu > li.sfHover > a, .menu > li.current > a {text-decoration:none; padding:50px 0 51px !important; margin-top:-33px !important;}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:141px; 
	display:none;
	padding:27px 10px 31px 33px;
	background:#5b5a5a;
	z-index:999;
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:3px;
	position:relative;
	font:normal 17px/21px Arial, Helvetica, sans-serif;
	text-align:left;
}
	.menu li li a{color:#9d9b9b; 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:0; top:125px;}

@media only screen and (max-width: 995px){
	.menu > li {width:94px; font-size:17px;}
	.menu > li > a .menu-arrow{display:block; width:100%; height:5px; overflow:hidden; text-indent:-100%; font-size:0; line-height:0; background:url(../images/menu-arrow.gif) center top no-repeat; position:absolute; left:0; bottom:23px;}
		.menu > li.sfHover > a .menu-arrow, .menu > li.current > a .menu-arrow{bottom:40px !important;}
}

@media only screen and (max-width: 767px) {
	nav{
		width:auto;
		float:none;
		font-size:0;
		line-height:0;
		background:#ffcb00;
		padding:22px 20px;
	}
		nav:before{
			content:'Menu:';
			display:inline-block;
			font:bold 20px/24px Arial, Helvetica, sans-serif;
			color:#fff;
			margin-bottom:5px;
			width:75px;
		}

	.menu{display:none;}
	nav select{
		width:345px;
		font:normal 17px/21px Arial, Helvetica, sans-serif;
		border:1px solid #ccc;
	}
}

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