/* CSS Document */

#sub-menu {
	position:relative;
	z-index:1;
	padding:10px 20px;
}

#sub-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 230px; /* Width of Menu Items */
}

#sub-menu ul ul {
	width: 690px; /* Width of Menu Items */
}

#sub-menu ul li {
	position: relative;
	background: transparent url('images/mask.png') repeat bottom;
	height:30px;
	line-height:30px;
}
	
#sub-menu li ul {
	position: absolute;
	left: 229px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Styles for Menu Items */
#sub-menu ul li a {
	display: block;
	text-transform:uppercase;
	padding:0 10px;
	color:#FFF;
}

/* Fix IE. Hide from IE Mac \*/
* html #sub-menu ul li { float: left; height: 1%; }
* html #sub-menu ul li a { height: 1%; }
/* End */

#sub-menu ul li a:hover { 
	background: transparent url('images/mask_active.png') repeat;
	text-decoration:none;
	color:#FFF;
} /* Hover Styles */
		
#sub-menu li ul li a { 
	padding:0 10px;
} /* Sub Menu Styles */
		
#sub-menu li:hover ul, 
#sub-menu li.over ul { 
	display: block; 
} /* The magic */