/* CSS Document */

/* general body style */
html, body{
	padding: 0em;
	margin: 0em;
	line-height: 100%;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

/* contains and centers entire site */
#container{
	width: 100%;
}

/* website pages */
#page{
	width: 800px;
	height: 600px;
	margin: 1.0em auto 1.0em auto;
	border: 1px solid #cccccc;
	overflow: hidden;
	background-color: #ece7dd;
}

/* website header */
#header{
	width: 100%;
	height: 72px;
	padding: 0em;
	margin: 0em;
	background: url(images/headerBg.jpg) repeat-x;
}

/* content section */
#content{
	float: right;
	width: 679px;
	height: 407px;
	background-color: #ebe4cd;
	overflow: hidden;
	border-left: 6px solid white;
	border-bottom: 6px solid white;
	border-right: 6px solid white;
	padding: 0em;
	margin: 0em;
}

/* private advisors */
.privAdvisors{
	float: right;
	width: 679px;
	background-color: #ebe4cd;
	overflow: hidden;
	border-left: 6px solid white;
	border-right: 6px solid white;
	padding: 0em;
	margin: 0em;
}

/* content section for homepage */
#content_home{
	float: right;
	width: 691px;
	height: 437px;
	background-color: #ebe4cd;
	overflow: hidden;
	background-image: url(images/homepage_image.jpg);
	background-repeat: no-repeat;
}

/* website footer */
#footer{
	padding: 0em;
	margin: 0em;
	clear: both;
	background-color: #e1e1e1;
	height: 100%;
}

/* footer links */
#footer a{
	color: #333366;
	font-weight: bold;
}

#footer a:hover{
	text-decoration: none;
	color: #333366;
	font-weight: bold;
}

/* footer bar */
.footer_bar{
	background-color: #84928e;
	width: 80%;
	height: 22px;
	padding: 0em;
	margin: 0em;
	float: left;
}

/* footer navigation section */
.footer_nav{
	list-style-type: none; 
	padding: 0em; 
	margin: 0em;
	height: 22px;
	line-height: 170%;
	width: 20%;
	background-color: #dac37a;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
}

/* footer navigation buttons */
.footer_nav a{
	background-color: #dac37a;
	text-decoration: none;
	color: #333366;
	font-weight: bold;
}

/* footer table */
.footer_table{
	color: #000033;
	font-size: 10px;
	line-height: 130%;
	clear: both;
	margin-top: 10px;
}

.footer_table td{
	border-right: 1px solid #999999;
	padding: 0px 5px 0px 5px;
}

.keywords{
	visibility: hidden;
	font-size: 0.5em;
	line-height: 110%;
}

/* ----- text styles ----- */
h1{
	padding: 15px 0px 0px 0px;
	margin: 0em;
	color: #333366;
	font-size: 20px;
	line-height: 110%;
}

h2{
	padding: 0em 0em 0em 0em;
	margin: 0em;
	color: #333366;
	font-size: 16px;
	line-height: 110%;
	font-style: italic;
}

h3{
	padding: 0em 0em 0em 0em;
	margin: 0em;
	color: #333366;
	font-size: 14px;
	line-height: 110%;
}

h4{
	padding: 0em;
	margin: 0em;
	font-size: 14px;
}

h5{
	padding: 0em;
	margin: 0em;
	font-size: 14px;
}

/* superscript style */
sup{
	font-size: 80%;
}

/* style for homepage paragraph */
#content_home p{
	color: #333366;
	font-size: 12px;
	text-align: left;
	padding: 10px 0em 0em 20px;
	line-height: 120%;
}

/* default paragraphs */
p{
	font-size: 11px;
	padding: 0px 0px 10px 0px;
	color: #333366;
	line-height: 110%;
	margin: 0em;
}

/* paragraph with larger font */
.larger{
	font-size: 16px;
	padding: 10px 20px 10px 20px;
	color: #333366;
	line-height: 120%;
	margin: 0em;
}

/* paragraph with smaller font */
.smaller{
	font-size: 11px;
	padding: 0em 20px 0px 0px;
	color: #333366;
	line-height: 130%;
	margin: 0em;
	font-style: italic;
}

/* team profile style shifts content 115px to the right*/
.profile{
	padding: 0px 20px 0px 108px;
	overflow-x: hidden;
}

/* profile photo caption */
.profile_caption{
	font-size: 16px;
	padding: 0em;
	color: #333366;
	line-height: 130%;
	margin: 0em;
	font-style: italic;
}

/* profile photo description */
.profile_desc{
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	color: #333366;
	line-height: 120%;
	margin: 0em;
}

/* disclosure paragraph */
.disclosure{
	font-size: 10px;
	padding: 20px 20px 20px 115px;
	line-height: 130%;
	margin: 0em;
}

/* default bulleted list */
ul.default{
	color: #333366;
	font-size: 11px;
	list-style-type: disc;
	padding: 0em;
	margin: 15px 10px 0px 35px;
}

ul.default li{
	padding-bottom: 2px;
	line-height: 110%;
}

/* Links */
a{
	color: #333366;
	text-decoration: underline;
}

a:hover{
	color: #333366;
	text-decoration: none;
}


/* images style */
.pic{
	border: 4px solid white;
	margin: 20px 0px 0px 0px;
}

/* contains image and image caption style */
.pic_container{
	color: #333366;
	font-size: 9px;
	text-align: left;
	font-style: italic;
}

/* ----- navigation menu properties ----- */
#multi-level {
	width:109px;
	position:relative; 
	z-index:100;
	overflow: visible;
	background-color:#ece7dd;
	float:left;
}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {
	list-style-type:none; 
	padding:0em; 
	margin:0em; 
	font-family:Arial, Helvetica, sans-serif;
}

/* Set up the top level list items and float left to place inline */
.menu li.top {
	display:block; 
	float:left; 
	position:relative;
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {
	border-collapse:collapse; 
	width:0em; 
	height:0em; 
	position:absolute; 
	top:0em; 
	left:0em;
}

/* Default top link link styling */
.menu li.top a.top_link {
	display:block; 
	float:left; 
	height:64px;
}

/* move the link text off screen */
.menu li.top a span {
	position:absolute; 
	left:-9999px; 
	top:0em; 
	z-index:0; 
	font-size:10px;
}

/* pre-load the hover images into the lists */
.menu li.p1 {
	width:109px; 
	background:url(images/nav_menu/ourFirm_1.jpg) no-repeat;
}
.menu li.p2 {
	width:109px; 
	background:url(images/nav_menu/financial_1.jpg) no-repeat;
}
.menu li.p3 {
	width:109px; 
	background:url(images/nav_menu/investment_1.jpg) no-repeat;
}
.menu li.p4 {
	width:109px; 
	background:url(images/nav_menu/client_1.jpg) no-repeat;
}
.menu li.p5 {
	width:109px; 
	background:url(images/nav_menu/wealthTech_1.jpg) no-repeat;
}
.menu li.p6 {
	width:109px; 
	background:url(images/nav_menu/qa_1.jpg) no-repeat;
}

/* set up the normal unhovered images in the links */
.menu li a#ourFirm {
	width:109px; 
	background:url(images/nav_menu/ourFirm_0.jpg) no-repeat;
}
.menu li a#financial {
	width:109px; 
	background:url(images/nav_menu/financial_0.jpg) no-repeat;
}
.menu li a#investment {
	width:109px; 
	background:url(images/nav_menu/investment_0.jpg) no-repeat;
}
.menu li a#client {
	width:109px; 
	background:url(images/nav_menu/client_0.jpg) no-repeat;
}
.menu li a#wealthTech {
	width:109px; 
	background:url(images/nav_menu/wealthTech_0.jpg) no-repeat;
}
.menu li a#qa {
	width:109px; 
	background:url(images/nav_menu/qa_0.jpg) no-repeat;
}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {
	visibility:visible;	/* for IE6 */
} 
.menu li:hover { 
	position:relative; 
	z-index:200;		/* for IE7 */
} 

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#ourFirm:hover, .menu li:hover a#ourFirm,
.menu li a#financial:hover, .menu li:hover a#financial,
.menu li a#investment:hover, .menu li:hover a#investment,
.menu li a#client:hover, .menu li:hover a#client,
.menu li a#wealthTech:hover, .menu li:hover a#wealthTech,
.menu li a#qa:hover, .menu li:hover a#qa {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0em; 
	height:0em;
}