/* menu styling */
.menu {
	font-family: 'PTSansBold', Arial, sans-serif; 
	text-transform:uppercase;
	width:950px; 
	height:58px; 
	position:relative; 
	margin:0 5px;
	font-size:11px; 
	z-index:100;
	background: #fafafa; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#d9d9d9'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#d9d9d9)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fafafa,  #d9d9d9); /* for firefox 3.6+ */
}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#515050;
	height:39px; 
	padding:19px 13px 0 13px;
	text-align:center; 
	border-right:1px solid #fdfdfd; 
	line-height:20px; 
	font-size:14px; 
	overflow:hidden;
}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#ef6d1d;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}