nav{
	width:100%;
	background: #fff;
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
}
.menu > li {
	position:relative;
	float:left;
	font:normal 15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
	border-right:2px solid #fff;
	width:132px;
}
	.menu > li:first-child{width:134px;}
	.menu > li.last-item{width:134px; border-right:none;}
	.menu > li > a {
		display:block;
		color:#fff;
		background:url(../images/menu-tail.gif) center top repeat-x #1e1e1e;
		padding:23px 0 22px;
		overflow:hidden;
	}
	.menu > li:first-child a{border-radius:14px 0 0 14px; -moz-border-radius:14px 0 0 14px; -webkit-border-radius:14px 0 0 14px;}
	.menu > li.last-item a{border-radius:0 14px 14px 0; -moz-border-radius:0 14px 14px 0; -webkit-border-radius:0 14px 14px 0;}
		.menu > li.sfHover > a,.menu > li > a:hover, .menu > li.current > a {
	text-decoration: none;
	background-position: center -89px;
	background-color: #344A02;
}
	.menu-arrow{display:none;}

/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	z-index:99;
	width:132px; 
	display:none;
	padding:22px 0;
	background: url(../images/submenu-tail.gif) center top repeat-x #2eb5bd;
	border-radius:0 0 14px 14px;
	-moz-border-radius:0 0 14px 14px;
	-webkit-border-radius:0 0 14px 14px;
}
.menu li li{
	width:100%;
	padding-bottom:8px;
	margin-bottom:6px;
	position:relative;
	background:url(../images/submenu-separator.gif) center bottom no-repeat;
	font:normal 15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
	.menu li li.last-item{background:none; padding-bottom:0;}
	.menu li li a{color:#fff;}
		.menu li li > a:hover,.menu li li.sfHover > a{color:#212121; text-decoration:none;}
.menu li:hover ul, .menu li.sfHover ul {left:0px; top:65px;}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {top:-999em;}

/***subsubmenu***/
.menu ul ul{border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px; background:#212121;}
	.menu ul ul li{background-image:url(../images/subsubmenu-separator.gif);}
	.menu ul ul li.last-item{background:none;}
	.menu ul ul a:hover{color:#2eb5bd;}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {left:134px; top:-22px;}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {top:-999em;}

/* Design for a width of 768px */
@media only screen and (max-width: 995px){
	.menu > li {width:105px;}
	.menu > li:first-child{width:105px;}
	.menu > li.last-item{width:106px;}
	.menu-arrow{display:inline-block; margin-left:5px;}
	/***submenu***/
	.menu ul{width:105px;}
	.menu li li{font-size:14px; line-height:17px;}
	/***subsubmenu***/
	ul.menu li li:hover ul, ul.menu li li.sfHover ul {left:107px;}
}

/* Design for a width of 320 and 480px*/
@media only screen and (max-width: 767px) {
	nav{overflow:hidden; padding-bottom:2px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	.menu > li {float:none; border-right:none; margin-bottom:2px; width:auto !important;}
	.menu > li > a {padding:23px 20px 22px;}
	.menu > li:first-child a, .menu > li.last-item a{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	/***submenu***/
	.menu ul {position:static; width:auto; padding:25px 20px;}
	.menu li li{font-size:15px; line-height:18px; padding-bottom: 10px; margin-bottom:8px;}
	/***subsubmenu***/
	.menu ul ul{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none; padding:15px 20px 0;}
	.menu ul ul li{background:none; text-transform:lowercase; padding-bottom:0; margin-bottom:10px;}
	.menu ul ul a:hover{color:#212121;}
}