/*======================================================================
	*Author: Leonie Lindo
	*Project: Capita Annual Report 2009
	*Description: Print Stylesheet layout code: 
	
	*Start date:16/02/2010
========================================================================*/
/*==============================================
	1. RESET MARGINS/PADDINGS
================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0; padding:0; line-height:1;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,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-weight:normal;}
abbr,acronym {border:0;}

/*==============================================
	2. GENERIC LAYOUT AND PRESENTATION
================================================*/
body {margin:0; padding:0; font:62.5% Arial, Helvetica, sans-serif; color:#505253; background:url(../images/body-bg.gif) left bottom scroll repeat-x;}
/* using "font size 62.5%" sets 1.0em = 10px
	makes matching font-size and line-heights to designs simpler
	1.5em = 15px */

/*------2.1 Prevent Firefox Scrollbar Jump ----------*/
html{ overflow-y:scroll; }

.clear{clear:both;}

/*----- 2.2 link style -----*/
a {outline:none; text-decoration:none; color:#006fc4;}
a:hover {text-decoration:underline; color:#983222;}
* :focus {outline:none;}/*[THIS GETS RID OF THE DOTTED OUTLINE FROM AROUND ANY LINK ON FOCUS]*/
* :active {outline:none; -moz-outline: 0 none;}/*[THIS GETS RID OF THE DOTTED OUTLINE FROM AROUND ANY LINK ON FOCUS ON OLDER FIREFOX AND MOZILLA BROWSERS]*/
a img {border:none;}
/*==============================================
	3. GENERIC TYPOGRAPHY
================================================*/
h1 {border-bottom:1px solid #e6e6e6; color:#983222; font-weight:bold; font-size:2.5em; margin-bottom:16px; padding-bottom:14px;} 
h2 {color:#983222; font-weight:bold; font-size:1.3em; }
h3 {font-weight:bold; font-size:1em;}
h4 {font-weight:normal; font-size:1em;}
h5 {font-weight:normal; font-size:1em;}
h6 {font-weight:normal; font-size:1em;}

/*==============================================
	4. STRUCTURES NOT FOR PRINT
================================================*/
#accessibility, #header-links, #header-search, #nav, #sub-nav, #secondary-content, #footer ul {display:none;} 
.hide {display:none}/* use this class for objects you wish to hide from the DOM*/
.offscreen {position:absolute; top:-1000px; left:-1000px;}/* use this class for objects you wish to hide offscreen but intent to be read by a screen reader*/

#top {padding:5px 0 20px 0; margin:0 ; position:absolute; top:-1000px; left:-1000px;}

/*============================================== 
	5. STRUCTURAL LAYOUT 
================================================*/
#wrapper {width:100%; float:none;}
#wrapper-content {width:100%; margin:0; overflow:visible;}
#primary-content {width:100%; float:none; overflow:visible;}

/*-------------------------------- 
	5.1 Header 
---------------------------------*/
#header {width:980px; float:left; }

/*---5.1.1 header-title -------*/
#header-title-wrap {width:980px; float:left; margin-bottom:}
#header-title {float:left; width:654px;}
#header-title img {float:left; width:127px;}
#header-title p {font-size:1.6em; font-weight:bold; margin-left:122px; float:left; width:auto; padding-top:13px; }

/*--------------------------------
	6. BREADCRUMB
---------------------------------*/
#breadcrumb {width:100%; float:none; margin:9px 0 13px 0;}
#breadcrumb ul {float:left; width:auto; margin-left:-4px;}
#breadcrumb ul li{float:left; width:auto; margin-left:4px; font-size:1.1em;}
#breadcrumb ul li a{background:none; display:block; padding-right:13px;}

/*--------------------------------
	9. MAIN SECTION
---------------------------------*/
#main {width:100%; float:left; font-size:1.2em; line-height:1.3; margin-bottom:27px;}

/*--------------------------------
	9.1 Main content
---------------------------------*/
#main-content {background: url(../images/maincontent-bg.gif) left bottom no-repeat #fff; float:left; padding:0 10px 30px 0; width:100%;}

/*----------- 9.1.2 Main content wide -------*/
#main-content.wide {background: url(../images/maincontent-wide-bg.gif) left bottom no-repeat #fff; float:left; padding:0 10px 30px 0; width:100%;}

/*------------9.1.3 Landing ----------------*/
#landing {float:left; width:100%; background:#fff; float:left; padding:0 0 0 0; position:relative; font-size:1.1em;}
#landing.wide-content {background:url(../images/wide-content-btm.gif) left bottom #fff no-repeat; margin-bottom:26px;}

/*---------- 9.1.4 Sub Landing ---------------*/
#sub-landing {float:left; position:relative; width:100%; background:#fff; float:left; padding:0;}

/*================================
	10. FOOTER
=================================*/
#footer-outer-wrapper {background:url(../images/footer-bg.gif) repeat-x 0 0; clear:both;  padding:28px 0 81px 0; width:100%; }
#footer-inner-wrapper {background:#fff; border-top:1px solid #c7c2ba;  float:left; padding-top:5px; width:100%;}
#footer{width:980px; margin:0 auto; font-size:1.1em;}
#footer p { padding-bottom:8px; margin-left:21px; float:left; width:643px; display:inline;/* FOR IE6 */}
p#copyright { color:#9e9e9e; padding-top:18px; float:left; width:100%; display:inline;/* FOR IE6 */ text-align:center; border-top:1px solid #c7c2ba; }

/*********************************************** MODULES *******************************************************/
/*********************************************
	1. GENERIC MAIN CONTENT STYLE
**********************************************/
#main-content p{line-height:1.4em; padding-bottom:20px; font-size:1.1em; word-spacing:0.1em;}
#main-content p span {color:#006fc4;}
#main-content blockquote{padding-left:10px;}
#main-content blockquote.pullquote {width:280px;}
#main-content blockquote p{font-style:italic; padding-bottom:5px;}
#main-content blockquote p.role-title {font-style:normal; font-weight:bold; }
#main-content blockquote.pullquote p{color:#ff5800; font-size:1.3em; font-style:normal; font-weight:bold; padding-bottom:20px;}
#main-content ul{margin-bottom:26px; list-style:square; list-style-position:inside;}
#main-content ul li{background:none;  line-height:1.4em; margin-bottom:10px; padding-left:0; font-size:1.1em; word-spacing:0.1em;}
#main-content h1{}
#main-content h1 em{color:#ff5800; display:block; font-size:0.5em; font-style:normal; margin-bottom:8px; margin-top:5px;}
#main-content h2{padding-bottom:3px;}
/*-----------------------------------------
	 1.1 Introduction
-------------------------------------------*/
#introduction {width:95%;}
#introduction strong{font-size:1.2em;}
#introduction em {font-style:normal;color:#006fc4; }
#main-content.wide #introduction {padding-right:85px;}

/*--------------------------------------
	1.5 Two column layout
--------------------------------------*/
.two-column-wrap {width:95%; float:left; _float:none; overflow:visible;}
.two-column-box {float:left; display:inline;}
.two-column-box h3 {color:#983222; font-weight:bold; font-size:1.2em;}
.two-column-box{width:247px;}
#main-content .two-column-wrap ul {list-style:none; list-style-position:none; }

/*----------------------------
	1.5.1 Layout for charts
-----------------------------*/
.two-column-wrap.module-charts {margin-bottom:26px;}
.module-charts .two-column-box{width:239px; margin-right:20px;}
.module-charts .two-column-box.no-rmg{margin-right:0;}
.module-charts .two-column-box div{background:#f7f7f7; padding:2px 4px; width:239px;}
#main-content .module-charts .two-column-box ul{ margin-bottom:14px;}
#main-content .module-charts .two-column-box ul li {background:none; border-bottom:1px solid #e6e6e6; color:#983222; margin:0; padding:2px 0;}
.module-charts .two-column-box ul li h3{color:#983222; font-weight:normal; font-size:1.2em; padding:0;}
#main-content .module-charts .two-column-box ul li.latest-figure{color:#ff5800; font-size:1.5em; font-weight:bold; }
#main-content .module-charts .two-column-box ul li.latest-figure em{color:#ff5800; font-size:0.6em; font-style:normal; font-weight:normal; }
#main-content .module-charts .two-column-box a {background:#fff; display:block; font-size:0.9em; margin-top:5px; padding-left:4px;}

/* -------------------------------
	1.6 Three column layout
----------------------------------*/
.three-column-wrap {width:100%; clear:both; float:left;}
.three-column-wrap h2 {padding:10px;}
.three-column-wrap h3 {padding:10px; font-size:1.5em; color:#983222; padding:0 0 5px 0; margin:0;}
.three-column-box img{padding-left:10px;}

/* --------------------------
	1.6.1 Three column intro 
-----------------------------*/
.three-column-intro {font-weight:bold; font-size:1.3em; width:425px; padding:10px;}
.three-column-intro p {line-height:1.3;}

/* ------------------------
	1.6.2 Three column box
--------------------------*/
.three-column-box {width:260px; float:left; margin-right:8px; display:inline;}
.three-column-box.no-rmrg {margin-right:0;}
.three-column-box-text {width:258px; background:#fff; border-left:1px solid #ecebeb; border-right:1px solid #ecebeb; min-height:110px; height:auto!important; height:110px; padding-bottom:20px;} 
.three-column-box-btm {background:url(../images/landing-box-btm.gif) left bottom no-repeat; height:3px; width:260px; }
.three-column-box p {padding:10px 30px 10px 10px; line-height:1.3;}
.three-column-wrap a {background:url(../images/link-icon.gif) 0 4px no-repeat;  padding:5px 30px 4px 19px; margin-left:10px; display:inline-block; margin-bottom:0; }
.three-column-box dl {float:left; padding-bottom:10px; width:100%; border-top:1px solid #e6e6e6}
.three-column-box dt {float:left; display:inline-block; width:110px; padding:5px 0; border-bottom:1px solid #e6e6e6}
.three-column-box dd {float:left; display:inline-block; width:121px; padding:5px 0; border-bottom:1px solid #e6e6e6}

/*----------------------------------------------------
	1.7 Two and Three column layout for tables module
------------------------------------------------------*/
.module-tables {margin-bottom:44px;}
.module-tables table {width:100%;}
.module-tables td{padding:4px 0; text-align:right;}
.module-tables th {font-weight:bold; border-bottom:1px solid #e6e6e6}
.module-tables td {border-bottom:1px solid #e6e6e6}
.module-tables .desc {text-align:left;}
.module-tables .highlight {color:#ff5800;}

/*---------- two column ---------*/
.module-tables .two-column-box{padding-right:25px; width:235px;}
.two-column-box caption{color:#983222; font-weight:bold; font-size:1.2em;}
.two-column-box th {padding:4px 0; text-align:right;}

/*---------- three column ---------*/
.three-column-wrap.module-tables {background:url(../images/three-col-btm.gif) left bottom no-repeat; padding-bottom:19px; margin-bottom:0!important;}
.three-column-wrap.module-tables img {float:left; width:auto;}
.three-column-wrap.module-tables a {margin-left:0; font-size:0.9em; margin-top:5px;}
.module-tables .three-column-box{width:235px; margin-right:24px;}
.module-tables .three-column-box .desc {color:#006fc4;}
.three-column-box caption {color:#983222; font-weight:bold; font-size:1.5em;}
.three-column-box caption.orange {color:#ff5800;}
.three-column-box th {padding:4px 0; text-align:right;}

/**************************************************
	2. ACCORDION
***************************************************/
.accordion {width:100%; clear:both; border-bottom:1px solid #e6e6e6; margin-bottom:41px;}
.accordion .head {background:url(../images/accordion-bg.gif) left bottom repeat-x; padding:13px 0 14px 0; border-top:none; font-size:1.2em; clear:both; margin:0;}
.accordion .head a {background:none; display:block; padding-left:0; margin-left:0; line-height:1.2; color:#983222;}
/*.accordion .head a:hover {background:none; text-decoration:none;}
.accordion .head.active-head a{background:url(../images/accd-open.gif) 0 2px no-repeat; color:#983222; }
*/.accordion .first-head {border-top:none;}
.accordion-content {padding-top:14px; display:block!important;}
.accordion-content.active {display:block!important;}
.accordion-content ul {displau:inline-block;}
/*--------------------------------------------------
	2.1 Accordion content: Detail-wide
---------------------------------------------------*/
#main-content.wide .accordion-content {padding-right:85px;}

/*--------------------------------------------------
	2.2 Accordion 2-column chart module: Detail wide
---------------------------------------------------*/
#main-content.wide .two-column-wrap.accd-module-charts {margin-bottom:30px;}
#main-content.wide .two-column-wrap.accd-module-charts .chart-slot{padding-left:10px; margin-right:20px; float:left; width:auto; margin-bottom:10px;}
#main-content.wide .two-column-wrap.accd-module-charts p{clear:both; float:left; width:100%; padding-right:0;}


/********************************************************************
	3. DETAIL WIDE ELEMENT STYLES
********************************************************************/
#main-content.wide p, #main-content.wide ul {padding-right:85px;}

/*-------------------------
	3.1 Charts layout
--------------------------*/
#main-content.wide .module-charts .two-column-box ul {padding-right:0;}

/*-----------------------------
 	3.2 Financial table
------------------------------*/
.financial {width:100%; margin-bottom:34px;}
.financial caption {color:#983222; font-weight:bold; font-size:1.2em;}
.financial td, #main-content.wide .financial th {padding:4px 0; text-align:right;}
.financial th {font-weight:bold; border-bottom:2px solid #bfbfbf; text-align:right;}
.financial td {border-bottom:1px solid #bfbfbf}
.financial .desc {text-align:left;}
.financial .highlight {color:#983222;}

/************************************************************
	4. ACCOUNTS
************************************************************/
.accounts-module-wrap {float:left; width:100%;}
.accounts-module-wrap h2 {color:#505253; display:block; float:left; font-size:1.2em; font-weight:bold; width:400px;}

/* -------------------------------
	4.1 Excel module
----------------------------------*/
.accounts-module-wrap #excel-module {display:none; float:right; margin-top:-13px; width:166px; position:relative; z-index:2;}
.accounts-module-wrap #excel-module a {background:url(../images/excel-icon.gif) 0 0 no-repeat; display:inline-block; font-size:1em; font-weight:bold; line-height:1.3; padding:0 0 21px 31px;}
.accounts-module-wrap #excel-module a span {color:#505253; font-weight:normal;}

/* -------------------------------
	4.2 Pagination
----------------------------------*/
#pagination {display:none;}
#main-content #pagination ul {border-bottom:1px solid #e6e6e6; float:left; margin-bottom:7px; padding:0; width:100%;}
#pagination ul li {background:none; float:left; font-weight:bold; margin:0 5px 0 0; padding:7px 0 8px 0; width:auto;}
#pagination p {padding:0 ; margin:0; float:left;}
#pagination ul li.list-divider{background:url(../images/footer-divider.gif) 0 9px  no-repeat; padding-left:10px;}
#pagination a {float:left; clear:both; display:block; width:100%;}
#pagination ul li a {float:left; clear:none; width:auto;}


/***********************************************
	10. BOARD MEMBERS
************************************************/

/*--------------------------------------
	10.1 Board non-javascript layout
---------------------------------------*/
#board-wrap {float:left; width:100%; }
#board-wrap h2 {color:#006fc4; margin:5px 0 0 0; padding:0; font-size:1em;}
#board-wrap h3 {margin:15px 0 3px 0; padding:0; }
#main-content #board-wrap p {font-size:1em; padding:0; margin:0;}
#main-content #board-wrap ul {margin:0; padding:0; width:100%; list-style:none; list-style-position:none;}
#main-content #board-wrap ul li {background:none; padding:0 0 10px 0; margin:0 0 10px 0; display:block; float:left; _float:none; width:100%; border-bottom:1px solid #ccc; }
#main-content #board-wrap ul li ul {margin:0; padding:0; width:auto; }
#main-content #board-wrap ul li ul li {background:none; padding:0; margin:0; display:block; float:none; width:auto; font-size:0.9em; border:none;}

/*---------- board overview ---------*/
#board-overview {width:100%; float:none; _float:left;}
#board-overview p{font-size:1.2em;}

/*---------- member wrap ---------*/
#member-wrap {width:100%; float:none; _float:left; /*height:630px; overflow-y: scroll;*/ }
#main-content #board-wrap .profile-pic {width:148px; float:left;}
#main-content #board-wrap .profile-pic h2 {display:none;}
#main-content #board-wrap .profile-pic p {display:none;}

/*---------- member role ---------*/
#main-content #board-wrap .member-role {margin-bottom:10px; width:505px; float:left; padding-left:10px;}
#main-content #board-wrap .member-role p{font-size:0.8em;}

/*---------- member profie ---------*/
#main-content #board-wrap .member-profile {width:505px; float:left; display:inline; padding-left:10px;}
#main-content #board-wrap .profile-wrap img {display:none;}
#main-content #board-wrap .member-role p span {color:#505253; display:block;}

/**************************************************
	11. HOMEPAGE
***************************************************/
/*--------------------------------
	11.1 Non-javascript layout
---------------------------------*/
#slider {background:url(../images/homepage/home-slideshow-frame.gif) left bottom no-repeat; clear:both; float:none; height:388px; width:100%; overflow:scroll; overflow-x:hidden; position:relative; margin:-1px 0 15px 0;}

/*-------------------------------------------
	11.2 Javascript layout
-----------------------------------------------*/
.hasJS #slider {background:url(../images/homepage/home-slideshow-frame.gif) left bottom no-repeat; clear:both; float:none; height:388px; width:100%; overflow:hidden; overflow-x:hidden; position:relative;  margin-bottom:15px;}

/*-------------------------------------------
	11.3 Innerfade module
-----------------------------------------------*/
/*-------- Slider text module -----------*/
.grid_6 { display:inline; float:left; margin-left:0; margin-right:0; width:456px;}
ul#portfolio-desc{width:434px; float:left; position:absolute; z-index:500;}
ul#portfolio-desc li {height:388px;}
ul#portfolio-desc h2{font-size:3.4em;  padding:22px 0 0 0; margin-left:0; width:450px;}
ul#portfolio-desc h2 span {position:absolute; top:-1000px; left:-1000px;}
ul#portfolio-desc p{font-size:2.5em; color:#ff5800; width:55%; margin: 0 0 33px 0; font-weight:normal; padding:0;letter-spacing:-0.5px; line-height:1.2; word-spacing:-2px}
ul#portfolio-desc a {background:none; font-size:2em; padding-left:0px; width:400px; margin-left:0;}

/*---------- Slider image style -----------*/
.grid_10{display:inline; float:right; margin-left:0; margin-right:1px; width:471px;}

#portfolio img{width:471px; height:385px;}
ul#portfolio li img{border: none; padding: 0;}

/*----------- Slider navigation-----------*/
#slide_nav{background:#fff; width:95px;}
ul#slide_nav {display:block; padding:0; position: absolute; left: 438px; bottom:20px; z-index: 100;}
ul#slide_nav li{list-style:none;}
#slide_nav li:hover{cursor: pointer; cursor: hand; z-index: 100;}
#slide_nav li span{margin-left: -10000px;}
#slide_nav li{background-repeat: no-repeat; overflow: hidden; top: 0px; }
ul#slide_nav li {background-image: url(../images/homepage/button.gif); display:block; float:left; height: 9px;list-style:none; margin 0 0 0 3px; padding:2px; width:10px;cursor:pointer;}
ul#slide_nav li:hover {}
ul#slide_nav li#button_selected {background-image: url(../images/homepage/button-selected.gif);}
ul#slide_nav li#button_selected:hover {}

/*---------------------------------------
	11.4 Home module boxes
----------------------------------------*/
#home-modules { float:none; _float:left; width:100%; font-size:1.1em;}
#home-modules h3 {display:block; color:#006fc4; font-weight:bold; font-size:1.5em; margin:10px 0 0 10px; letter-spacing:-0.2px;}
#home-modules h4 {margin:0 0 0 10px; padding:0; color:#983222; font-weight:bold; display:block; font-size:1.3em;}
#home-modules p {margin:0 0 0 11px; color:#ff5800; font-weight:bold; }

/*------------ Home box 1 ---------*/
.home-box-1-wrap a, .home-box-2 a {background:url(../images/link-icon.gif) 0 4px no-repeat; display:inline-block; margin:0 0 0 11px; padding:5px 0 4px 18px; }
.home-box-1-wrap {width:480px; float:left;  background:url(../images/home-box-1.png) left bottom no-repeat #fff;  margin-bottom:0; min-height:287px; height:auto!important; height:287px;/*behavior: url("css/iepngfix.htc");*/}
.home-box-1 {width:227px; float:left; padding:18px 0 0 11px}
#home-modules .home-box-1 h4 {margin:0;}
#home-modules .home-box-1 p {margin:5px 0 0 0; font-size:3.2em; letter-spacing:-1px;}
#home-modules .home-box-1 span {font-weight:normal; display:block; font-size:0.9em; padding-bottom:13px; letter-spacing:-4px; }

/*------------ Home box 2 ---------*/
#home-box-2-wrap {clear:both; float:none; _float:left; width:100%;}
.home-box-2 {width:238px; float:left;  display:inline; background:url(../images/home-box-2.png) left bottom no-repeat #fff; margin-bottom:0; margin-left:8px; min-height:287px; height:auto!important; height:287px;/* behavior: url("css/iepngfix.htc");*/}
.home-box-2 h3 {padding-bottom:18px; display:block;}
.home-box-2 img {margin-bottom:20px; float:left;}
.home-box-2 p {font-size:1.5em; letter-spacing:-1px; padding-bottom:3px;}
#home-modules .home-box-2 p.red-text { color:#983222;}
.home-box-2 span {width:75px; display:inline-block;}

/*------------Quick links ---------*/
#home-modules #q-links.home-box-2 h3 {color:#505253; padding-bottom:12px;}
#home-modules #q-links.home-box-2 ul {margin:0; padding:0; font-size:1.1em;}
#home-modules #q-links.home-box-2 ul li {margin:0; padding:0; line-height:1;}
#home-modules #q-links.home-box-2 ul li a{background:none; display:inline-block; margin:0 0 0 11px; padding:5px 0 3px 0; }

/*---------------------------------------
	11.5 Disclaimer
----------------------------------------*/
#disclaimer {float:left; clear:both; width:100%;  padding:20px 0 26px 0 ;font-size:1.1em;}
#disclaimer h4 {font-weight:bold; padding-bottom:18px;}
#disclaimer p{line-height:1.35; padding:0 60px 0 0;}

/*****************************************************************
	5. LANDING
*****************************************************************/

/*-----------------------------------------------
	5.1 Introduction
------------------------------------------------*/
#landing h1 {font-size:2.5em; font-weight:bold; margin-bottom:18px; padding-bottom:17px; color:#ff5800; border-bottom:none;}
#landing h2 {font-size:1.7em; font-weight:normal; color:#ff5800; border-bottom:none;}
#landing h2 em {font-style:normal;}
#landing p{line-height:1.3em; padding-bottom:20px; }
#landing ul{font-size:1.1em;}
#landing ul li{background:url(../images/square-icon.gif) 0 3px no-repeat; line-height:1.3em; margin-bottom:13px; padding-left:12px;}
/*-----------------------------------------------
	5.1 Introduction
------------------------------------------------*/
#landing #introduction {padding-right:0; color:#983222; margin-bottom:27px; width:698px;}
#landing #introduction p {font-size:1.3em; font-weight:normal; color:#505253; padding-right:180px}

/*-----------------------------------------------
	5.1.1 Introduction: Overview
------------------------------------------------*/
#landing #overview {padding-right:0; color:#983222; margin-bottom:27px; width:663px;}
#landing #overview p {font-size:1.1em; font-weight:normal; color:#505253; }
#landing #overview strong {font-size:1.4em; }

/*------------------------------------------
	5.2 Landing Secondary content modules
-------------------------------------------*/
#landing .side-box a{background:url(../images/grey-bg-link-icon.gif) 0 4px no-repeat;  display:block; margin:0; padding:5px 0 4px 19px!important;}
#landing .side-box-text{background:#fff; border-left:1px solid #efefef; border-right:1px solid #efefef; padding-bottom:0; }
#landing .side-box p {font-weight:normal; padding-right:20px; padding-bottom:8px; line-height:1.4em;}
#landing .side-box h3 {font-size:1.4em;}
#landing .side-box ul li {background:none; padding:0; margin:0;}
#landing .side-box ul li a{padding:0; margin:0; display:inline-block;}

/*------------------------------------------
	5.2.1 Quick links
-------------------------------------------*/
#landing .side-box.quick-links p {font-size:1.3em; font-weight:bold;}
#landing .side-box.quick-links{width:220px; margin-bottom:10px;}
#landing .quick-links .side-box-text {border:none; padding-bottom:13px; width:200px;}
#landing .quick-links .side-box-btm {background:url(../images/quick-links-btm.gif) left bottom no-repeat; height:7px; width:220px;}
#landing .quick-links a.external span {display:inline-block; background:url(../images/external-icon.gif) top right no-repeat; padding-right:12px;}

/*------------------------------------------
	5.2.2 Case study list
-------------------------------------------*/
#landing .side-box.case-study-list .side-box-text {border:none; padding-bottom:13px;}
#landing .side-box.case-study-list .side-box-text h3 {margin:0 0 3px 0; padding:0; background:none; border:none;}
#landing .case-study-list .side-box-btm {background:url(../images/case-links-btm.gif) left bottom no-repeat; height:3px; width:244px;}

/*----------------------------------------
	5.3 Landing:Accordion
-----------------------------------------*/
#landing .accordion {width:663px;}
#landing .accordion h2.head {padding:7px 0 7px 0; font-size:1.5em; font-weight:bold; }
#landing .accordion-content h3 {font-size:1.2em;}

/*-------------------------------------------------------------
	5.4 Landing: Two and Three column tables layout
--------------------------------------------------------------*/
#landing .three-column-wrap.module-tables {background-image:none; background-color:#f9f9f9; margin-bottom:20px!important;}
/*---------- tables ---------*/
#landing .module-tables table{width:70%; }
#landing .module-tables h3 {display:block; width:100%;}
#landing .module-tables .three-column-box{width:215px; margin-right:0; }
#landing .module-tables .three-column-box.no-rmrg {margin-right:0;}

/*---------- box width 415px ---------*/
#landing .module-tables .three-column-box.w415{width:415px; margin-right:0; }
#landing .module-tables .three-column-box.w415 h3 {display:block; float:left; padding:0; margin:0;}
#landing .module-tables .three-column-box.w415 div {float:left; width:210px; padding:0; margin:0; display:block;}
#landing .module-tables .three-column-box.w415 img {float:right; width:176px; padding:0; margin:0;}
#landing .module-tables .three-column-box.w415 div p {color:#983222; font-size:1.8em; font-weight:bold;}
#landing .module-tables .three-column-box.w415 div span {color:#ff5800; display:block; font-style:normal; }

/*---------- public market ---------*/
#landing .module-tables .public caption {padding-bottom:5px; color:#ff5800; margin-top:10px;}
#landing .module-tables .public td {border-bottom:none; color:#ff5800;}
#landing .module-tables .three-column-box .public td.desc {color:#ff5800;}

/*---------- private market ---------*/
#landing .module-tables .private caption {padding-bottom:5px; margin-top:10px;}
#landing .module-tables .private td {border-bottom:none; color:#983222;}
#landing .module-tables .three-column-box .private td.desc {color:#983222;}

/* ----------------------------------------------
	5.5 Landing Secondary content
------------------------------------------------*/
#landing #secondary-content {position:absolute; top:0; right:10px; z-index:10;}
#landing #wide-content #secondary-content {position:absolute; top:0; right:10px; z-index:10;}
#secondary-content.landing-secondary {width:220px;}

/*-----------------------------------------------------------------------
	5.6 SUB LANDING
------------------------------------------------------------------------*/
#sub-landing h1 {font-size:2.5em; font-weight:bold; margin-bottom:18px; padding-bottom:17px;}

/* ----------------------------------------------
	5.6.1 Introduction
------------------------------------------------*/
#sub-landing #introduction {padding-right:0; color:#983222; margin-bottom:27px; width:537px;}
#sub-landing #introduction p {font-size:1.5em; font-weight:bold;}
#sub-landing #introduction.download p {font-size:1em; font-weight:normal; color:#505253;}

/* ----------------------------------------------
	5.6.2 Landing Secondary content
------------------------------------------------*/
#sub-landing #secondary-content {position:absolute; top:0; right:0; z-index:10;}

/* -------------------------------
	5.7 Tabs
----------------------------------*/
#tab-wrap { width:100%;}

/*----------------------------------------
	5.7.1 Non javaScript version layout
-----------------------------------------*/
#tab-menu {display:none;}
#tabs-content {background:#fff; float:left; width:100%; padding-bottom:70px;}

/*---------------------------
	5.7.2 Generic tab styles
----------------------------*/
#tabs-content h2 {padding-bottom:16px;}
#tabs-content ul {margin-bottom:5px; width:280px;}
#tabs-content ul li {border-bottom:1px solid #e6e6e6; font-size:1.2em; font-weight:bold; padding:5px 0; background:none; }
#tabs-content ul li.last-list {border-bottom:none;}
#tabs-content a {background:none;  padding:5px 0 4px 0;}
#tabs-content .ui-tabs-panel{margin-bottom:10px;}
/* -------------------------------
	5.8 Landing: TABS
----------------------------------*/
#landing #tab-wrap { width:100%; font-size:1.2em;}

/*---------- tab content ---------*/
#landing #tabs-content {padding-top:15px; padding-bottom:150px;}
#landing #tabs-content p {font-size:1.05em; margin-bottom:10px;}
#landing #tabs-content a {background:none;  padding:5px 0 4px 0; font-weight:bold; }
#landing #tabs-content ul li {background:none;  padding:0; margin:0;}

/********************************************
	6. DOWNLOAD CENTRE
*********************************************/
#download {padding: 0 0 0 10px;}
#download h1{border-bottom:1px solid #e6e6e6; color:#983222; font-weight:bold;}
#download h2 {color:#505253; font-size:1.4em; font-weight:bold;}
#download #introduction p {font-size:1.0em; font-weight:normal; color:#505253; padding-right:85px}

/*----------------------------------------
	6.1 Full-report module
-------------------------------------------*/
#full-report {width:537px;  height:200px;}

/*-------------------------------
	6.2 Two column layout
--------------------------------*/
#download .two-column-wrap{ margin-top:20px; float:none; display:inline;  width:100%;}
#download .two-column-box{width:466px; margin-right:10px; display:inline; float:none;}
#download .two-column-box.no-rmg{margin-right:0;}
#download ul {width:466px; margin-bottom:0;}
#download ul li{background-image:none; padding:0; margin:0 0 5px 0; }
#download ul li.grey{background-color:#f7f6f4;}
#download ul li a{color:#006fc4; font-weight:bold; padding:6px 0 8px 32px; display:inline-block; vertical-align:text-top; width:320px;}
#download ul li a span{color:#505253; font-weight:normal;}
#download ul li a.pdf{background:url(../images/pdf-icon.gif) 0 3px no-repeat; }
#download ul li a.excel{background:url(../images/excel-icon.gif) 0 4px no-repeat; }
#download ul li input {margin:5px 20px 0 15px; vertical-align:text-top;}

/*-------------------------------
	6.3 Selection module
--------------------------------*/
#selection {display:none;}



/**********************************************
	7. SITEMAP
***********************************************/
#landing #sitemap {padding:0;}
#landing #sitemap h1{border-bottom:1px solid #e6e6e6!important; color:#983222; font-weight:bold; display:block; float:left; width:99.5%;}

/*---------- Two coloumn layout ---------*/
#sitemap .two-column-wrap {padding-bottom:30px;} 
#sitemap .two-column-box {width:310px; margin-right:25px;}
#sitemap .two-column-box.no-rmrg{margin-right:0;}

#sitemap ul {margin:0; font-weight:1.1em; }
#sitemap ul li {margin:0; font-size:1.1em; background-image:none; font-weight:bold; padding:5px 0 0 0;}
#sitemap ul li ul {margin-left:26px; margin-top:5px;}
#sitemap ul li ul li{ font-size:0.9em; padding:0 0 0 12px; font-weight:normal; background:url(../images/square-icon.gif) 0 3px no-repeat;}
#sitemap ul li ul li ul {margin-left:7px; margin-top:0;}
#sitemap ul li ul li ul li{ font-size:0.9em; padding:0 0 0 14px; font-weight:normal; background:url(../images/dash.gif) 0 6px no-repeat;}

/**********************************************
	8. CASE STUDIES LANING
***********************************************/
#landing #case-studies {padding:0; float:left; width:100%; padding-bottom:51px;}
#landing #case-studies h1 {margin-bottom:8px; width:100%;}
#case-studies #introduction{width:395px; }
#case-studies #introduction p{font-size:1.5em; font-weight:bold; margin:0 0 0 0; padding:0 42px 0px 0; word-spacing:0.8px; letter-spacing:-0.4px; line-height:1.1em;}
#case-studies p {font-size:1.2em; font-weight:bold; margin:0; padding:0 0 0 10px; line-height:1.2;}
#case-studies a {background:none; display:inline-block; font-size:1.1em;  margin-left:10px; padding:4px 0 4px 0;}

/*---------- case studies coloumn(s) ---------*/
.cs-column {width:100%;clear:left; margin-right:10px; float:left; min-height:271px; height:auto!important; height:271px;}
.cs-column-box {width:239px; float:left;}
.cs-column-box p {width:165px; letter-spacing:0.3px;}
.cs-column-box a {width:175px; line-height:1.2;}
#case-studies .cs-1 p{padding-top:24px; width:175px;}
#case-studies .cs-1 a{width:175px;}
#case-studies .cs-2 p{margin-left:2px; padding-top:13px; width:190px;}
#case-studies .cs-2 a{margin-left:13px; width:150px;}
#case-studies .cs-3 p{padding-top:8px; width:190px; margin-left:3px;}
#case-studies .cs-3 a {Margin-left:11px;}
#case-studies .cs-4 p{padding-top:4px; margin-left:10px; width:190px;}
#case-studies .cs-4 a {margin-left:17px;}
#case-studies .cs-5 {padding-top:16px; clear:both; float:left;}
#case-studies .cs-5 p{padding-top:7px; margin-left:1px; width:235px;}
#case-studies .cs-5 a {margin-left:12px; width:225px;}

/****************************************************************
	9. CASE STUDY
*****************************************************************/
#case-study-wrap {width:100%; margin-top:0; position:relative; z-index:10;  top:0; left:0;}
#case-study-wrap ul {margin:0; color:#ff5800; font-size:1.2em; font-weight:bold; padding:0 14px 24px 14px; }
#case-study-wrap ul li{margin:0; padding:0 0 0 0; display:inline-block; line-height:1.4;}

/*-----------------------------------------
	9.1 Case study non-javascript layout
--------------------------------------------*/
#case-study-slideshow-wrap {float:left; width:100%; height:619px; overflow:scroll; position:relative; top:0; left:0; margin-bottom:10px;}
.case-study-slideshow {float:left; width:100%; position:relative; top:0; left:0; background:#fff;}
.case-study-slideshow img {float:right; width:611px;}
.case-study-slideshow.default-slide {display:block; background:#fff;}

/*-----------------------------------------
	9.2 Case study javascript layout
--------------------------------------------*/
.hasJS #case-study-slideshow-wrap {float:left; width:100%; height:619px; overflow:hidden; position:relative; top:0px; left:0; margin-bottom:10px;}
.hasJS .case-study-slideshow.default-slide {z-index:13;}
.hasJS .case-study-slideshow {position:absolute; top:0; left:0; background:url(../images/casestudy-bg.gif) 0 0 repeat-x #fff}
.hasJS .case-study-slideshow.reveal {z-index:12;}

/*------------------------------------
	9.3 Cases study pullquote
-------------------------------------*/
.case-study-pullquote-wrap  {position:absolute; top:0;  width:332px; }
.case-study-pullquote  {background:#fff; border-left:1px solid #efefef; border-right:1px solid #efefef; width:332px; min-height:150px; height:auto!important; height:150px;}
.case-study-pullquote p { color:#ff5800; font-weight:bold; line-height:1.2; padding:12px 14px 24px 14px;}
.case-study-btm  {background:url(../images/cs-box-btm.png) no-repeat left top; behavior: url("../css/iepngfix.htc"); width:332px;}

/*----- pullquote position ----------*/
.cs-box1  {top:30px; left:0; }
.cs-box2  {top:30px;left:0; z-index:12; }
.cs-box3  {top:195px; left:0; z-index:12;}
#case-study-wrap .cs-box1 p{font-size:2.1em;}
#case-study-wrap .cs-box2 p{font-size:2.1em;}
#case-study-wrap .cs-box3 p {font-size:1.3em; font-weight:normal; padding-bottom:2px;}
#case-study-wrap .cs-box4 p{font-size:1.3em; font-weight:normal; padding-bottom:2px;}

/*------------------------------------
	9.4 Cases study sidebox
-------------------------------------*/
#secondary-content.case-study-sidebox {display:none; }

/*------------------------------------
	9.5 Cases study content
-------------------------------------*/
#case-study-content{ width:540px; float:left;  margin-top:0; z-index:10; position:relative;}
#case-study-info-wrap{ width:540px; float:left;}
#case-study-info {width:538px; background:#fff; border-left:1px solid #e9e9e8; border-right:1px solid #e9e9e8; padding:0 0 5px 0;}
#case-study-info p{padding:0 55px 19px 14px; font-size:1.2em; line-height:1.4}
#case-study-info h2{color:#505253; font-size:1.2em; padding:0 55px 2px 14px; margin:0;}
#case-study-info-btm{ width:540px; float:left; background:url(../images/cs-info-btm.gif) left top no-repeat;}
#case-study-info #introduction {padding-top:17px; font-size:1.0em; margin-bottom:24px;}
#case-study-info #introduction p{line-height:1.1; letter-spacing:-0.3px; word-spacing:-1px; padding-bottom:0;}





/***********************************************
	10. BOARD MEMBERS
************************************************/

/*--------------------------------------
	10.1 Board non-javascript layout
---------------------------------------*/
#board-wrap {float:left; width:100%; }
#board-wrap h2 {color:#006fc4; margin:5px 0 0 0; padding:0; font-size:1em;}
#board-wrap h3 {margin:15px 0 3px 0; padding:0; }
#main-content #board-wrap p {font-size:1em; padding:0 0 15px 0; margin:0;}
#main-content #board-wrap ul {margin:0; padding:0; width:478px;}
#main-content #board-wrap ul li {background:none; padding:0 0 10px 0; margin:0 0 10px 0; display:block; float:left; width:478px; border-bottom:1px solid #ccc; }
#main-content #board-wrap ul li ul {margin:0; padding:0; width:auto;}
#main-content #board-wrap ul li ul li {background:none; padding:0; margin:0; display:block; float:none; width:auto; font-size:0.9em; border:none;}

/*---------- board overview ---------*/
#board-overview {width:278px; float:left;}
#main-content #board-overview p{font-size:1.2em; line-height:1.2; padding-bottom:10px;}

/*---------- member wrap ---------*/
#member-wrap {width:500px; float:right; height:630px; overflow-y: scroll; }
#main-content #board-wrap .profile-pic {width:148px; float:left;}
#main-content #board-wrap .profile-pic h2 {display:none;}
#main-content #board-wrap .profile-pic p {display:none;}

/*---------- member role ---------*/
#main-content #board-wrap .member-role {margin-bottom:10px; width:305px; float:left; padding-left:10px;}
#main-content #board-wrap .member-role p{font-size:0.8em;}

/*---------- member profie ---------*/
#main-content #board-wrap .member-profile {width:305px; float:left; padding-left:10px;}
#main-content #board-wrap .profile-wrap img {display:none;}
#main-content #board-wrap .member-role p span {color:#505253; display:block;}

/*--------------------------------------
	10.2 Board javascript layout
---------------------------------------*/
.hasJS #main-content #board-wrap p {font-size:1em; padding:0 0 10px 0; margin:0;}
.hasJS #main-content #board-wrap ul {margin:0 0 10px 0; padding:0; width:478px;}
.hasJS #main-content #board-wrap ul li {background:none; padding:0; margin:0 10px 0 0; display:block; float:left; width:148px; border-bottom:none; min-height:200px; height:auto!important; height:200px;}
.hasJS #main-content #board-wrap ul li ul {margin:0; padding:0; width:auto;}
.hasJS #main-content #board-wrap ul li ul li {background:none; padding:0; margin:0; display:block; float:none; width:auto; font-size:0.9em; border:none;}

/*---------- profile picture ---------*/
.hasJS #main-content #board-wrap .profile-pic {width:148px; float:none;}
.hasJS #main-content #board-wrap .profile-pic p {width:148px; font-size:0.8em; margin:0; padding:0; line-height:1.2;}
.hasJS #main-content #board-wrap .profile-pic h2, 
.hasJS #main-content #board-wrap .profile-pic p {display:block;}
.hasJS #member-wrap {width:478px; float:right; height:auto; overflow:visible }

/*----------member role---------*/
.hasJS #main-content #board-wrap .member-role {margin:0; width:148px; float:none; padding:0; }
.hasJS #main-content #board-wrap .member-role p{ font-size:0.8em; }
.hasJS #main-content #board-wrap .member-role span {display:none;}

/*----------member profile ---------*/
.hasJS #main-content #board-wrap .profile-wrap {display:none;}
.hasJS #main-content #board-wrap .profile-wrap img {display:none;}
.hasJS #main-content #board-wrap .member-profile{width:auto; float:none; padding-left:0; display:none;}

/*------------------------------
	10.2.1 Lightbox gallery
------------------------------*/
#fancybox-inner .profile-image {position:relative; top:0; left:0; height:382px;}
#fancybox-inner .profile-image img {position:absolute; top:0; left:0;}

/*----------member role---------*/
#fancybox-inner .member-role {background:url(../images/board-overlay.png) 0 0 repeat;  behavior: url("../css/iepngfix.htc"); color:#fff; position:absolute!important; left:0!important; bottom:0!important; padding:8px 0; width:360px;}
#fancybox-inner .member-role span {display:block;}
#fancybox-inner .member-role h2{color:#fff; font-size:1.4em; line-height:1.4em; font-weight:bold; margin:0 10px 0 14px;}
#fancybox-inner .member-role p {color:#fff; font-size:1.4em; line-height:1.4em; font-weight:bold; width:210px; margin:0 10px 0 14px;}

/*----------profile wrap---------*/
#fancybox-inner .profile-wrap{width:360px;}
#fancybox-inner .profile-wrap img {display:block;}
#fancybox-inner .profile-wrap {padding:0; margin:35px 24px 24px 24px; top:0; left:0; }

/*----------member profile ---------*/
#fancybox-inner .member-profile {margin-top:16px;}
#fancybox-inner .member-profile p{font-size:1.2em; line-height:1.4em;}
#fancybox-inner .member-profile h3 {font-size:1.2em; font-weight:bold; padding:20px 0 3px 0;}
#fancybox-inner .member-profile ul {}
#fancybox-inner .member-profile ul li{font-size:1.2em; line-height:1.4em;}