*{margin:0;padding:0;outline:0;border:0;}

/* - Structure - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body#hte {
margin:0;
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
background: black url(/images/5.gif) repeat-x;
}

.midimg {
float: left;
margin: 15px 15px;
position: absolute;
}

#logo_topleft {
margin:0; 
padding:0;
position:absolute;
top:0px;
left:0px;
}
.btmimg {
left:210px;
margin: 0;
top: 410px;
position: absolute
}

#hte #column_1 {
margin: 0px;
position:absolute;
width:138px;
height:405px;
top:104px;
left:0px;
border-right: 1px solid #59595B;
background: black url('/images/7.jpg') no-repeat
}

#column_2 {
background:#fff;
margin:0px -3px; 
padding:0;
position:absolute;
width:640px;
height:405px;
top:104px;
left:147px;
overflow:hidden;
} 

#column_3 {
margin:0; 
padding:0;
position:absolute;
height:405px;
width: 200px;
top:104px;
left:790px;
border-left: 1px solid #59595B;
background: black url('/images/8.jpg') no-repeat 65% 0px;
}

#footer{
position:absolute;
top:513px;
width:100%;
height:auto;
padding: 0 0 20px 0;
clear:both;
border-top:1px solid #59595B;
background: url(/siteImages/footerBG.gif) repeat-x 230px bottom;
}



/* - Content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1,h2,h3,h4,h5{
color:#999;
}

a {
text-decoration:none
}

a.trigger{
clear:both;display:block;
float:left;margin:0 0 10px 0;
}

#slider{
color:#000;
width:410px;
margin: 0px 215px;
top:50px;
position:absolute;
color: #666;
}

.story a, 
#map a{
font-weight:bold;
float:left;
clear:both;
margin-top:5px;
font-size:12px;
border-bottom:1px solid white;
}

.story a:hover, #map a:hover{
border-bottom: 1px dotted #ddd;
}

.contact a{color:#90b3bc;}
.investment-management a{color:#D47909}
.wealth-management a{color:#97914B}
.profile a{color:#B22936}

.investment-management a:hover{color:#F0860A}
.wealth-management a{color:#afa757}
.profile a{color:#CB2F40}

.stretcher{
clear:both;
float:left;
}

#iGraphic{
padding:20px 0px 0px 20px;
width:600px;
height:405px;
}

.target p{
margin-bottom:10px;
padding-right:30px;
}

.target h3{
margin-bottom:5px;
}

p, .target li, #map li{
line-height:140%;
font-size:12px
}

.target li, #map li{
margin-left:20px;
}

.target ul li{
list-style:circle;
}

#footer p{
display:block;
color:#555;
font-size:11px;
padding:8px 105px;
background:#111;	
}

#footer a{
color:gray;
text-decoration:underline;
}

#footer a:hover{
color:white;
}

.storyImage{
position:absolute;
top:-35px;left:-200px;
width:200px;height:500px;
background:white;
}

.storyImage img{display:none;}

.infographic #slider{
margin:0 20px;width:600px;
}

.infographic li.prevArt,
.infographic li.nextArt,
a.hidden {
display:none;
}

/* - People - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#people {top:30px;}

#people .buttonList{top:280px;}


/* - Contact - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contact .target{
float:left;clear:none;
width:300px;
margin-top:25px;
}

.contact #slider{
top:0px;
width:590px;
margin:25px;
height:330px;
}

.contact #map{
float:right;
width:260px;
height:330px;
border:1px solid #ddd;
border-width:0 0 0 1px;
margin:-5px 0 0 0;
position:relative;
padding-left:25px;
}

#map a{text-align:center;}

#map p{
float:left;
color:#666;
width:auto;
margin-bottom:10px;
}

#map a.imageLink{
border:1px solid white;
margin-bottom:3px;
float:left;
margin-top:0px;
}

#map a.imageLink:hover{
border:1px dotted #666;
}

#map *{
clear:both;
font-size:12px;
}

#map a{
text-align:center;
margin-bottom:8px;
}

#map h4{
margin-bottom:0;
color:#666;
}

/* - Nav 01 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#nav01{
text-align:right;
position:relative;
display:block;
float:left;
list-style:none;
margin-top:110px;
width:100%;
}

#nav01 li{
clear:both;
float:right;
margin:0 5px 15px 0;
padding:3px 20px 3px 0;
text-align:right;
}

#nav01 .selected{
background: url(/siteImages/nav01selectedBG.gif) no-repeat right center;
}

#nav01 li a{
display:block;
font-size:13px;
text-align:right;
text-transform:uppercase;
line-height:110%;
padding-bottom:2px;
color:white;font-weight:bold;
}

#nav01 li a:hover, #nav02 li a:hover{
background: url(/siteImages/nav01BG.gif) no-repeat bottom center
}

#nav01 #menu_contact a:hover {color: #90b3bc;}
#nav01 #menu_profile a:hover {color: #B22936;}
#nav01 #menu_investment-management a:hover {color: #D47909;}
#nav01 #menu_wealth-management a:hover {color: #AFA757;}

/* - Nav 02 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#nav02{
list-style: none;
margin: 0;
padding: 0;
font-size:12px;
top:365px;
margin-left:15px;
position:absolute;
width: 610px;
}

.profile #nav02{background-color: #B22936;}
.investment-management #nav02,
.asset-allocation #nav02{background-color:#D47909}
.wealth-management #nav02,
.process #nav02, .open-architecture #nav02{background-color:#AFA757}
.contact #nav02{
width:600px;margin:0;left:20px;
background-color: #90b3bc;}

#nav02 li{
float: left;
margin: 0;
padding:7px 10px 5px;
}

#nav02 .current
{background: url(/siteImages/arrowSmallBG.png) no-repeat center -1px;}

#nav02 a{
display:block;
text-decoration: none;
color: #fff;
}

/* - Button List - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.buttonList{
padding-top:5px;
list-style:none;
position:absolute;z-index:5;
top:275px;width:425px;left:0px;
}

.buttonList li{float:right;display:block;}

li.editArt{float:left;margin-left:0px;}

.buttonList a{
text-indent:-5000px;
border:none;
width:68px;
height:18px;
display:block;
background: url(/siteImages/buttonsBG.gif);
}

.buttonList .prevArt a{background-position: left center;}
.buttonList .nextArt a{background-position: left top;}
.buttonList .editArt a{background-position: left bottom;}
.buttonList .prevArt a:hover,
.buttonList .nextArt a:hover,
.buttonList .editArt a:hover
{background-image: url(/siteImages/buttonsHoverBG.gif);}

/* - People Gallery - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.gallery div{
margin:-78px 0 -110px -200px;
border-bottom:200px solid white;
}

.gallery ul{
position:absolute;
top:155px;left: -205px;
display:block;float:left;
list-style:none;
height:80px;width:195px;
}
.gallery p{
width:350px;
margin-top:-260px;

}

.gallery li {
display:block;
float:left;
list-style:none;
margin:0;}

.gallery li a{
background-position: 50% 50%;
cursor: pointer;
display: block;
height:53px;width:52px;
margin:3px 3px;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);	
border:2px solid white;
} 

.gallery p strong{
display:block;clear:both;
margin-bottom:5px;
font-size:16px;font-weight:normal
}
.gallery a:hover, 
.gallery a.active {
border:2px solid #999;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);	
}

#nav02 #homeLink{float:right}

.basic{
margin:15px;
}

body:first-of-type ul#nav01 a{max-width:95px;}
body:first-of-type .story a{margin-top:20px;}

#slideshow0{z-index:1000}
