﻿/* PRIMARY NAVIGATION */

div.MainNavHolder {
	position: relative;
	float: left;
	width: 629px;
	height: 126px;
}

/* The first level list items - allows nested lists to be positioned absolute */
div.MainNavHolder li {
	position: absolute;
}

/* Set general properties for links and list items */
div.MainNavHolder li,
div.MainNavHolder a {
	display: block;
	color: #222e40;
	text-decoration: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* Set background images, positioning, and general styles for each first level list item and their nested lists */

/* About Us */
li.MainNav_AboutUs {
	top: 76px;
	left: 0;
	z-index: 50;
	height: 41px;
	width: 138px;
	cursor: pointer;
	background-image: url(../Images/MainNav_AboutUs.gif);
}

*html li.MainNav_AboutUs {
	background-image: url(../Images/MainNav_AboutUs_IE6.gif);
}

li.MainNav_AboutUs a {
	height: 41px;
	width: 138px;
	background-image: url(../Images/MainNav_AboutUs.gif);
}

*html li.MainNav_AboutUs a {
	background-image: url(../Images/MainNav_AboutUs_IE6.gif);
}

div.MainNavHolder li.MainNav_AboutUs:hover a.active {
	background-position: 0 -41px;
	z-index: 75;
}

/* Investment Philosophy */
li.MainNav_InvestmentPhilosophy {
	top: 76px;
	left: 138px;
	z-index: 50;
	height: 41px;
	width: 226px;
	cursor: pointer;
	background-image: url(../Images/MainNav_InvestmentPhilosophy.gif);
}

li.MainNav_InvestmentPhilosophy a {
	height: 41px;
	width: 226px;
	background-image: url(../Images/MainNav_InvestmentPhilosophy.gif);
}

/* Our Team */
li.MainNav_OurTeam {
	top: 76px;
	left: 372px;
	z-index: 50;
	height: 41px;
	width: 121px;
	cursor: pointer;
	background-image: url(../Images/MainNav_OurTeam.gif);
}

li.MainNav_OurTeam a {
	height: 41px;
	width: 121px;
	background-image: url(../Images/MainNav_OurTeam.gif);
}

/* Investments */
li.MainNav_Investments {
	top: 76px;
	left: 493px;
	z-index: 50;
	height: 41px;
	width: 136px;
	cursor: pointer;
	background-image: url(../Images/MainNav_Investments.gif);
}

li.MainNav_Investments a {
	height: 41px;
	width: 136px;
	background-image: url(../Images/MainNav_Investments.gif);
}

*html li.MainNav_Investments {
	top: 76px;
	left: 493px;
	z-index: 50;
	height: 41px;
	width: 136px;
	cursor: pointer;
	background-image: url(../Images/MainNav_Investments_IE6.gif);
}

*html li.MainNav_Investments a {
	height: 41px;
	width: 136px;
	background-image: url(../Images/MainNav_Investments_IE6.gif);
}

div.MainNavHolder li.MainNav_Investments:hover a.active {
	background-position: 0 -41px;
	z-index: 75;
}

div.MainNavHolder li.over a.active {
	background-position: 0 -41px;
	z-index: 75;
}

/* Hide text inside */
div.MainNavHolder a span {
	display: none;
}

/* Set the background position for the the first level list items on hover 
NOTE: class="over" is added to the list items by the javascript function "showPrimaryNavList" to compensate for the fact that IE6 does not recognize the pseudo class :hover on li tags */
div.MainNavHolder li.over,
div.MainNavHolder li:hover,
div.MainNavHolder li.over a,
div.MainNavHolder li:hover a {
	background-position: 0 -41px;
	z-index: 75;
}

div.MainNavHolder li a.active {
	background-position: 0 -82px;
}

/* Set general properties on nested lists and hide them until you hover over the first level list items */
div.MainNavHolder li ul {
	display: none;
}

/* Unhide nested lists when you hover over the first level list items */
div.MainNavHolder li:hover ul,
div.MainNavHolder li.over ul {
	display: block;
	position: absolute;
	top: 35px;
	padding: 0 0px 14px 0px;
	z-index: 100;
}

/* About Us */
div.MainNavHolder li.MainNav_AboutUs:hover ul,
div.MainNavHolder li.over ul {
	left: 1px;
	width: 137px;
	background: url(../Images/MainNav_AboutUs_BG_Bottom.png) no-repeat bottom;
}

*html div.MainNavHolder li.over ul.L3List_AboutUs {
	left: 6px;
	width: 125px;
	border-right: 1px solid #d0d2d4;
	border-bottom: 1px solid #d0d2d4;
	border-left: 1px solid #d0d2d4;
	background: #f5f5f5;
}

/* Investments */
div.MainNavHolder li.MainNav_Investments:hover ul,
div.MainNavHolder li.over ul {
	left: 0px;
	width: 136px;
	background: url(../Images/MainNav_Investments_BG_Bottom.png) no-repeat bottom;
}

*html div.MainNavHolder li.over ul.L3List_Investments {
	left: 6px;
	width: 122px;
	border-right: 1px solid #d0d2d4;
	border-bottom: 1px solid #d0d2d4;
	border-left: 1px solid #d0d2d4;
	background: #f5f5f5;
}

/* Override the float on nested list items which is inherited from the first level list items */
div.MainNavHolder li ul li {
	position: relative;
	clear: left;
}

/* About Us */
div.MainNavHolder li.MainNav_AboutUs ul li {
	width: 123px;
	padding: 0px 7px;
	background: url(../Images/MainNav_AboutUs_BG_LI.png) repeat-y 0 0;
}

*html div.MainNavHolder li.MainNav_AboutUs ul li {
	width: 123px;
	padding: 0px 1px;
	background: ;
}

/* Investments */
div.MainNavHolder li.MainNav_Investments ul li {
	width: 120px;
	padding: 0px 8px;
	background: url(../Images/MainNav_Investments_BG_LI.png) repeat-y 0 0;
}

*html div.MainNavHolder li.MainNav_Investments ul li {
	width: 120px;
	padding: 0px 1px;
	background: ;
}

div.MainNavHolder li ul li.TopListItem {
	padding-top: 9px;
}

*html div.MainNavHolder li ul li.TopListItem {
	padding-top: 9px;
}

/* About Us */
div.MainNavHolder li.MainNav_AboutUs ul li.TopListItem {
	background: url(../Images/MainNav_AboutUs_BG_Top.png) no-repeat 0 0;
}

*html div.MainNavHolder li.MainNav_AboutUs ul li.TopListItem {
	background: ;
}

/* Investments */
div.MainNavHolder li.MainNav_Investments ul li.TopListItem {
	background: url(../Images/MainNav_Investments_BG_Top.png) no-repeat 0 0;
}

*html div.MainNavHolder li.MainNav_Investments ul li.TopListItem {
	background: ;
}

/* Set Properties on the links in the second level lists */
div.MainNavHolder li ul li a {
	height: auto;
	background: none;
}

div.MainNavHolder li.MainNav_AboutUs ul li a {
	width: 90px;
	padding: 4px 5px 4px 28px;
}

*html div.MainNavHolder li.MainNav_AboutUs ul li a {
	width: 92px;
	padding: 4px 5px 4px 26px;
}

div.MainNavHolder li.MainNav_Investments ul li a {
	width: 102px;
	padding: 4px 5px 4px 13px;
}

*html div.MainNavHolder li.MainNav_Investments ul li a {
	width: 102px;
	padding: 4px 5px 4px 13px;
}

/* Set Properties of the hover on links in the second level lists */
div.MainNavHolder li ul li a:hover,
div.MainNavHolder li ul li:hover a {
	color: #fff;
	background: #4674a8;
	text-decoration: none;
}
