/*
New Full CSS Navigation By Nicolas Wegener of Wegener Consulting Group, Copyright (C) 2012
*/

/* Start Navigation */
#nav {
	height: 24px;
	background-color: white;
	width: 980px;
	margin: 0 auto;
		
	/* border-top: 1px solid #CCC;*/
	border-bottom: 1px solid #CCC;
}
#nav ul {
	list-style:none;
	/*border-right: 1px solid #CCC;*/
	white-space: nowrap;
	margin:0;
	padding:0;
}
#nav ul li, .top-nav{
	font-weight: normal;
	border-left: 1px solid #CCC;
	font-family: Georgia;
	font-size: 11px;
	line-height: 24px;
	width: 11%;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: normal;
	text-transform:uppercase;
	text-align:center;
	position:relative;
	margin:0;
	padding:0;
	cursor:pointer;

	display: inline-block;
	*display: inline;
	z-index:60;
	zoom: 1;
}
#nav ul li:hover{
	background:#E1E1E1;
}
	
#nav ul li > div, .nav-menu {
	display:none;
	background:#E1E1E1;
	position:absolute !important;
	top:24px;
	left:-1px;
	white-space: nowrap;

	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	z-index:99 !important;
}
	
#nav ul li > div > ul, .main-navigation {
	border:none;
	padding-top:5px;
	padding-left:5px;
	vertical-align:top;
		
	display:inline-block;
	*display: inline;
	zoom: 1;
}
	
#nav ul li > div > span,  .nav-image {
	display:inline-block;
	padding:10px;
}
	
	
#nav ul li > div > span img, .nav-image img {
	border: none;
}
#nav ul li > div > span img:hover, .nav-image img:hover {
	/* fade the image on hover */
	opacity: 0.5;
	filter: alpha(opacity=50);
}
	
#nav ul li > div > ul > li, .nav-menu-left, .nav-menu-left li{
	display: block;
	width: auto;
	border: none;
	text-align:left;
	line-height:18px;
	padding-left:5px;
	padding-right:10px;
}
#nav ul li > div > ul > li:last-child{
	padding-bottom:5px;
}
	
#nav ul li > div > ul > li > a, .nav-menu-left li a{
	color: #000;
	text-decoration:none;
	text-transform:none;
}
#nav ul li > div > ul > li > a:hover, .nav-menu-left li a:hover{
	color: #999;
	background-color: #FC0;
}
	
/*
 * Show Menu on hover
 */
#nav ul li:hover > div, .top-nav:hover .nav-menu {
	display:block;
}