/*

*************************************************



file : horizontal.css

client : Webfirm

author : Karl Brightman

date created : 9th May 2007



Modified for Oceanic Asset Management

by Guy Lillico.



*************************************************

*/



#nav, #nav ul {

	/* applied to all lists in navigation */

	list-style: none; /* hide bullet points */

	margin: 0;

	padding: 0px;

	text-align: left;

	position: relative;

}



#nav li {

	/* applied to all list items in nav */

	float : left;

	line-height : 1.25em;

	margin-bottom : -1px; /* collapse borders */

	margin-right: 5px;

	position : relative; /* required - used to position subs */

}



#nav li ul {

	/* second level subs */

	left: -9999em;

	position : absolute; /* required - positions subs in parent list item */

	top: 30px;

}



#nav li a {

	display : block;

	height: 30px;

	overflow: hidden;

	text-decoration : none;

	text-indent: -999px;

}	



#nav li a:hover { background-position: 0 -30px !important;}	



#nav li ul {

	left: -9999em;

	margin-left: 11px;

	position : absolute; /* required - positions subs in parent list item */

}



#nav li ul.moved {

	left: -9999em;

	margin-left: 19px;

	position : absolute; /* required - positions subs in parent list item */

}



#nav li ul, #nav li ul li {

	display: block;

	width: 200px;

}



#nav li ul a {

	background-color : #0077b9;

	border : 1px solid #4594c0;

	color : #ffffff;

	display : block;

	font-size: 11px;

	height: auto;

	text-decoration : none;

	text-indent: 0;

	padding : 5px 10px;

	width: 180px; /* set to base width minus padding (example: 200px - 10px -10px = 180px) */

}



#nav li ul li ul {

  left: 0;

  margin-left: 201px;

  position: absolute;

  top: 0;

}





/* images */

#nav-home { background: url('../images/nav/nav-home.gif') no-repeat 0 0; width: 71px; height: 30px; }

#nav-about { background: url('../images/nav/nav-about.gif') no-repeat 0 0; width: 101px; height: 30px; }

#nav-funds { background: url('../images/nav/nav-funds.gif') no-repeat 0 0; width: 76px; height: 30px; }

#nav-performance { background: url('../images/nav/nav-performance.gif') no-repeat 0 0; width: 133px; height: 30px; }

#nav-news { background: url('../images/nav/nav-news.gif') no-repeat 0 0; width: 114px; height: 30px; }

#nav-reports { background: url('../images/nav/nav-reports.gif') no-repeat 0 0; width: 97px; height: 30px; }

#nav-contact { background: url('../images/nav/nav-contact.gif') no-repeat 0 0; width: 88px; height: 30px; }

#nav ul a:hover { background-color: #E1F2FF; color: #333333; }



/* hide subs on current list */

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -9999em;

}



/* show subs on hover */

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}









/*

*************************************************



CTA Styles



*************************************************

*/



#cta-list, #cta-list ul {

	/* applied to all lists in navigation */

	list-style: none; /* hide bullet points */

	margin: 0;

	padding: 0px;

	text-align: left;

	position: relative;

	left: 10px;

	top: 2px;

}



#cta-list li {

	/* applied to all list items in nav */

	float : left;

	margin-bottom : -1px; /* collapse borders */

	margin-right: -1px;

	position : relative; /* required - used to position subs */

	cursor: pointer;

	margin-right: 4px;

}



#cta-list li a {

	display : block;

	text-decoration : none;

	text-indent: -9999px;

	cursor: pointer;

	height: 62px

}



/* images */

#cta-report { background: url('../images/core/cta-report.jpg') no-repeat 0 0; width: 216px; height: 62px; }

#cta-report:hover { background: url('../images/core/cta-report-r.jpg') no-repeat 0 0; }



#cta-review { background: url('../images/core/cta-review.jpg') no-repeat 0 0; width: 208px; height: 62px; }

#cta-review:hover { background: url('../images/core/cta-review-r.jpg') no-repeat 0 0; }



#cta-facts { background: url('../images/core/cta-facts.jpg') no-repeat 0 0; width: 173px; height: 62px; }

#cta-facts:hover { background: url('../images/core/cta-facts-r.jpg') no-repeat 0 0; } 



#cta-prospectus { background: url('../images/core/cta-prospectus.jpg') no-repeat 0 0; width: 321px; height: 62px; }

#cta-prospectus:hover { background: url('../images/core/cta-prospectus-r.jpg') no-repeat 0 0; }