ul.menu {list-style:none; margin:0; padding:0;width:100%;display:table;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#FFF; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu > li {
	display:table-cell;
	vertical-align:middle;
	float:none !important
}
ul.menu ul {position:absolute; top:48px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative;border-bottom:1px solid #FFF; width:100%; margin:0}
ul.menu ul li a {display:block; padding:7px 7px 8px; background-color:#E1E1E1; width:100%; box-sizing:border-box;color:#222; text-shadow:none;}
ul.menu ul li a:hover {background-color:#D1D1D1; }
ul.menu ul ul {left:106px; top:-1px}
ul.menu li.menulink {
	border-right:1px solid rgba(255,255,255,0.4);
	padding:14px 7px; 
	font-size:16px; 
	font-weight:300; 
	text-align:center; 
	text-shadow:0 1px 0 rgba(0,0,0,0.3);
	text-transform: uppercase;
}
ul.menu li:last-child.menulink {
	border-right:0px solid #FFF;
}
ul.menu li.menulink:hover, ul.menu li.menuhover {background-color:#222;}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 100px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

@media screen and (max-width: 800px) {
	ul.menu li.menulink {
		display:none;
	}
	ul.menu li.menulink,
	ul.menu li.menulink:first-child {
		border:none;
		border-bottom:1px solid #FFF;
		width:100%;
		text-align:center;
		float:none;
		box-sizing:border-box;
	}
}