nav{width: 960px;margin: auto;}
.menu {list-style:none;}
.menu > li {
	position:relative;
	float:left;
	font:700 14px/17px 'Droid Sans', sans-serif;
	text-transform:uppercase;
	background:url(../images/menu-separator.gif) right bottom no-repeat;
	padding-right:2px;
}
	.menu > li > a {
		display:inline-block;
		padding:21px 29px 20px;
		color:#9c9c9c;
		text-shadow:1px 1px 0px #fff;
		background:url(../images/menu-tail.jpg) 0 -999em no-repeat;
	}
		.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {
			background-position:0 0;
			background-repeat:repeat;
			text-decoration:none;
			color:#010101;
			text-shadow:1px 1px 3px rgba(189,189,189,0.77);
		}
	.menu .menu-arrow{display:none;}
/***submenu***/
.menu ul {
	position:absolute;
	top:-999em;
	width:169px; 
	display:none;
	padding:5px 6px 5px 5px;
	background:url(../images/submenu-tail.gif) center top repeat-x #f8f8f8;
	z-index:99;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0px 1px 6px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 6px rgba(0,0,0,0.1);
}
.menu li li{
	width:100%;
	padding:0;
	margin-bottom:5px;
	position:relative;
	font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:none;
	text-align:center;
}
	.menu li li a{
		display:block;
		height:35px;
		overflow:hidden;
		padding-left:3px;
		background:url(../images/submenu-item-left.jpg) right -999em no-repeat;
		color:#000;
	}
		.menu li li a .right{display:block; padding-right:3px; background:url(../images/submenu-item-right.jpg) right -999em no-repeat;}
			.menu li li a .tail{display:block; padding:10px 7px; background:url(../images/submenu-item-tail.jpg) center -999em repeat-x;}
		.menu li li > a:hover,.menu li li.sfHover > a{
			color:#fff;
			text-decoration:none;
			background-position:left top;
		}
			.menu li li > a:hover .right,.menu li li.sfHover > a .right{background-position:right top;}
			.menu li li > a:hover .tail,.menu li li.sfHover > a .tail{background-position:center top;}
.menu li:hover ul, .menu li.sfHover ul {left:-25px; top:59px;}
.menu li:hover li ul, .menu li.sfHover li ul {top:-999em;}
/***subsubmenu***/
.menu li li:hover ul, .menu li li.sfHover ul {left:177px; top:-5px;}
.menu li li:hover li ul, .menu li li.sfHover li ul {top:-999em;}

/* Design for a width of 768px */
@media only screen and (max-width: 995px){
/*	nav{max-width:734px;}
	.menu > li > a {padding:16px 15px}
	.menu > li > a .menu-arrow{display:inline-block; width:6px; height:6px; overflow:hidden; text-indent:-999em; background:url(../images/menu-arrow.png) center top no-repeat; margin-left:6px; vertical-align:1px;}
	.menu li:hover ul, .menu li.sfHover ul {top:50px;}*/
}

/* Design for a width of 480px*/
@media only screen and (max-width: 767px) {
	/*nav{float:none; padding-right:1px; max-width: 434px;}
	.menu > li {float:none; background:url(../images/menu-separator2.gif) center bottom repeat-x; padding-right:0; padding-bottom:2px;}
	.menu > li > a {display:block; padding:20px 20px 21px;}
	.menu .menu-arrow{display:block; background:url(../images/menu-arrow.png) center top no-repeat; position:absolute; top:26px; right:20px;}*/
	/***submenu***/
	/*.menu ul {position:static; width:auto; background-position: center bottom; background-color:#f8f8f8; padding:20px;}
	.menu li li{text-align:left;}
	.menu li li .menu-arrow{width:6px; height:6px; overflow:hidden; text-indent:-999em; background-image:url(../images/submenu-arrow.png); top:15px;}
		.menu li li > a:hover .menu-arrow, .menu li li.sfHover > a .menu-arrow{background-position:center -26px;}*/
	/***subsubmenu***/
	/*.menu ul ul{background:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow:none; padding-right:0;}*/
}
/* Design for a width of 320px */
@media only screen and (max-width: 479px){
}