/* CSS for two column layout */

/* puts all browsers at same starting point */
*	{ margin:0px; padding:0px; border:0px; }

/* no scroll bar jump for firefox, netscape, opera */
html { min-height:100%; margin-bottom:1px; }

body	{ background:#ccc; font-size:11px; font-family:tahoma, trebuchet ms, arial, sans-serif; color:#000; text-align:center; }

/* must have same font styles as body. ie55 doesn't cascade */
table, td, th	{font-size:11px; font-family:tahoma, trebuchet ms, arial, sans-serif; color:#444; text-align:left;}

#skip		{display:none;}

/* LAYOUT */
#H_background	{ background:#fff url(../images/H_body_back.gif) no-repeat 50% 0px; padding-bottom:20px;}
#S_background	{ background:#fff url(../images/S_body_back.gif) no-repeat 50% 0px; padding-bottom:20px;}

.container	{ margin:0px auto; width:751px; text-align:left;}
.container .pad	{ padding:0px 0px 0px 85px;}

h1		{ position:absolute; top:0px; left:150px; z-index:3; display:none;}

#header	{ position:relative; z-index:5; height:117px;}

/* NAVIGATION */
#nav	{ position:relative; margin:0px 0px 0px 2px; height:20px; width:663px; border-bottom:1px solid #fff; background:#eee;}
#nav li { position:relative; float:left; font-size:11px; list-style:none; display:block; }
#nav li a, #nav li div { position:relative; cursor:pointer; display:block; height:20px; cursor:pointer; }
#nav li div	{ cursor:default; }
#nav li strong { position:absolute; left:0px; top:0px; height:20px; display:block;  }

#nav li.solutions, #nav li.solutions a, #nav li.solutions a strong	{ background:url(../images/cache/HN_solutions.gif); width:95px; }
#nav li.investment, #nav li.investment a, #nav li.investment a strong	{ background:url(../images/cache/HN_investment.gif); width:149px; }
#nav li.process, #nav li.process a, #nav li.process a strong	{ background:url(../images/cache/HN_process.gif); width:85px; }
#nav li.portfolio, #nav li.portfolio a, #nav li.portfolio a strong		{ background:url(../images/cache/HN_portfolio.gif); width:93px; }
#nav li.news, #nav li.news a, #nav li.news a strong		{ background:url(../images/cache/HN_news.gif); width:69px; }
#nav li.about, #nav li.about a, #nav li.about a strong		{ background:url(../images/cache/HN_about.gif); width:89px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong	{ background:url(../images/cache/HN_contact.gif); width:83px; }

/* HOVER STATE:all images are stacked equal height so this one style makes them all work with no need to repeat. Also:#nav li.class preloads the rollover image. */
#nav li.solutions, #nav li.solutions a:hover strong, #nav li.investment, #nav li.investment a:hover strong, #nav li.process, #nav li.process a:hover strong, #nav li.portfolio, #nav li.portfolio a:hover strong, #nav li.news, #nav li.news a:hover strong, #nav li.about, #nav li.about a:hover strong, #nav li.contact, #nav li.contact a:hover strong	{ background-position:0px -20px; }

#nav li.solutions div strong	{ background:url(../images/cache/HN_solutions.gif) 0px 20px; width:95px; }
#nav li.investment div strong	{ background:url(../images/cache/HN_investment.gif) 0px 20px; width:149px;}
#nav li.process div strong	{ background:url(../images/cache/HN_process.gif) 0px 20px; width:85px;}
#nav li.portfolio div strong	{ background:url(../images/cache/HN_portfolio.gif) 0px 20px; width:93px;}
#nav li.news div strong	{ background:url(../images/cache/HN_news.gif) 0px 20px; width:69px;}
#nav li.about div strong	{ background:url(../images/cache/HN_about.gif) 0px 20px; width:89px;}
#nav li.contact div strong	{ background:url(../images/cache/HN_contact.gif) 0px 20px; width:83px;}

/* HOME PAGE */
#welcome	{ position:relative; background:url(../images/H_welcome_back.gif) no-repeat; margin:0px 176px 0px 0px; line-height:16px; padding:45px 0px 0px 30px;}

#h_title	{ border:1px solid #fff; border-width:0px 1px; margin-left:1px;}
#title		{ margin-left:1px;}

#H_sidebar		{ position:relative; float:right; width:175px; padding-top:45px;}
#H_sidebar ul	{ position:relative; border-left:1px solid #ccc; padding-left:20px; font-size:10px;}
#H_sidebar li	{ position:relative; list-style:none; background:url(../images/H_arrow.gif) no-repeat 0px 5px; padding:0px 0px 4px 10px;}
#H_sidebar h2	{ padding:0px 0px 5px 20px;}

/* SUB PAGE */
#S_sidebar		{ float:right; width:175px; margin-top:45px; border-left:1px solid #ccc; color:#904A00; font-size:12px; line-height:16px; }
#S_sidebar .pad	{ padding:0px 0px 0px 20px; }
#S_sidebar em	{ font-variant:normal; }
/*
#S_sideImg		{ float:right; width:175px; margin-top:45px; margin-right:-23px; padding-left:23px; border-left:1px solid #ccc; color:#904A00; font-size:12px; line-height:16px;}
*/

#subnav			{ position:relative; float:left; width:100px; font-size:10px; color:#99ADC2; padding-left:0px; margin-top:48px; border-left:1px solid #ccc;}
#subnav ul		{ padding:0px 0px 0px 15px;}
#subnav li		{ list-style:none; padding-bottom:10px;}
#subnav a:hover	{ color:#c60; }

/* each page has its own class so that the subnav and the sidebar have the same height according to the content therein.
------------------------------------------------------------------------------------------------------------------------ */
.solutions_home			{ height:130px;}
.solutions_dev-strategy	{ height:115px;}
.solutions_bankers		{ height:115px;}
.solutions_entrep		{ height:115px;}
.investment_home		{ height:115px;}
.process_home			{ height:115px;}
.process_casestudies	{ height:115px;}
.about_careers			{ height:115px;}
.about_home				{ height:115px;}
.about_manage			{ height:115px;}
.about_partners			{ height:115px;}
.about_thankyou			{ height:115px;}
.contact_home			{ height:50px;}
.contact_thankyou		{ height:50px;}
.sitemap_home			{ height:115px;}
.help_home				{ height:115px;}


#content		{ position:relative;  float:left; width:385px; line-height:16px;}
#content .pad	{ padding:45px 10px 0px 20px;}
#content ul		{ padding:0px 0px 0px 20px; margin-top:0px;}

/* NEWS PAGE in place of #content */
.column			{ position:relative;  float:left; width:280px; line-height:16px;}
.column .pad	{ padding:45px 10px 0px 20px;}
.column .pad2	{ padding:45px 10px 0px 9px;}
.column p		{ padding:10px 0px;}
.column a:link, .column a:visited	{ text-decoration:underline;}
.borderleft		{ border-left:1px solid #ccc; padding-left:15px;}
/* news detail */
.content_news	{ position:relative;  float:left; width:560px; line-height:16px;}
.content_news .pad	{ padding:45px 10px 0px 20px;}
.content_news	ul	{ margin-left:25px; margin-bottom:10px; }

/* content2 is for a two column subpage such as the portfolio */
#content2	{ position:relative; float:left; width:560px; line-height:16px;}
#content2 .pad	{ padding:45px 10px 0px 20px;}

.section	{ position:relative; margin:0 0 30px; width:100%; display:inline-block; }
.section .interior	{ width:349px; padding:0px 15px 0px 0px; float:left; border-right:1px solid #ccc; }
.logo		{ position:absolute; top:10px; right:0px; width:140px; padding-left:15px;} 
.website	{ position:absolute; top:60px; right:0px; width:140px; font-size:9px;}
.website2	{ position:absolute; top:85px; right:0px; width:140px; font-size:9px;}
.website span, .website2 span	{ color:#c60;}


#footer	{ background:#ccc url(../images/footer_back.gif) repeat-x; color:#666; font-size:10px; line-height:20px; clear:both;}
#footer .pad	{ padding:20px 20px 20px 106px; }
#footer span	{ color:#667F99; }
.phone			{ float:right; width:110px; }
.phone strong	{ color:#c60; }

/* LINKS */
a:link, a:visited	{ color:#036; text-decoration:none; }
a:hover				{ color:#c60; }

/* CLASSES */
.pad	{ padding:30px 10px 0px 20px;}


/* ELEMENTS */
h2	{ font-size:12px; margin-bottom:5px; color:#904A00; font-weight:normal;}
h3	{ font-size:12px; color:#904A00; font-weight:normal;}
h4	{ font-size:11px; margin-bottom:5px; font-weight:bold; color:#000}
p	{ padding-bottom:10px;}

/* FORMS */
.form, .textarea	{ border:1px solid #B7B3A7 }
.button		{ font-family:tahoma, arial, sans-serif; font-size:10px; color:#fff; padding:1px 5px; background:#036; border:1px solid; border-color:#5b7c9d #002851 #024 #305983; }

#contactForm		{ margin-top:10px; }
#contactForm td		{ padding:4px 5px; }
#contactForm td.required	{ padding:2px 5px; background:#EBEAE6; }
#contactForm td.leftcell	{ border-right:1px solid #ebeae6; border-bottom:1px solid #ebeae6;}
#contactForm td.rightcell	{ border-bottom:1px solid #ebeae6; }
#contactForm td.bottomleft	{ border-right:1px solid #ebeae6; }
#contactForm span	{ font-size:13px; color:#c60; }

p table, p th, p td		{color:#000; }