#navigation {
	width: 800px;
}

#navigation li {
	list-style: none;
	float: left;
}

#navigation a {
	display: block;
	text-indent: -999em;
	outline: none;
}

#navigation .home {
	/* Set initial width from left margin */
	margin: 0 0 0 200px;
	width: 55px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) 0 0;
}

#navigation .home:hover, #navigation .home-over {
	margin: 0 0 0 200px;
	width: 55px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) 0 -34px;
}

#navigation .about-us {
	width: 78px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) -55px 0;
}

#navigation .about-us:hover, #navigation .about-us-over {
	width: 78px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) -55px -34px;
}

#navigation .faq {
	width: 41px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) -133px 0;
}

#navigation .faq:hover, #navigation .faq-over {
	width: 41px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) -133px -34px;
}

#navigation .contactus {
	width: 95px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) -174px 0;
}

#navigation .contactus:hover, #navigation .contactus-over {
	width: 95px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) -174px -34px;
}

#navigation .clientcenter {
	width: 107px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) -269px 0;
}

#navigation .clientcenter:hover, #navigation .clientcenter-over {
	width: 107px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) -269px -34px;
}

#navigation .wealth-management {
	width: 210px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) -376px 0;
}

#navigation .wealth-management:hover, #navigation .wealth-management-over {
	width: 210px;
	height: 34px;
	background: url(/assets/images/framework/navigation_main.gif) -376px -34px;
}


/* Subnavigation */
#navigation li ul {
	position: absolute;
	top: auto;
	left: -999em;
	display: block;
	z-index: 10;
}

#navigation li:hover ul, #navigation li.sfHover ul {
	left: auto;
	width: 150px;
}

#navigation li:hover li, #navigation li.sfHover li {
	margin: 0; padding: 0;
	display: block !important;
	display: inline; /*For IE*/
}

#navigation li li a {
	padding: 5px 5px;
	width: 150px;
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font: 9pt arial, sans-serif;
	color: #ffffff;
	text-indent: 0;
	text-decoration: none;
	text-transform: uppercase;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	background: url(/assets/images/framework/bg_navigation.png);
}

#navigation li li a:hover, #navigation li li a.sfHover {
	color: #333333;
	border: 1px solid #cccccc;
	background: #f5e5be;
}