/* Dev tools *

div#overlay {
width:100%;
height:1200px;
position:absolute;
background:url("/images/_dev/home-overlay.jpg") top center repeat-y;
opacity:.5;
z-index:100;
}

/* -------------------------- */
/* ------- TYPOGRAPHY ------- */
/* -------------------------- */

h1 {
font-size:20px;
line-height:24px;
font-family:"omnes-pro", arial;
font-weight:500;
color:#00AEEF;
margin-bottom:16px;
}
h2 {

}
h3 {

}
p, label, li {
font:13px/16px arial;
color:#fff;
}
p {
margin-bottom:16px;
}
a, a p, a h2, a h3, a h4 {
color:#00aeef;
text-decoration:none;
}
a:focus, a:active {
outline:none;
}
a:hover {
color:#fff;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}


/* -------------------------- */
/* ------ BASIC LAYOUT ------ */
/* -------------------------- */

html, body {
height:100%;
background:#1B1F20 url(/images/site/body-bg.gif) repeat-x;
}
body {
padding-bottom:1px;
}
div#container {
	width:940px;
	padding:0 30px;
	margin:0 auto -73px; /* this must match height of #footer and #push */
	min-height:100%;
	height:auto!important;
	height:100%;
}
div#footer, div#push {
	height:73px; /* this must match bottom margin of #container */
	width:940px;
	margin:0 auto;
	clear:both;
}
div#footer {
	padding:0 30px;
}


/* COMMON ELEMENTS */

a.pdf {
display:block;
padding-right:40px!important;
background:url(/images/site/pdf-icon.gif) right 2px no-repeat
}
#sub-nav a.pdf {
background-position:136px 7px;
}

.clear {
clear:both;
}

/* panels */

div.panel {
background-color: #1D3E54;
background-color: rgba(44,149,221,0.3);
position:relative;
margin-bottom:20px;
zoom:1;
}
div.panel h1 {
padding:4px 10px 3px 10px;
margin:0;
}
div.panel h2, div.panel h3 {
font:13px/16px arial;
text-transform:none;
padding:8px 10px 0 10px;
margin:0 0 -8px 0;
background:none;
color:#00aeef;
}
div.panel h4 {
font:13px/16px arial;
text-transform:none;
padding:8px 10px 0 10px;
margin:0 0 -8px 0;
color:#00aeef;
font-style:italic;
}
h2.panel, h3.panel, div.panel h2.panel, div.panel h3.panel {
background:#000;
font-size:12px;
font-family:"omnes-pro", arial;
font-weight:500;
color:#fff;
text-transform:uppercase;
padding:9px 10px 10px 10px;
border-bottom:1px solid #2A2F31;
margin-bottom:2px;
height:18px;
}
h2.basic, h3.basic {

}
.panel p {
padding:8px 10px 8px 10px;
margin:0;
}
.panel p.no-margin {
padding-bottom:0;
margin-bottom:-8px;
}
a.close-panel {
position:absolute;
top:0;
right:0;
text-indent:-999em;
width:35px;
height:37px;
background:url(/images/site/close-panel-btn.gif) top right;
}
a.close-panel:hover {
background-position:top left;
}
.panel hr {
margin:0 0 -1px 0;
border:1px solid #2A2F31;
border-width:1px 0 0 0;
height:0;
padding:0;
display:block;
}


.panel .pagination {
background:#263945;
border-top:1px solid #2A2F31;
text-align:right;
}
.panel .pagination * {
display:inline!important;
padding:0!important;
margin:0!important;
}
.panel #sub-sub-nav {
margin-top:-3px;
}
.panel #sub-sub-nav li {
border-top:1px solid #2A2F31;
}
.panel #sub-sub-nav li a {
padding:8px 10px 8px 10px;
display:block;
}
.panel #sub-sub-nav li span.date {
color:#fff;
}
.panel #sub-sub-nav li.even {
background:#283c47;
}
.panel #sub-sub-nav li:hover, .panel #sub-sub-nav li.selected {
background:#00aeef;
}
.panel #sub-sub-nav li:hover a, .panel #sub-sub-nav li.selected a {
color:#fff;
}

/* assuming these will generally be videos */
.panel iframe {
margin-top:-2px;
margin-bottom:-5px;
}

/* HEADER */

#header {
height:124px;
position:fixed;
width:940px;
background:url(/images/site/body-bg.gif) repeat-x #2b3032;
z-index:1000;
position:relative; /* TEMP! */
}

body#home h1, #header h2 {
text-indent:-999em;
width:173px;
height:84px;
float:left;
background:url(/images/site/dcd-logo.png);
margin:20px 0 0 0;
}
body#home h1 a, #header h2 a {
display:block;
height:100%;
}

p#tagline {
height:69px;
width:241px;
padding:15px 0 0 10px;
float:left;
background-color: #1D3E54; 
background-color: rgba(44,149,221,0.3);
margin:20px 0 0 0;
font:13px/14px "omnes-pro", arial;
font-weight:500;
display:inline; /* fix dbl margin float bug */
}

/* MAIN NAV */

ul#main-nav {
float:left;
margin-top:62px;
width:516px;
}
ul#main-nav li {
width:85px;
height:42px;
float:left;
line-height:42px;
background: #1D3E54;
background: rgba(44,149,221,0.3);
text-align:center;
margin-left:1px;
text-transform:uppercase;
font-size:12px;
font-family:"omnes-pro", arial;
font-weight:500;
display:inline; /* fix dbl margin float bug */
}
ul#main-nav li a {
color:#fff;
display:block;
}
ul#main-nav li a:hover, ul#main-nav li a.active, ul#main-nav li.selected a {
background-color: #00aeef;
}
ul#main-nav li.selected li a {
background-color:#000;
}
ul#main-nav li.selected li a:hover, ul#main-nav li.selected li.selected a {
background-color: #00aeef;
}
ul#main-nav ul {
margin-left:-87px;
display:none;
}
ul#main-nav ul li {
width:171px;
background:#000;
text-align:left;
border-top:1px solid #000;
padding-top:
}
ul#main-nav ul li a {
padding-left:8px;
}

/* follow/share */

#follow-share {
position:absolute;
right:179px;
top:15px;
width:136px;
}
#follow-share div {
width:68px;
float:left;
height:15px;
}
#follow-share h3 {
text-transform:uppercase;
font-size:10px;
font-family:"omnes-pro", arial;
color:#fff;
text-align:center;
}
#follow-share h3:hover, #follow-share h3.active {
color:#27aae1;
cursor:pointer;
}
#follow-share ul {
margin:2px 0 0 14px;
width:40px;
background:url(/images/site/share-follow-btns.gif) 0 -95px no-repeat #27aae1;
padding:11px 0 4px 0;
display:none;
}
#follow-share ul li {
height:23px;
text-indent:-999em;
background:url(/images/site/share-follow-btns.gif);
}
#follow-share ul li.tw {
background-position:0 -23px;
}
#follow-share ul li.fb {
background-position:0 -46px;
}
#follow-share ul li.in {
background-position:0 -69px;
}
#follow-share ul li a {
display:block;
height:23px;
}

/* SEARCH */

form#search {
position:absolute;
top:0;
right:0;
width:162px;
height:31px;
border-bottom:1px solid #fff;
}
form#search label {
display:none;
}
form#search input#keywords {
position:absolute;
top:13px;
left:-1px;
border:none;
background:none;
font-size:10px;
line-height:10px;
font-family:"omnes-pro", arial;
color:#fff;
padding:2px 0 1px 0;
width:142px;
float:right;
text-transform:uppercase;
}
form#search input.submit {
height:16px;
width:16px;
position:absolute;
top:13px;
right:0;
background:red;
border:none;
text-indent:-999em;
background:url(/images/site/search-btn.gif) 1px 1px;
}
form#search input.submit:hover {
background-position:-13px 1px;
}

/* CONTACT PANELS */

div.contact {
position:relative;
top:124px;
width:100%;
float:left;
display:none;
background:url(/images/site/contact-panel-bg.png) bottom left no-repeat;

top:0; /* TEMP! */
}

div.contact p {
font:11px/13px arial;
padding:7px 9px;
}
div.contact h4 {
font:11px/13px arial;
padding:7px 9px;
color:#fff;
font-style:normal;
font-weight:bold;
}
div.head-office {
width:226px;
float:left;
}
div.head-office p.map a {
display:block;
float:left;
background:#00aeef;
color:#fff;
font:8px/8px arial;
padding:4px 15px;
}
div.contacts {
width:694px;
float:right;
padding-bottom:4px;
}
div.contacts div {
width:172px;
float:left;
}
div.contact div.panel {
background:none!important;
}

/* CONTENT */

div#content {
padding-top:124px;
float:left;
width:100%;
padding-top:0; /* TEMP! */
}


/* SUB NAV */

#sub-nav {
width:172px;
float:left;
margin-right:20px;
display:inline; /* fix dbl margin float bug */
}

#sub-nav li {
background:#000;
font-size:12px;
font-family:"omnes-pro", arial;
font-weight:500;
color:#fff;
text-transform:uppercase;
margin-bottom:1px;
}
#sub-nav li.selected, #sub-nav li:hover {
background:#00aeef;
}
#sub-nav li a {
color:#fff;
display:block;
padding:10px 10px 10px 10px;
height:100%;
}

/* MAIN CONTENT */

#main-content {
float:left;
width:492px;
display:inline; /* fix dbl margin float bug */
}

/* SIDE BAR (RIGHT) */

#side-bar {
float:right;
width:236px;
}

/* CAROUSELS */

.carousel {
overflow:hidden;
margin-bottom:20px;
position:relative;
}
#home .carousel {
width:100%;
height:420px;
}
#companies .carousel {
width:748px;
height:275px;
}
.carousel .window {
float:left;
position:relative;
height:100%;
}
.carousel .window .programme {
position:absolute;
top:0;
left:0;
height:100%;
display:none;
}
.carousel .window .first {
display:block;
}
.carousel .window .programme img {
position:absolute;
top:0;
left:0;
}
.carousel .window .programme .showreel-video, .carousel .window .programme .showreel-video iframe {
position:absolute;
top:0;
left:0;
}
.carousel .window .programme .info {
width:236px;
position:absolute;
left:0;
bottom:0;
background:rgba(0,0,0,.8);
}
.carousel .window .programme .info a.open {
text-indent:-999em;
display:block;
width:34px;
height:32px;
margin-top:-32px;
background:url(/images/site/carousel-plus-minus.png);
}
.carousel .window .programme .info:hover a.open {
background-position:-34px 0;
}
.carousel .window .programme .info:hover {
cursor:pointer;
}
.carousel .window .programme .info a.active {
background-position:0 -32px;
}
.carousel .window .programme .info:hover a.active {
background-position:-34px -32px;
}
.carousel .window .programme .info h2 {
font-size:20px;
line-height:24px;
font-family:"omnes-pro", arial;
font-weight:500;
color:#00AEEF;
padding:4px 8px 7px 8px;
}
.carousel .window .programme .info h3 {
font-size:13px;
font-family:"omnes-pro", arial;
font-weight:500;
color:#00AEEF;
text-transform:uppercase;
padding:0 8px;
margin:-8px 0 5px 0;
}
.carousel .window .programme .info .description {
display:none;
}
.carousel .window .programme .info p {
padding:0 8px;
margin:0 0 8px 0;
}

.carousel .controls {
float:right;
position:relative
}
#home .carousel .controls {
width:192px;
}
#companies .carousel .controls {
width:236px;
}

/* HOME CONTROLS */
#home .carousel .controls .programmes {
float:right;
margin-top:-30px;
}
#home .carousel .controls .programmes li {
/* EE sizes these images 1px over so we trim bottom */
height:96px;
width:172px;
overflow:hidden;
cursor:pointer;
position:relative;
float:right;
}
#home .carousel .controls .programmes li img {
display:block;
position:absolute;
left:0;
bottom:0;
zoom:1;
}
#home .carousel .up-btn, #home .carousel .down-btn {
position:absolute;
top:0;
right:0;
width:172px;
height:66px;
background:rgba(0,0,0,0.8) url(/images/site/carousel-up-down-btns.png) 76px 26px no-repeat;
cursor:pointer;
}
#home .carousel .down-btn {
top:354px;
background-position:76px -20px;
}
#home .carousel .up-btn:hover, #home .carousel .down-btn:hover {
background-color:rgba(0,0,0,0.85);
}
#home .carousel .controls .current-programme {
position:absolute;
top:66px;
right:left;
width:192px;
height:96px;
background:rgba(0,174,239,0.8);
}
#home .carousel .controls .current-programme .headings {
position:absolute;
bottom:5px;
left:26px;
font-size:12px;
line-height:14px;
font-family:"omnes-pro", arial;
font-weight:500;
color:#fff;
}

.pause-play-carousel {
height:22px;
width:22px;
background:url(/images/site/timer-circle.png);
}
#home .pause-play-carousel {
margin:5px 25px;
}
#companies .pause-play-carousel {
margin:-30px 0 8px 205px;
}

.pause-play-carousel a {
display:block;
height:22px;
text-indent:-999em;
background:url(/images/site/timer-circle.png) -374px 0;
}
.pause-play-carousel a.active {
background-position: -396px 0;
}

/* COMPANIES CONTROLS */
#companies .carousel .controls h3 {
margin-bottom:0;
}
#companies .carousel .controls .programmes li {
background:#26485f;
padding:6px 10px 7px 10px;
margin-top:1px;
cursor:pointer;
}
#companies .carousel .controls .programmes li.odd {
background-color:#243744;
}
#companies .carousel .controls .programmes li.active {
background-color:#00aeef!important;
}
#companies .carousel .controls .programmes li#pshowreel {
background:#243744 url(/images/site/showreel-control-play.gif) 206px 5px no-repeat;
}

#pshowreel .info {
display:none;
}
#pshowreel .video-overlay {

}
#pshowreel .showreel-play-btn {
height:80px;
width:80px;
background:url(/images/site/showreel-play-btn-small.png);
position:absolute;
left:206px;
top:98px;
}
#pshowreel:hover .showreel-play-btn {
background-position:-80px 0;
}
#home #pshowreel .showreel-play-btn {
height:122px;
width:122px;
background:url(/images/site/showreel-play-btn.png);
position:absolute;
left:313px;
top:149px;
}
#home #pshowreel:hover .showreel-play-btn {
background-position:-122px 0;
}
#pshowreel:hover {
cursor:pointer;
}

body#home a.showreel-shortcut-btn {
position:relative;
display:block;
}
body#home a.showreel-shortcut-btn div {
width:172px;
height:97px;
background:url(/images/site/showreel-shortcut-btn-overlay.png);
position:absolute;
top:0px;
left:0;
z-index:10;
}
body#home a.showreel-shortcut-btn:hover div {
background-position:0 -95px;
}

/* FOOTER */

div#footer .panel {
height:46px;
padding-top:7px;
padding-left:10px;
}
div#footer .panel p {
font:11px/18px arial;
margin:0;
padding:0;
}
div#footer .panel p a {
color:#fff;
}

/* -------------------------- */
/* ----- SPECIFIC PAGES ----- */
/* -------------------------- */

/* HOME */

body#home #companies {
float:left;
width:236px;
margin-right:20px;
display:inline; /* fix dbl margin float bug */
margin-bottom:20px;
}
body#home #companies h3 {
margin-bottom:0;
}
body#home #companies ul li {
float:left;
width:118px;
overflow:hidden;
margin:0 1px 1px 0;
display:inline; /* fix dbl margin float bug */
}
body#home #companies ul li.r {
width:117px;
margin-right:0;
}
body#home #companies ul li img {
display:block;
}
body#home #companies ul li a:hover img {
margin-left:-118px;
}

body#home #news-and-tweets {
float:left;
width:236px;
margin-right:20px;
display:inline; /* fix dbl margin float bug */
}
body#home #tweets h3 {
background:#000 url(/images/site/tweets.gif) top right no-repeat;
}
body#home #upcoming-shows {
float:left;
width:236px;
margin-right:20px;
display:inline; /* fix dbl margin float bug */
}
body#home #showreel-and-investors {
float:left;
width:172px;
}
body#home #showreel h3 {
margin-bottom:0;
}

body#home #showreel-and-investors img {
display:block;
}

body#home #showreel-and-investors iframe#share-stats {
width:100%;
border:1px solid #2A2F31;
border-width:0 0 1px 0;
height:94px;
overflow:hidden;
}

/* ABOUT US */

/* directors */

body.directors #main-content {
width:748px;
}
body.directors ul#directors li {
float:left;
width:100%;
}
body.directors ul#directors img {
float:left;
margin-bottom:20px;
}
body.directors ul#directors .panel {
width:492px;
float:right;
min-height:194px;
}

/* key personnel */

body.key-personnel ul#key-personnel li {
border-top:1px solid #2A2F31;
float:left;
width:100%;
}
body.key-personnel ul#key-personnel li img {
float:left;
margin:10px 0 10px 10px;
display:inline; /* fix dbl margin float bug */
}
body.key-personnel ul#key-personnel li p, body.key-personnel ul#key-personnel li h3 {
float:right;
width:350px;
}
.JS body.key-personnel ul#key-personnel li .biog {
display:none;
float:right;
width:350px;
padding-right:10px;
}
.JS body.key-personnel ul#key-personnel li .biog p {
padding:0 0 10px 0!important;
}
body.key-personnel ul#key-personnel li h3 {
z-index:1000;
position:relative;
margin-bottom:0;
color:#fff;
}
body.key-personnel ul#key-personnel a.biog-open {
padding-left:14px;
display:inline-block;
background:url(/images/site/open-close-arrows.png) 0 3px no-repeat;
}
body.key-personnel ul#key-personnel a.biog-open:hover {
background-position:0 -37px;
}
body.key-personnel ul#key-personnel a.open {
background-position:0 -17px;
}
body.key-personnel ul#key-personnel a.open:hover {
background-position:0 -57px;
}
body.key-personnel ul#key-personnel li {
overflow:visible;
}
/* COMPANIES */

body#companies #logo {
height:91px;
width:91px;
overflow:hidden;
float:left;
}
body#companies #logo img {
margin-left:-91px;
}
body#companies #main-content {
float:right;
width:748px;
}
body#companies #company-description {
float:left;
width:401px;
}
body#companies #company-contact {
float:right;
width:236px;
}
body#companies #company-contact p.company-twitter {
display:block;
padding:12px 10px 12px 42px;
background:url(/images/site/company-twitter-link.gif) 12px 12px no-repeat;
}

/* INVESTORS */

body#investors iframe#share-stats {
width:100%;
border:none;
height:192px;
margin-bottom:20px;
overflow:hidden;
margin-top:-2px;
}

/* reports and presentations */

body.reports-and-presentations #main-content {
width:768px;
float:right;
margin-right:-20px;
display:inline; /* fix dbl margin float bug */
}
body.reports-and-presentations .col {
width:236px;
float:left;
margin-right:20px;
display:inline; /* fix dbl margin float bug */
}
body.reports-and-presentations .col ul {
margin-top:-3px;
}
body.reports-and-presentations .col li {
border-top:1px solid #2A2F31;
padding:8px 10px 8px 10px;
}
body.reports-and-presentations .col li .description {
color:#fff;
}

/* shareholdings */

table {
width:100%;
margin-top:-2px;
}
td, th {
font:13px/16px arial;
color:#fff;
padding:8px 10px 8px 10px;
border:1px solid #2A2F31;
border-width:0 1px 1px 0;
vertical-align:bottom;
}
th {
background:#213340;
}

table.shareholdings .pc {
border-right:none;
}

/* SEARCH RESULTS */

body#search #main-content a p {
color:#fff;
}
body#search #main-content a:hover h2 {
color:#fff;
}

/* MISC CONTENT */

body#misc #main-content {
margin-left:192px;
}