img, ul, ol, li {margin: 0; padding: 0; border: 0; list-style: none;}

html {
height: 100%;
margin-bottom: 1px;
}

body {
color: #333; 
background: #bcc5d3;  
font-size: 100.01%; 
text-align: center;
font-family: arial, sans-serif;
height: 100%;
margin: 25px 0 10px 0;
}

p {
line-height: 1.3em;
}

a, a:link {
    text-decoration: underline;
    color: blue;
}
a:visited {
    color: black;
}

/*XXXXXXXXXXXXXXXXX Primary layout rules XXXXXXXXXXXXXXXX*/

embed {
    width: 486px;
    height: 310px;
    display: block;
    }
object {
    width: 486px;
    height: 310px;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    }
embed.map,
object.map {
    width: 600px;
    height: 378px;
}
#wrapper {
position: relative;
margin: 0 auto;
width: 953px;
text-align: left;
font-size: .8em; 
background: #fff url(../images/rays2.png) repeat-y 0 130px;
}

h1 {
position: absolute;
left: -3000px;
}

h2 {
font-size: 1.3em;
}

h3 {
font-size: 1.2em;
}

h5 {
font-size: 9px;
line-height: 12px;
}

#headerbox {
background: url(../images/widebg1.png);
padding: 93px 0 10px;
}

#titletext {
position: absolute;
left: 45px;
top: 30px;
width: 384px;
height: 39px;
}

#logobug {
position: absolute;
left: 20px;
top: 78px;
width: 71px;
height: 71px;
z-index: 100;
}

#topright { 
position: absolute; 
left: 656px; 
top: 0; 
width: 297px; 
height: 132px; 
z-index: 1000; 
} 

/***XXXXXXXXXXXXXXXXXXX home page rules XXXXXXXXXXXXXXXXXXXX***/ 

#colwrap-hp {
height: 310px;
position: relative;
background: #fff;
}

#colwrap-hp .first-float {
float: left;
display: block;
overflow: hidden;
width: 467px;
height: 310px;
background: #fff;
}

#colwrap-hp .first-nester {
padding: 5px 10px;
}

#colwrap-hp .second-float {
float: left;
width: 475px;
height: 310px;
background: #555;
}

#keybar {
display: block;
background: #043473;
height: 30px;
text-align: right;
}

#keybar span {
display: block;
padding: 0 30px 0 0;
}

#keybar span span {
position: absolute;
left: -3000px;
}

#homepage #keyholder {
background: url(../images/widebg2.png);
padding: 10px 0 93px;
}

#homepage #keybar {
background: url(../images/barbg2.png);
}

#homepage #keybar span {
background: url(../images/thinline2.png) no-repeat 0 28px;
}


/***XXXXXXXXXXXXXXXXXX interior maincol rules XXXXXXXXXXXXXXXXXXXX***/

#colwrap-interior {
min-height: 410px;
position: relative;
}

/* this hack simulates min-height in IEwin \*/
* html #colwrap-interior {height: 410px;}
/* */

#colwrap-interior .first-float {
float: left;
width: 145px;
}

#colwrap-interior .first-nester {
padding: 35px 0 0 0;
}

#colwrap-interior .second-float {
float: left;
width: 470px;
}


#colwrap-interior .second-nester {
padding: 18px 10px 5px 30px;
}

.bullets ul {
margin: .5em 0 0 1em;
}
.bullets li {
list-style: disc;
margin-left: 1em;
padding: 0 0 1em;
}
/***XXXXXXXXXXXXXXXXXX footer rules XXXXXXXXXXXXXXXXXXXX***/

#footer {
background: #bcc5d3;  
padding: 1px 0;
}

#footer p {
margin: 2px 10px 0 0;
color: #666;
}

#footer p a {
font-size: .9em;
font-weight: bold;
color: #666;
text-decoration: none;
}

#footer p a:hover {
color: #000;
}


/***XXXXXXXXXXXXXXXXXX topnav rules XXXXXXXXXXXXXXXXXXXX***/


div#topnavholder {
position: relative;
width: 953px;
height: 30px;
margin: 0 0 0 0;
background: url(../images/barbg1.png);
}

ul#topnav {
position: relative;
float: left;
width: 953px;
height: 30px;
background: url(../images/thinline1.png) no-repeat 0 1px;
}

#topnav ul {
float: none;
width: 155px;
height: auto;
margin: 0 0 40px 30px;
background: #768c75;
}

#topnav .parent {
height: 30px;
}

#topnav div div {
position: absolute;
left: -3000px;
top: auto;
width: 215px;
background: url(../images/bgfix.gif);
}


.yeshover #flyoutnav div:hover ul,
 #flyoutnav li.sub_active ul {
 left: 155px;
 }


#topnav li {
float: left;
height: 30px;
position: relative;
}

#topnav li li {
float: none;
height: auto;
}

#topnav div.parent:hover {
background-position: 0 30px;
}

#topnav div.parent:hover div {
left: -30px;
top: 30px;
}

#topnav div.parent:hover div.rightdrop {
left: auto;
right: -30px;
}

#topnav a { 
display: block; 
height: 30px; 
background: url(../images/bgfix.gif);
}

#topnav ul a {
height: auto;
color: #e7e2d2;
padding: .3em 6px;
text-decoration: none;
}

#topnav ul a:hover {
color: #fff;
}

#topnav span {
position: absolute;
left: -3000px;
}

.home {width: 41px; margin-left: 104px; display: inline;}
.about {width: 60px;}
.investments {width: 78px;}
.client {width: 90px;}
.research {width: 61px;}
.portfolio {width: 140px;}
.news {width: 77px;}

.home .parent {background: url(../images/home41.jpg);}
.about .parent {background: url(../images/about60.jpg);}
.investments .parent {background: url(../images/investments78.jpg);}
.client .parent {background: url(../images/client90.jpg);}
.research .parent {background: url(../images/research61.jpg);}
.portfolio .parent {background: url(../images/portfolio140.jpg);}
.news .parent {background: url(../images/news77.jpg);}

.home_here .home .parent, 
.about_here .about .parent,
.investments_here .investments .parent,
.client_here .client .parent,
.research_here .research .parent,
.portfolio_here .portfolio .parent,
.news_here .news .parent
{
background-position: 0 30px;
}

/***XXXXXXXXXXXXXXXXXX flyoutnav rules XXXXXXXXXXXXXXXXXXXX***/

#flyoutnav {
position: absolute;
left: 623px;
top: 25px;
width: 323px;
height: 385px;
}

#flyoutnav ul {
font-size: .9em;
font-weight: normal;
width: 160px;
border-left: 1px solid #043574;
margin-left: 5px;
padding-left: 0;
}

#flyoutnav li {
vertical-align: bottom;
}

#flyoutnav a,
#flyoutnav li.sub_active div,
#flyoutnav li.sub_active div a { 
display: block; 
text-decoration: none; 
color: #000; 
line-height: 1.3em;
padding: 5px 0;
}

#flyoutnav li,
#flyoutnav li.sub_active {
padding-left: 15px;
}
#flyoutnav li.sub_active li {
padding-left: 5px;
margin-top: -2px;
}

#flyoutnav div:hover a { 
font-weight: bold; 
background-position: 8px 50%;
}

#flyoutnav li.sub_active { 
font-weight: bold; 
background: url(../images/reddot.gif) no-repeat 8px 50%;
line-height: 1.3em;
}
#flyoutnav li.sub_active li { 
background-position: 0 50%;
padding-left: 6px;
}

#flyoutnav img {
position: absolute;
right: 0;
top: 169px;
width: 335px;
height: 216px;
}

#flyoutnav ul ul {
position: absolute;
left: -3000px;
top: 0;
width: 175px;
height: 300px;
border: 0;
}

#flyoutnav li.sub_active ul {
display: block;
}

#flyoutnav li ul {
display: none;
}


#flyoutnav div:hover ul {
left: 155px;
background: url(../images/reddot.gif) no-repeat 8px 1000px;
}

#flyoutnav li li {
position: relative;
}

#flyoutnav div:hover ul a {
background: url(../images/reddot.gif) no-repeat 8px 1000px;
font-weight: normal; 
}

#flyoutnav li li span {
position: absolute;
left: 0;
width: 135px;
background: #fff; 
}

#flyoutnav li a:hover span, 
#flyoutnav li.sub_active a span {
left: -3000px;
background: #fff url(../images/reddot.gif) no-repeat 8px 50%; 
}

#flyoutnav div li a:hover {
font-weight: bold;
text-decoration: none;
}


/***XXXXXXXXXXXXXXXXXX special fixes XXXXXXXXXXXXXXXXXXXX***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to 
apply this hack to different elements and see if that fixes the problem. ***/

/* \*/
* html #headerbox,
* html #col-wrap,
* html #flyoutnav a
{
height: 0;
}
/* */

/*** This adjusts bullet zone issues in older IEwins ***/

/* \*/
* html #topnav li li,
* html #flyoutnav li
{
margin-left: -16px;
mar\gin-left: 0;
}
/* */

.brclear, .cls { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}