html>body {/*min-height:101%; margin-bottom: 1px*/ /*overflow-y: scroll;*/}
body { height: 100%; margin-bottom: 1px;overflow-y: scroll;}
.clear {clear:both;display:block;height:0pt !important;overflow:hidden;position:relative;width:auto;}
/* GLOBAL TYPOGRAPHY */
body {font-size:62.5%; font-family: Arial, Helvetica, Verdana, sans-serif;}
div.hr hr {display: none;}
a,
a:link {color: #000; text-decoration: none; outline: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: underline;}
h1,h2,h3,h4,h5 {font-weight: bold;}
strong {font-weight: bold;}
em {font-style: italic;}
address {font-style: none;}
/* BODY, CONTAINER & LAYOUT */
body {}
.container {width: 950px; margin: auto; text-align: left; position: relative; }
#header, #content, #footer {float: left; clear: both; width: 100%;}
/* HEADER */
#header #logo {width: 215px; height: 137px; background: url(../images/global/logo.png); text-indent: -9999px; float: right; margin-bottom: 9px;}
#header #navigation {float: left;}
#header #navigation #breadcrumb {color: #666; font-size: 1.1em; line-height: 11px; float: left; clear: both; margin: 20px 0 40px 0;}
#header #navigation #breadcrumb p {float: left; margin-right: 10px;}
#header #navigation #breadcrumb p strong {font-weight: normal;}
#header #navigation #breadcrumb ul {color: #000; text-transform: uppercase; float: left;}
#header #navigation #breadcrumb ul li {float: left; margin-right: 6px;}
#header #navigation #breadcrumb ul li * {float: left; margin-right: 6px;}
#header #navigation #breadcrumb ul li a {display: block; padding-left: 8px; background: url(../images/global/dot.gif) no-repeat 0px 1px;}
#header #navigation #breadcrumb ul li ul li ul li ul li {width: 300px;}
#header #navigation #search {float: left; clear: both;}
#header #navigation #search input#search_input {border: 0; border-bottom: 2px solid #000; padding: 2px 0; width: 166px; font-size: 1.1em; outline: none;}
#header #navigation #search input#search_submit {vertical-align: bottom; margin-left: 3px; outline: none;}
#header #navigation #nav {display: none;}
/* CONTENT */
#content {margin-bottom: 24px;}
a.close {display: block; width: 16px; height: 16px; line-height: 1px; font-size: 1px; background: url(../images/global/x.gif) 0 0; position: absolute; top: 12px; right: 10px; text-indent: -9999px; z-index: 999;}
a.close:hover {background-position: -16px 0;}
div.additional a.close {background-position: 0 0!important;}
div.additional a.close:hover {background-position: -16px 0!important;}
#content a.close {background-position: 0 -16px;}
.heading a.close {right: 4px; top:16px;}
/* Grey Boxes */
div.additional {padding: 37px 24px; background: #e8e8e8; margin-bottom: 25px; position: relative; display: none; float: left; width: 902px;}
div.additional a.close {background-position: 0 0;}
div.additional a.close:hover {background-position: -16px 0;}
div.additional h1 {font-size: 1.5em; line-height: 18px; margin: 0 0 18px 0; display: block!important; padding: 0;}
#footer div.additional {margin-top: 18px; padding-bottom: 20px;}
#footer div.additional p {font-size: 1.3em; line-height: 17px; margin-bottom: 17px;}
/* Pagination */
div.pagination {width: 100%; float: left; clear: both; margin-bottom: 20px;}
div.pagination a {display: block; float: left; color: #000!important;}
div.pagination span a {font-weight: bold; font-size: 15px; padding: 0px 3px;}
div.pagination span a.active,
div.pagination span a:hover {text-decoration: none; background: #000; color: #fff!important;}
div.pagination a.previous,
div.pagination a.next {width: 10px; height: 16px; background: url(../images/global/arrows.gif) no-repeat; text-indent: -9999px; }
div.pagination a.next {background-position: -10px 0; margin-left: 6px;}
div.pagination a.previous {margin-right: 6px;}
.additional div.pagination a.previous:hover {background-position: 0 -16px!important;}
.additional div.pagination a.next:hover {background-position: -10px -16px!important;}
div.results {width: 100%; float: left; clear: both; }
div.results h4 {text-transform: none; font-size: 1.3em; font-weight: normal;}
.additional div.results h4 a {color: #e61e5a!important;}
.additional div.results ol li {padding-left: 0px!important;}
#content div.pagination a.previous:hover {background-position: 0 -32px;}
#content div.pagination a.next:hover {background-position: -10px -32px;}
#content div.results ol li {position: relative; padding-left: 20px; float: left; clear: both; width: 598px;}
.search div.results ol li {padding-left: 0!important; width: 100%!important;}
#content div.results span.arrow {width: 10px; height: 16px; display: block; background: url(../images/global/arrows.gif); position: absolute; top: 0; left: 0;}
#content div.results h4 {color: #000; font-weight: bold; margin-bottom: 0;}
#content div.results h4 a {color: #000;}
#content div.results p.date {text-transform: uppercase; margin-bottom: 3px;}
#content div.results p.date em {font-style: normal;}
/* Section specific colour elements (pagination, arrows and close buttons) */
#media-centre div.pagination a.previous {background-position: 0 -48px}
#media-centre div.pagination a.next,
#media-centre div.results ol li span.arrow {background-position: -10px -48px}
#media-centre a.close:hover {background-position: -16px -32px;}
#original-modern div.pagination a.previous {background-position: 0 -64px}
#original-modern div.pagination a.next,
#original-modern div.results ol li span.arrow {background-position: -10px -64px}
#original-modern a.close:hover {background-position: -16px -48px;}
#who-we-are div.pagination a.previous {background-position: 0 -96px}
#who-we-are div.pagination a.next,
#who-we-are div.results ol li span.arrow {background-position: -10px -96px}
#who-we-are a.close:hover {background-position: -16px -80px;}
#useful-stuff div.pagination a.previous {background-position: 0 -128px}
#useful-stuff div.pagination a.next,
#useful-stuff div.results ol li span.arrow {background-position: -10px -128px}
#useful-stuff a.close:hover {background-position: -16px -96px;}
#what-we-do div.pagination a.previous {background-position: 0 -80px}
#what-we-do div.pagination a.next,
#what-we-do div.results ol li span.arrow {background-position: -10px -80px}
#what-we-do a.close:hover {background-position: -16px -64px;}
#home div.pagination a.previous {background-position: 0 -112px}
#home div.pagination a.next,
#home div.results ol li span.arrow {background-position: -10px -112px}
#home a.close:hover {background-position: -16px -16px;}
#content div#panels {margin-bottom: 36px;}
#content div#panels div.panel {width: 100%; }
#content div#panels div.panel div.heading {position: relative; height: 46px; width: 100%; float: left; clear: both; font-size: 4.8em; text-transform: uppercase; }
/* Titles */
#content div#panels div.panel div.heading .title {position: absolute; top: 0; left: 0;z-index: 3;}
#content div#panels div.panel div.heading .title a {font-weight: normal; height: 40px; line-height: 40px; width: 439px; background: url(../images/global/nav.gif) no-repeat; text-indent: -9999px; display: block; }
#content div#panels div#home .title a {}
#content div#panels div#who-we-are .title a {background-position: 0 -40px;}
#content div#panels div#what-we-do .title a {background-position: 0 -80px;}
#content div#panels div#original-modern .title a {background-position: 0 -120px;}
#content div#panels div#media-centre .title a {background-position: 0 -160px;}
#content div#panels div#useful-stuff .title a {background-position: 0 -200px;}
#content div#panels div#home .title a:hover {background-position: -450px 0;}
#content div#panels div#who-we-are .title a:hover {background-position: -450px -40px;}
#content div#panels div#what-we-do .title a:hover {background-position: -450px -80px;}
#content div#panels div#original-modern .title a:hover {background-position: -450px -120px;}
#content div#panels div#media-centre .title a:hover {background-position: -450px -160px;}
#content div#panels div#useful-stuff .title a:hover {background-position: -450px -200px;}
/* Waves */
#content div#panels div.panel div.heading .wave {background: url(../images/global/waves.png) no-repeat; width: 700px; height: 46px; position: absolute; top: 0; right: 0; z-index: 2;}
#content div#panels div#home .wave {}
#content div#panels div#who-we-are .wave {background-position: -700px 0;}
#content div#panels div#what-we-do .wave {background-position: -1400px 0;}
#content div#panels div#original-modern .wave {background-position: -2100px 0;}
#content div#panels div#media-centre .wave {background-position: -2800px 0;}
#content div#panels div#useful-stuff .wave {background-position: -3500px 0;}
/* Lines */
#content div#panels div.panel div.heading .line {width: 1000px; height: 4px; line-height: 1px; font-size: 1px; padding: 0; background: url(../images/global/lines.png); position: absolute; bottom: 0; left: -750px;}
#content div#panels div#home .line {}
#content div#panels div#who-we-are .line {background-position: 0 -4px;}
#content div#panels div#what-we-do .line {background-position: 0 -8px;}
#content div#panels div#original-modern .line {background-position: 0 -12px;}
#content div#panels div#media-centre .line {background-position: 0 -16px;}
#content div#panels div#useful-stuff .line {background-position: 0 -20px;}
#content .section {float: left; width: 100%; clear: both; padding: 24px 0;}
/* CONTENT SUB NAV (left)*/
#content .section .nav {width: 225px; float: left; margin-left: 0px; display: inline;}
#content .section .nav ul {font-size: 1.5em; line-height: 15px; margin-bottom: 8px; text-transform: uppercase;}
#content .section .nav ul li {clear: both; padding: 2px 0 1px; margin-bottom: 2px;}
#content .section .nav ul li a {color: #000; position: relative; float: left; border-bottom: 1px solid #fff;}
#content .section .nav ul li a:hover,
#content .section .nav ul li a.active {text-decoration: none; border-bottom: 1px solid #000;}
#content .section .nav ul li a:hover span,
#content .section .nav ul li a.active span {width: 1000px; height: 1px; font-size: 1px; line-height: 1px; border-bottom: 1px solid #000; position: absolute; bottom: -1px; left: -1000px; float: left;}
/* CONTENT SUB PAGES (right) */
#content .section .article {width: 618px; float: right; margin-right: 88px; display: inline; }
#content #about .article,
#content .article .home {float: left!important; width: 400px!important;}
#content .article .home {margin-left: -244px!important;}
#content #about .article .home {margin-left: 0px!important;}
/* CONTENT TYPOGRAPHY */
#content a {color: #e61e5a;}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {}
#content a.back-button {padding-left: 16px; display: block; position: relative; line-height: 15px; font-size: 1.5em; text-decoration: none; float: left; clear: both;}
#content a.back-button span {width: 10px; height: 16px; background: url(../images/global/arrows.gif) no-repeat 0 -112px; text-indent: -9999px; position: absolute; top: 0; left: 0; display: block;}
#content a.back-button:hover {color: #000;}
#content a.back-button:hover span {background-position: 0 -32px;}
#content p {font-size: 1.3em; line-height: 17px; margin-bottom: 17px;}
#content .section .article p {}
#content .section .article p.intro {font-size: 1.5em; line-height: 18px; margin-bottom: 18px;}
#content .section h1 {display: none;}
#content .section .article h3 {font-size: 1.5em; line-height: 18px;}
#content .section .article h2,
#content .section h1.content-title {font-size: 1.5em; line-height: 18px; margin-bottom: 18px;display:block;}
#content .section .article ul.list-random {margin-top: 12px;}
#content .section .article ul.list-random li {font-size: 13px; line-height: 17px; margin-bottom: 25px; padding-left: 24px; position: relative; float: left; clear: both; width: 598px;}
#content .section .article ul.list-random li span.bullet {width: 16px; height: 16px; display: block; background: url(../images/global/bullets.gif) no-repeat; position: absolute; top: 0; left: 0;}
#content .section .article ul.list-random li span.a {background-position: 0 0;}
#content .section .article ul.list-random li span.b {background-position: 0 -16px;}
#content .section .article ul.list-random li span.c {background-position: 0 -32px;}
#content .section .article ul.list-random li span.d {background-position: 0 -48px;}
#content .section .article ul.list-random li span.e {background-position: 0 -64px;}
#content .section .article .ebook {width: 221px; height: 152px; position: relative; background-color: #e8e8e8; padding: 1px; background-position: 1px 1px; background-repeat: no-repeat;}
#content .section .article .ebook div {position: absolute; bottom: 0; left: 0; background: #fd8e12 url(../images/global/arrow_ebook.gif) no-repeat 10px 5px; padding: 6px 25px 6px 25px; width: 173px;}
#content .section .article .ebook div p {margin-bottom: 0;}
#content .section .article .ebook div p a {color: #fff; text-transform: uppercase; font-size: 0.9230769231em; line-height: 15px;}
/* PAGE SPECIFIC OVER-RIDES*/
.home #content .section#about h3 {font-size: 2em; line-height: 20px; margin-bottom: 14px; font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif;}
#content .section .meet-the-team h2 {margin-bottom: 0!important;}
#content .section .the-board h2 {font-size: 1.5em; line-height: 17px; }
#content .section .the-board .col-b h2 {margin-bottom: 0!important;}
#content .section .annual-report .col-a h2,
#content .section .annual-report .col-b h2 {font-size: 1.5em; line-height: 17px; margin-bottom: 17px;}
#content .section .annual-report .col-a ul,
#content .section .annual-report .col-b ul {margin-top: -3px;}
#content .section .annual-report .col-a ul li a,
#content .section .annual-report .col-b ul li a {font-size: 1.2em; line-height: 12px; margin-bottom: 10px; color: #666; display: block; background: url(../images/global/arrow_list.jpg) no-repeat 2px 0px; padding: 2px 0 2px 32px;}
#content .section .annual-report .col-b ul li a {background-position: 2px -64px;}
#content .section .latest-projects .block-onecol p {font-size: 1.5em; line-height: 18px;}
#content .section .latest-projects .block-onecol h2 {font-size: 1.5em;}
#content .section .latest-projects .block-twocol .secondary {display: none;}
#content .section .latest-projects .block-twocol p a.hideshow {display: block; color: #666; text-transform: uppercase; padding-left: 18px; background: url(../images/global/plusminus.gif) no-repeat; line-height: 13px;}
#content .section .latest-projects .block-twocol p a.active {background-position: 0 -13px;}
#content .section .latest-projects .block-twocol p span {color: #666;}
#content .section .latest-projects .block-twocol h4 {margin-bottom: 0px; text-transform: uppercase; font-size: 1.3em; font-weight: normal;}
#content .section .mcr-magazine .col-b ul {margin-top: -3px;}
#content .section .mcr-magazine .col-b ul li a {font-size: 1.2em; line-height: 12px; margin-bottom: 2px; color: #666; text-transform: uppercase; display: block; padding: 2px 0 2px 0}
#content .section .mcr-magazine .col-b h2 {font-size: 1.5em; line-height: 17px; margin-bottom: 17px;}
#content .section .mcr-magazine .col-a ul,
#content .section .mcr-magazine .col-b ul {margin-top: -3px;}
#content .section .mcr-magazine .col-b ul li a {font-size: 1.2em; line-height: 12px; margin-bottom: 10px; color: #666; text-transform: uppercase; display: block; background: url(../images/global/arrow_list.jpg) no-repeat 2px 0px; padding: 2px 0 2px 32px; min-height: ;}
#content .section .mcr-magazine .col-b ul li a {background-position: 2px -68px;}
/* BLOCKS */
/* One column, full width */
.block-onecol {width: 100%; float: left; clear: both;}
.block-onecol ul.threecol {width: 705px; margin-left: -5px; float: left; }
.block-onecol ul.threecol li {width: 225px; margin: 0 5px; min-height: 230px!important; height: auto; height: 230px; float: left; display: inline;}
.block-onecol ul.threecol li.new {clear: both;}
/* .block-onecol ul.threecol li h3 { font-size: 1.0714em!important;line-height: 18px!important; text-transform: capitalize!important;} */
.block-onecol ul.threecol li p {font-style: italic;}
/* Two column, 225px (image) and 383px (copy) */
.block-twocol {width: 100%; clear: both; float: left; margin-bottom: 18px;}
.block-twocol div.col-a {width: 225px; float: left;}
.block-twocol div.col-a img {margin-top: 3px;}
.block-twocol div.col-b {width: 383px; float: right; }
/* Two column, 460px (main) and 148px (sidebar) */
.block-twocolreversed {width: 100%; clear: both; float: left; margin-bottom: 18px;}
.block-twocolreversed div.col-a {width: 460px; float: left;}
.block-twocolreversed div.col-a img {margin-top: 3px;}
.block-twocolreversed div.col-b {width: 148px; float: right; }
/* ALL THAT STUFF AT THE BOTTOM */
#sitemap ul,
#sitemap ul * {float: left; clear: both; font-size: 12px; line-height: 12px; margin: 0; padding: 0; text-indent: 0;}
#sitemap ul li ul {}
#sitemap ul li ul li ul {margin-left: 24px; display: inline;}
#sitemap ul {margin-left: 24px; display: inline; float: left;}
#sitemap ul li {margin-top: 4px; text-transform: uppercase; margin-bottom: 12px; }
#sitemap ul li a {font-size: 15px; line-height: 18px;}
#sitemap ul li ul li {margin-top: 4px; display: inline;margin-bottom: 0;}
#sitemap ul li ul li a {font-size: 13px; line-height: 13px;}
#sitemap ul li ul li ul li {text-transform: capitalize;}
#sitemap ul li ul li ul li a {font-size: 13px; line-height: 13px; }
#sitemap ul li ul,
#sitemap ul li ul li,
#sitemap ul li ul li a {font-weight: normal;}
.contact-us table {font-size: 1.2em; line-height: 14px;}
.contact-us table tbody tr td {padding: 0 18px 12px 0;}
.contact-us table tbody tr td a {color: #e61e5a;}
.terms-and-conditions h2 {font-size: 1.5em; line-height: 18px; margin-bottom: 18px;}
/* VISUALISATION */
#vTwitter {margin: 0;}
#vTwitter .twitter{ position:absolute; top:20px; left:20px; }
#vTwitter canvas{ position:absolute; }
#vTwitter .thumbnail{padding:2px; background:#F5F5F5; position:absolute; color:#FFF;display:none;}
#vTwitter .thumbnail a,
#vTwitter .thumbnail a img{ border:0px; }
#vTwitter #messages{ overflow:hidden;z-index:999;position:absolute; top:0px; left:0px; }
#vTwitter #player{ position:absolute; top: 40px; left:40px; padding:10px; width:360px; background:#FFFFFF; z-index:1000; font-size:12px; }
#vTwitter #player a{ text-decoration:none; }
#vTwitter { width:100%; height:150px; position: relative;}
/* FOOTER */
#footer {margin: 24px 0 0px 0; padding-bottom: 90px; float: left; clear: both;}
#footer ul {font-size: 1.1em;}
#footer ul li {float: left; margin-right: 12px;}