/* ========================================================================= */
/* UNIVERSAL STYLES                                                          */
/* ========================================================================= */

	* { margin: 0; padding: 0; }
	html, body { font: normal 12px/150% 'Lucida Grande', Arial, Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; color: #5d5d5d;  }
	html { overflow-y: scroll; /* Does nothing for site structure, except to keep the logo in place on shorter pages. */ }


/* ========================================================================= */
/* ELEMENT & LAYOUT STYLES                                                   */
/* ========================================================================= */

	h2 { font: normal 31px/110% Times, 'Times New Roman', serif; margin: 0 0 20px 0; text-transform: uppercase; color: #323b67; }
	h2 em { font-style: normal; color:#888888; display:block; font:14px/100% 'Lucida Grande',Arial,Helvetica,'Lucida Sans','Lucida Sans Unicode',sans-serif; }
	h3 { font: normal 21px/120% Times, 'Times New Roman', serif; margin: 30px 0 5px 0; color: #888; }
	h4 { font-size: 12px; color: #383838; }
	h4 a { color: #383838;  }
	h4 a:hover { color: #0982B1; }
	h4 span { font-size: 10px; font-weight: normal; }
	h5 { font: normal 16px/100% Times, 'Times New Roman', serif; margin: 0 0 10px 0; color: #0982B1; }
	h6 { font-size: 12px; color: #383838; margin: 0 0 5px 0; }
	h6 span { font-size: 10px; display: block; font-weight: normal; text-transform: uppercase; color: #888; }
	p { margin: 0 0 20px 0; }
	ul { margin: 20px; }
	ol { margin: 20px 20px 20px 25px; }
	a { text-decoration: none; color: #0982B1; }
	a:hover { color: #4D5A85; }
	a:focus { border: none; outline: none; }
	a.more { text-decoration: none; text-transform: uppercase; font-size: 10px; display: inline-block; margin: 10px 0; }
	a.more:hover {  }
	/*a.more { background: #4D5A85; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 10px; padding: 0 5px; display: inline-block; margin: 10px 0; }
	a.more:hover { background: #0982B1; }*/
	a.more2 { color: #888; text-decoration: none; text-transform: uppercase; font-size: 10px; padding: 0; display: inline-block; margin: 0 0 10px 0; }
	a.more2:hover { color: #0982B1; }
	blockquote { margin: 20px 20px 0 20px; }
	cite { margin: 0 20px 20px 20px; }
	hr { border: none; height: 1px; background: #ccc; margin: 20px 0; }
	
	.clear { clear: both; }
	.right { float: right; margin: 0 0 20px 20px; }
	
	.thumb img { border: 1px solid #ddd; }
	.pdf { display: block; height: 17px; line-height: 17px; background: url(../images/ico-pdf.gif) no-repeat left 5px; margin: 0; padding: 5px 0 0 25px; }
	

	h1.logo { float: left; margin: 30px 0 0 0; }
	h1.logo a { display: block; text-indent: -9000px; background: url(../images/logo.png) no-repeat 0 0; width: 315px; height: 63px; }
	
	#background { height: 250px; width: 1080px; overflow: hidden; position: relative; margin: 0 auto; }
	#background img { width: 100%; height: 250px; position: static; top: 0; left: 0; z-index: 2; -ms-interpolation-mode: bicubic;  }
/*	#background { height: 250px; width: 100%; overflow: hidden; position: relative; }
	#background img { /* Set rules to fill background  min-height: 230px; min-width: 1080px; /* Set up proportionate scaling  width: 100%; height: auto; /* Set up positioning  position: absolute; top: 0; left: 0; z-index: 2; -ms-interpolation-mode: bicubic;  }
		@media screen and (max-width: 1080px){ 
			#background img { left: 50%; margin-left: -540px; -ms-interpolation-mode: bicubic; } 
		}
*/	
	#index #background { height: 399px; width: 1080px; overflow: hidden; position: relative; margin: 0 auto; }
		#index #background img { width: 1080px; height: 399px;  position: static; display: block; margin: 0 auto; }
	#index { background: url(../images/bg_index.gif) repeat-x 0 0; }

	/*
	#index #background { height: 427px; width: 100%; overflow: hidden; position: relative; }
	#index #background img { /* Set rules to fill background  min-height: 427px; min-width: 1080px; /* Set up proportionate scaling  width: 100%; height: auto; /* Set up positioning  position: absolute; top: 0; left: 0; z-index: 2; -ms-interpolation-mode: bicubic; }
		@media screen and (max-width: 1080px){ 
			#index #background img { left: 50%; margin-left: -540px; -ms-interpolation-mode: bicubic; } 
		}
	
	*/
	
	
	#background .head-fade { height: 250px; width: 100%; background: url(../images/bg_body-header.png) repeat-x 0 100%; position: absolute; top: 0; left: 0; z-index: 3; }
		
	#wrapper { position: absolute; z-index: 3; top: 0; width: 100%; }
	#wrapper-inner { clear: both; padding: 40px 0 0 0; }
		#index #wrapper-inner { /*background: url(../images/bg_content.gif) repeat-x 0 0;*/ clear: both; padding: 0; }
	#header { margin: 0 auto; width: 960px;  }
	
	#header-content { width: 420px; height: 427px; padding: 0 30px 0 30px; background: url(../images/bg_header-content.png) repeat-x 0 0; float: left; }
	#header-content h2 { font: normal 51px/90% Times, 'Times New Roman', serif; text-transform: uppercase; color: #323b67; margin: 175px 0 20px 0;  }
	#header-content p { color: #0982B1; font: normal 20px/140% Times, 'Times New Roman', serif; }
	
	#contentarea { width: 960px; margin: 0 auto; padding: 0 0 40px 0;}
	#content-intro { width: 420px; background: #fff; padding: 20px 30px; line-height: 170%; float: left; min-height: 180px; }
	#content-intro p { margin: 0; }
	#content { float: right; width: 835px; }
	#content.wide { float: none; width: 100%; }
	#content.wide #content-main { width: 690px; }
	#content-main { float: left; width: 560px; }
	#content-main li { margin: 5px 0; }
	#content-main.mediaroom h2 { font-size: 26px; text-transform: inherit; }
	#content-main.mediaroom h3 { color: #0982B1; }
	#content-main.mediaroom h4 {  margin: 20px 0 0 0; }
	#content-sub { width: 240px; padding: 40px 0 0 0; float: right; }
	#index #content-sub { width: 450px; padding: 20px 0 0 30px; float: right; border-top: 5px solid #2784AD; }
	
	.box { float: left; width: 200px; margin: 0 20px 0 0; }
	.box p { font-size: 10px; line-height: 160%; margin: 0 0 10px 0; }
	
	#footer { clear: both; border-top: 1px solid #ccc; width: 960px; margin: 0 auto; font-size: 10px; padding: 10px 0; color: #999; overflow: hidden; }
		p.copyright { float: left; margin: 0 40px 0 0; }
		p.footer-nav { float: left; }
		p.footer-nav a { color: #999; text-decoration: none; }
		p.footer-nav a:hover { color: #4D5A85; }
	
	.memberships { float: right; }
	
	p.breadcrumbs { font-size: 10px; color: #888; }
	p.breadcrumbs a { color: #888; text-decoration: none; }
	p.breadcrumbs a:hover { color: #4D5A85; }
	
	.wp-pagenavi { font-size: 10px; }
	.wp-pagenavi a,
	.wp-pagenavi span.current { color: #888; display: inline-block; padding: 3px; margin: 0 5px 0 0; }
	.wp-pagenavi a:hover { background: #eee; }
	
	.article { background: url(../images/bg_article.jpg) no-repeat 50% 100%; padding: 0 0 40px 0;  }
	
	.portfolio { margin: 20px 0; }
	.portfolio li { background: url(../images/bg_portfolio.gif) no-repeat 40% 0; overflow: hidden; padding: 20px 0; list-style: none;  margin: 0; *margin-top: -5px; }
	#content-main .portfolio li { margin: 0; }
	.portfolio img { padding: 0; float: left; -ms-interpolation-mode: bicubic; }
	.portfolio span.description { padding: 0 0 0 20px; float: right; width: 500px;  }
	.portfolio h3 { font: bold 14px/150% 'Lucida Grande', Arial, Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; color: #5d5d5d; margin-top: 0; }
	.portfolio p { margin: 0; }
	
	
	ul.dropdown { margin: 20px 0; padding: 0; list-style: none; }	
	ul.dropdown li { position:relative; z-index:500;  }
	ul.dropdown li > a { padding: 0 0 0 15px; color: #585858; font-weight: bold; }
	
	ul.dropdown li.parent > a { background: url(../images/bg_dropdown.gif) no-repeat 0 5px; }
	ul.dropdown li a:hover {  }
	ul.dropdown a.selected {  }
	ul.dropdown ul { position: absolute; left: 0; display: none; margin: 0 0 0 4px; padding: 0; list-style: none; background: #fff; border: 1px solid #eee; border-top: none; }
	ul.dropdown ul li { float: left; }
	ul.dropdown ul a { height: 15px; padding: 5px 15px; display: inline-block; font-weight: normal; color: #0982B1;   }
	ul.dropdown ul a:hover { color: #4D5A85;  }
	
	#investment-team { margin: 20px 0 0 0; list-style: none;  }
	#investment-team li { display: inline-block; zoom: 1; *display: inline; margin: 0 20px 40px 0; width: 150px; vertical-align: top;  line-height: 120%; }
	#investment-team li img { display: block; border: 1px solid #ccc; margin: 0 0 5px 0; }
	#investment-team li a { color: #585858; font-size: 10px;  }
	#investment-team li a:hover { color: #0982B1; }
	#investment-team li a strong { font-size: 12px;  line-height: 150%; }
	#investment-team li a:hover img { display: block; border: 1px solid #0982B1; }
	#investment-team li a.pdf { display: block; height: 17px; line-height: 17px; background: url(../images/ico-pdf.gif) no-repeat left 5px; margin: 0; padding: 5px 0 0 20px; }
	
	a.post-edit-link { display: inline-block; position: fixed; top: 0; right: 0; margin: 100px 0 0 0; background: #a00; color: #fff; padding: 5px 10px; }
	a.post-edit-link:hover {background: #c00; }



/* ========================================================================= */
/* NAV STYLES                                                                */
/* ========================================================================= */

	#nav { margin: 0; list-style: none; background: url(../images/bg_nav.png) repeat 0 0; float: right; width: 480px; text-transform: uppercase; font-size: 10px; text-align: center; margin: 50px 0 0 0; }
	#nav li { display: inline-block; zoom: 1; *display: inline; }
	#nav li a { color: #fff; text-decoration: none; padding: 5px 10px; display: inline-block;}
	#nav li a:hover { background: url(../images/bg_nav.png) repeat 0 0; }
	
	#subnav { float: left; width: 95px; padding-top: 43px; }
	#subnav ul { margin: 0; list-style: none; border-top: 1px solid #ddd; font-size: 10px; text-transform: uppercase; }
	#subnav ul li { border-bottom: 1px solid #ddd; }
	#subnav ul li a { display: block; padding: 5px; color: #777; }
	#subnav ul li a:hover,
	#subnav ul li.current_page_item a { background: #f6f6f6; text-decoration: none; }



/* ========================================================================= */
/* FORM STYLES                                                               */
/* ========================================================================= */

	form ul { margin: 0; padding: 0; }
	form li { list-style: none; }
	form li ul { margin: 0; }
	label.description { display: block; font-weight: bold; }
	label.choice { padding-left: 5px; }
	input.text { width: 300px; }
	input.checkbox {  }
	input.radio {  }
	textarea { width: 300px; height: 100px; font: normal 12px/150% 'Lucida Grande', Arial, Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; }
	select { width: 300px; }