/* = CSS Document for Grosvenor 14/03/08 = */

/* = yui reset = */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font:normal 100%/1em "Times New Roman", Georgia, Times, serif;}
h4,h5,h6 {color: #00AAA6; padding-bottom:.4em; font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
p {padding:0 0 .8em 0; line-height:1.3em}
a {color:#929497; text-decoration:none; background:url(../image/icon_link.gif) no-repeat right 50%; padding-right:10px; font:bold .8em/1.1em Arial, Helvetica, sans-serif;}
a.catchall { padding: 0; font: 100%; background: none; }
a:hover {text-decoration:none; color:#00aaa6;}
.border {border-bottom:1px solid #e5e5e5; margin-bottom:12px;}
b {color:#000;}
dl {line-height:1.6em;}
dt {font-weight:bold; clear:both; float:left; margin-right:8px; display:inline; width:15em;}
dd {padding-bottom:.6em; float:left; width:auto; display:inline;}/**/
#accounts dd { width: 500px; }
table {width:760px; clear:both; border-bottom:1px solid #e5e5e5; margin-bottom:12px;}
td.whiteBg {background:#fff;}
td {padding:3px 5px; border-top:1px solid #e5e5e5; background:#f9f9f9;}
a.pdf {background:url(../image/icon_pdf.gif) no-repeat left 50%; padding:.2em 0 .2em 25px; width:8.2em; display:block; position:relative; margin-left:8px;}
a.pdf img {position:absolute; right:0; top:0;}
img {margin-bottom:12px;}
#tertCol img {margin:0;}
/* = end = */


html, body {height:100%; width:100%;}
body {font:.65em/1.9em "Times New Roman", Georgia, Times, serif; color:#929497; width:100%; background:#fff; min-height:100%; text-align:center;}

#fCol {width:970px; min-width:970px; font-size:1.4em; min-height:100%; margin:0 auto; text-align:left;}
* html #fCol {height:100%;}
body#home #fCol {font-size:1.6em; line-height:1.2em}
#fColInr {/*background:#dea;*/}


/* = layout = */
#fColInr, #hdr, #hdr ul, #hdr li, h1, h2, #hdr li a, #wrpr, #priCol, #secCol, #tertCol, #quadCol, #ftr {float:left; display:inline;}
#priCol, #secCol, #tertCol, #quadCol {margin:0 15px 0 5px;}

#tertCol {width:180px; font-size:.8em;}
#priCol {width:559px;}
#secCol {width:180px; margin:0 5px; padding-top:4.4em;}
#grosvenor #secCol {color:#00aaa6;}
p.lrgText {font-size:1.4em; line-height:1.2em; border-width:1px 0; border-color:#e5e5e5; border-style:solid; padding:.4em 0;}

#home #priCol, #home #secCol, #home #tertCol, #home #quadCol {width:230px; margin:0 5px; padding-top:0;}
#home #quadCol {width:240px;}
#home #tertCol {font-size:1em;}
#home #wrpr a {font-size:.6em;}
#home #tertCol img {margin-bottom:12px;}

.twoCol #priCol, #accounts #priCol {width:760px; margin-right:5px;}

.secColNav #priCol, .secColNav #secCol {width:370px;}
.secColNav #secCol {margin-right:0;}
.secColNav h4, .secColNav #secCol h5 {border-top:1px solid #e5e5e5; padding:.3em 0 .6em;}
.secColNav #secCol h5 {float:left; display:block; width:100%; color:#00aaa6;}
.secColNav #secCol h5.second {margin-top:.4em; border:none;}

#wrpr {clear:both; width:100%; padding-bottom:4em;/* background:#aed;*/}
/* = layout = */


/* = header section start = */
#hdr {width:960px; border-bottom:4px solid #00aaa6; margin:0 5px 20px 5px;}
h1 {width:143px; height:70px; float:right; margin-bottom:24px; visibility:visible !important;}
h1 img {padding-top:18px;}
h1 a { background: none; }
#hdr ul {width:960px; line-height:12px; font-size:12px;}
#hdr li a {height:27px; text-indent:-20000px; background-position:top left; background-repeat:no-repeat; padding:0;}

/* on-state for each nav item achieved by putting id on body tag */
#hdr li a:hover {background-position:bottom left;}
#home #hdr li a.home, 
#grosvenor #hdr li a.grosvenor, 
#investment #hdr li a.investment, 
#fund #hdr li a.fund, 
#accounts #hdr li a.accounts {background-position:bottom left; cursor:default;}

#hdr li a.home {background-image:url(../image/nav_home.gif); width:72px;}
#hdr li a.grosvenor {background-image:url(../image/nav_grosvenor.gif); width:127px;}
#hdr li a.investment {background-image:url(../image/nav_investment.gif); width:220px;}
#hdr li a.fund {background-image:url(../image/nav_fund.gif); width:156px;}
#hdr li a.accounts {background-image:url(../image/nav_accounts.gif); width:94px;}
/* = end = */


#flashcontent p { padding: 10px 20px 10px 20px; }

/* = standard settings = */
h2 {font-size:1.85em; line-height:1em; margin-top:22px; color:#000;}
h3 {font-size:1.5em; line-height:1.3em; font-weight:normal; padding:0 0 12px 0; color:#000;} 
#rcol img {margin-bottom:20px;}
/* = end = */


#tertCol ul {margin:5.5em 0 12px 0; border-top:1px solid #f2f2f2; line-height:1.4em;}
#tertCol ul ul {margin:0; display:none;}
#tertCol li {border-bottom:1px solid #f2f2f2;}
#tertCol li li {border:none;}
#tertCol li a {font-size:100%; line-height:1.3em; display:block; width:160px; padding:4px 5px 4px 15px; font-weight:normal; background:none;}
#tertCol li li a {padding-left:30px; width:145px;}
#tertCol li a:hover {background-color:#fafafa; color:#00aaa6;}
#tertCol li.on a {background:#fafafa url(../image/icon_link.gif) no-repeat 6px 50%; color:#00aaa6; cursor:default;}
#tertCol li.on li a {background-image:none; color:#929497; cursor:pointer;}
#tertCol li.on li a:hover, #tertCol li.on li.on a {background:#fafafa url(../image/icon_sublink.gif) no-repeat 17px 50%; color:#00aaa6;}
#tertCol li.on ul {display:block;}
#tertCol a.download {padding-right:0; float:none; display:block;}
a.reader { padding: 0 0 0 15px; font-size:.95em; font-weight:normal; display:block; background:transparent url(../image/icon_link.gif) no-repeat scroll 5px 0.5em;}
a.financials {background:url(../image/icon_link.gif) no-repeat 5px 0.5em; padding:3px 0 3px 15px; font-size:1.1em; display:block;}


.faces {display:block; margin-bottom:10px; float:left;}
.faces li {float:left; margin:0 5px 5px 0;}
.faces li a {display:block; float:left; width:118px; height:65px; text-indent:-200000px; padding:0; background-repeat:no-repeat; background-position:top left; outline:none;}
.faces li a:hover, .faces li.on a {background-position:bottom left;}
li.faces01 a {background-image:url(../image/faces01.jpg);}
li.faces02 a {background-image:url(../image/faces02.jpg);}
li.faces03 a {background-image:url(../image/faces03.jpg);}
li.faces04 a {background-image:url(../image/faces04.jpg);}
li.faces05 a {background-image:url(../image/faces05.jpg);}
li.faces06 a {background-image:url(../image/faces06.jpg);}
li.faces07 a {background-image:url(../image/faces07.jpg);}
li.faces08 a {background-image:url(../image/faces08.jpg);}
li.faces09 a {background-image:url(../image/faces09.jpg);}
li.faces10 a {background-image:url(../image/faces10.jpg);}
li.faces11 a {background-image:url(../image/faces11.jpg);}

/* = home page = */

/* = end = */


/* = company boards = */
.companyBoard #priCol {width:510px;}
.companyBoard #priCol h4 {color:#00aaa6; border-top:1px solid #e5e5e5; padding:.3em 0 .6em; font-size:1.15em; margin-bottom:1em;}
.companyBoard #priCol ul {border-bottom:1px solid #e5e5e5; float:left; display:inline;}
.companyBoard #priCol li {width:245px; margin:0 20px 5px 0; border-top:1px solid #e5e5e5; float:left; display:inline; padding-top:5px;}
.companyBoard #priCol li.alt {margin-right:0;}
.companyBoard #priCol li h5 {margin-bottom:.4em;}
.companyBoard #secCol {width:230px;}
.companyBoard #secCol ul {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; float:left; display:block; width:100%; padding:5px 0;}
.companyBoard #secCol li {margin:4px 0;}
.companyBoard #secCol a {font-family:"Times New Roman", Georgia, Times, serif; font-size:1.1em; font-weight:normal; line-height:1.2em; background:none;}
.companyBoard #secCol li.on a {color:#00aaa6; cursor:default;}
/* = end = */


/* = portfolio analysis = */
.portfolio #priCol li h5 {margin-bottom:.4em; font-family:Arial, Helvetica, sans-serif; font-size:.9em;}
.portfolio #priCol li {width:360px; margin:0 20px 5px 0; float:left; display:inline; padding-top:0;}
.portfolio #priCol li p {padding:0;}
/* = end = */


/* = grosvenor people = */
.bgBox {background:#00aaa6; color:#fff; padding:20px; font-size:1.3em; }
.bgBox#flashcontent { padding: 0; }
.bgBox p {line-height:1.4em;}
p.alignRight {text-align:right; padding:.4em 0 0;}
.bgBox a {color:#fff; font-size:.65em; background-image:url(../image/icon_linkWhite.gif);}
.bdrBox {border:1px solid #e5e5e5;}
/* = end = */


/* = investment = */
#investment .bgBox a {width:190px; display:block; text-align:left; float:right;}
.lCol {width:180px; float:left; display:inline; margin-right:15px; font-family:Arial, Helvetica, sans-serif;}
.lCol.group { margin-right: 8px;  }
.lCol.last .caption,
.lCol.group  .caption { border-bottom: none;  }
.lCol.last { margin-right: 0; }
.caption p {line-height:1.4em; font-size:.75em; font-family:Arial, Helvetica, sans-serif;}
.lCol b {font-weight:normal;}
.caption h5 {font-family:Arial, Helvetica, sans-serif; font-size:.9em;}
p.story {color:#00aaa6; font-size:.8em; font-family:Arial, Helvetica, sans-serif;}
/*.rCol {width:365px; float:left; display:inline; background:#eee;}*/
.caption {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:8px 0 0; margin-bottom:5px;}
.caption.plain { border: none; margin: 0; padding: 0; }
.intro {font-size:1.15em; border-bottom:1px solid #e5e5e5; margin-bottom:.8em;}

#secCol .caption h5 { padding-bottom: 10px; }
/* = end = */

/* = page footer = */
#ftr {clear:both; color:#999; font:1.2em/1.6em Arial, Helvetica, sans-serif; height:3em; width:100%; min-width:100%; margin-top:-3em; position:relative;}
#ftr div {width:970px; min-width:970px; margin:0 auto; border-top:1px solid #e5e5e5; text-align:left; padding-top:5px;}
/* = end = */


/* = clearfix = */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
/* = end = */