#navigation {
	margin:0;
	padding: 0;
	clear:both;
	width:950px;
	height:51px;
	background: #d6eaf8 url(images/dropdown-bg.gif) repeat-x left top;
}


ul.nav-main,
ul.nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
}


ul.nav-main {
	position: relative;
	z-index: 597;
}

ul.nav-main li:hover > ul {
	visibility: visible;
}


ul.nav-main li.hover,
ul.nav-main li:hover {
	position: relative;
	z-index: 899;
	cursor: pointer;
	background: url(images/dropdown-bg-hover.gif) repeat-x left top;
}



ul.nav-main li {
	float:left;
	display:block;
	height: 51px;
	color: #ddd;
	background: url(images/separator.gif) no-repeat right center;
}

ul.nav-main li a {
	display: block;
	padding: 16px 16px 0 16px;
	height: 51px;
	color: #ddd;
	text-decoration:none;
}

ul.nav-main li a:hover {
	color:#fff;
}



ul.nav-main *.list {
	padding-right: 22px;
	background: url(images/navigation-arrow.gif) no-repeat right top;
}



ul.nav-sub {
	visibility: hidden;
	position: absolute;
	padding:10px;
	top: 48px;
	left: 0;
	z-index: 598;
	background: #353535 url(images/dropdown-list-bg.gif) repeat-x left top;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}


ul.nav-sub li {
	list-style:none;
	display:block;
	padding: 0;
	height: 35px;
	float: none;
	width:145px;
	border-bottom: 1px solid #5a5a5a;
	background: none;
}

ul.nav-sub li a {
	list-style:none;
	display:block;
	padding: 6px 5px 6px 5px;
	height: 15px;
	float: none;
	width:145px;
	background: none;
}

ul.list1, ul.list1 li, ul.list2, ul.list2 li, ul.list3, ul.list3 li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
ul.list1 li a, ul.list2 li a, ul.list3 li a {
	margin: -5px 0 0;
}
	
ul.list1 li a, ul.list2 li a, ul.list3 li a {
	padding: 15px 0 0;
}
	
ul.list1 li a, ul.list2 li a, ul.list3 li a {
	display:block;
	height: 45px;
	color: #fff;
	text-decoration:none;
}		

ul.list1 li a {background: url(images/back2a.gif) repeat-x center;}
ul.list2 li a {background: url(images/back1a.gif) repeat-x center;}
ul.list3 li a {background: url(images/back3a.gif) repeat-x center;}

ul.list1 li a:hover, ul.list2 li a:hover, ul.list3 li a:hover {
	color:#fff;
	text-decoration:none;
}
	
ul.list1 li a:hover {background: url(images/back2b.gif) repeat-x center;}
ul.list2 li a:hover {background: url(images/back1b.gif) repeat-x center;}
ul.list3 li a:hover {background: url(images/back3b.gif) repeat-x center;}