/* CSS Document */

body {background: #000 url(/images/piping_external.gif); text-align: center; margin: 0; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
a {color: #f60;}
acronym {border-bottom: 1px dotted #fff;}
h2 {margin: 0;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 130%; font-weight: normal; margin-bottom: 8px;}
#content {background: #000; margin: 0 auto; width: 860px; text-align: left; border-left: 20px solid #000; border-right: 20px solid #000;}
h4 {margin: 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 90%;}
h6 {margin: 5px 0;}

#logo {background: url(/images/expo_logo_screen.gif) right top no-repeat; height: 95px;}
#logo span {display: none;}
#logo p {height: 105px; margin: 0; padding: 0; text-indent: -9000px;}
#logo p a {display: block; height: 90px;}

#access {float: right;}
#access ul {margin: 0; padding: 0;}
#access ul li {font-size: 68%; list-style: none; line-height: 15px; display: block; margin: 0 0 2px 0; text-align: right;}

#nav {padding: 0; margin: 0 0 10px 0; float: left;}
#nav ul {margin: 0; padding: 0;}
#nav ul li {display: block; float: left; height: 37px; margin: 0 13px 0 0;}
#nav ul li a span {display: block; text-indent: -9000px; height: 37px; cursor: hand;}
#nav ul li span.selected {display: block; text-indent: -9000px; height: 37px;}
 
#nh {width: 49px; background: url(/images/nav_home_over.gif) no-repeat;}
#nh span.selected {background: url(/images/nav_home_on.gif) no-repeat;}
#nhl {display: block; width: 49px; background: url(/images/nav_home_off.gif) no-repeat;}
a#nhl:hover {background: url(/images/nav_home_over.gif) no-repeat;}

#nn {width: 45px; background: url(/images/nav_news_over.gif) no-repeat;}
#nn span.selected {background: url(/images/nav_news_on.gif) no-repeat;}
#nnl {display: block; width: 45px; background: url(/images/nav_news_off.gif) no-repeat;}
a#nnl:hover {background: url(/images/nav_news_over.gif) no-repeat;}

#nco {width: 79px; background: url(/images/nav_company_over.gif) no-repeat;}
#nco span.selected {background: url(/images/nav_company_on.gif) no-repeat;}
#ncol {display: block; width: 79px; background: url(/images/nav_company_off.gif) no-repeat;}
a#ncol:hover {background: url(/images/nav_company_over.gif) no-repeat;}

#nb {width: 56px; background: url(/images/nav_brands_over.gif) no-repeat;}
#nb span.selected {background: url(/images/nav_brands_on.gif) no-repeat;}
#nbl {display: block; width: 56px; background: url(/images/nav_brands_off.gif) no-repeat;}
a#nbl:hover {background: url(/images/nav_brands_over.gif) no-repeat;}

#nt {width: 43px; background: url(/images/nav_team_over.gif) no-repeat;}
#nt span.selected {background: url(/images/nav_team_on.gif) no-repeat;}
#ntl {display: block; width: 43px; background: url(/images/nav_team_off.gif) no-repeat;}
a#ntl:hover {background: url(/images/nav_team_over.gif) no-repeat;}

#ne {width: 49px; background: url(/images/nav_events_over.gif) no-repeat;}
#ne span.selected {background: url(/images/nav_events_on.gif) no-repeat;}
#nel {display: block; width: 49px; background: url(/images/nav_events_off.gif) no-repeat;}
a#nel:hover {background: url(/images/nav_events_over.gif) no-repeat;}

#nte {width: 98px; background: url(/images/nav_testimonials_over.gif) no-repeat;}
#nte span.selected {background: url(/images/nav_testimonials_on.gif) no-repeat;}
#ntel {display: block; width: 98px; background: url(/images/nav_testimonials_off.gif) no-repeat;}
a#ntel:hover {background: url(/images/nav_testimonials_over.gif) no-repeat;}

#nc {width: 62px; background: url(/images/nav_contact_over.gif) no-repeat;}
#nc span.selected {background: url(/images/nav_contact_on.gif) no-repeat;}
#ncl {display: block; width: 62px; background: url(/images/nav_contact_off.gif) no-repeat;}
a#ncl:hover {background: url(/images/nav_contact_over.gif) no-repeat;}


/* For Two Button on the Top Getting here and getting in touch instead of contacts
#nc {width: 126px; background: url(/images/nav_gettingintouch_hover.gif) no-repeat;}
#nc span.selected {background: url(/images/nav_gettingintouch_on.gif) no-repeat;}
#ncl {display: block; width: 126px; background: url(/images/nav_gettingintouch_off.gif) no-repeat;}
a#ncl:hover {background: url(/images/nav_gettingintouch_hover.gif) no-repeat;} */

#nx {width: 97px; background: url(/images/nav_gettinghere_over.gif) no-repeat;}
#nx span.selected {background: url(/images/nav_gettinghere_on.gif) no-repeat;}
#nxl {display: block; width: 97px; background: url(/images/nav_gettinghere_off.gif) no-repeat;}
a#nxl:hover {background: url(/images/nav_gettinghere_over.gif) no-repeat;}





.offset-left {float: left; padding: 0 20px 0 0;}
.offset-right {float: right; padding: 0 0 0 20px;}
.offset-left a img, .offset-right a img {border: 0px;}

.photocall {float: right; width: 210px; text-align: center; border: 1px solid #444; background: #222; padding: 5px 0; margin: 0 0 0 20px;}
.photocall img {margin: 0; padding: 0;}
.photocall p {font-size: 70%; margin: 0; font-size: 70% !important; background: #9c0; margin: 2px 5px 0 5px; padding: 0 0 2px 0; color: #000;}

#splash {clear: both;}
#splash h1 {margin: 0 0 0 34px; padding: 0; text-indent: -9000px; width: 825px; height: 180px;}
.splash-caption {float: right; margin: 4px 0 0 0; padding: 0 0 0 5px; font-size: 70%; font-family: Arial, Helvetica, sans-serif;}
#copy {margin: 20px 0 30px 0;}
#copy:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#copy {display: inline-block;}
/* Hides from IE-mac \*/
* html #copy {height: 1%;}
#copy {display: block;}
/* End hide from IE-mac */
.body-copy {padding: 0 0 0 46px;}
#copy p {font-size: 80%; line-height: 150%;}
#copy ul {margin-top: 0; line-height: 150%;}
#copy ul li {font-size: 75%; list-style: square;}
.col-1 {float: left; width: 50%;}
.col-2 {float: right; width: 45%; margin: 40px 0 0 0;}
.full {width: 100%;}
.wide {width: 70%;}
.narrow {width: 26%;}
.equal-left {width: 45%;}
.equal-right {width: 45%; margin-top: 108px;}
.dropcap {float: left; width: 50px; font-size: 62px; line-height: 54px; font-weight: normal; color:#69c; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: -2px;}
.tight {width: 45px;}
.imgborder {border: 2px solid #444;}
ol li {font-size: 70%; line-height: 160%;}
.factfile {float: right; margin: 0 0 20px 15px; width: 160px; text-align: center; border: 1px solid #444; background: #222; padding: 5px;}
.factfile img {border: 0px;}
.factfile h4 {text-align: left; margin: 0.6em 0;}
.factfile ul {margin: 0; padding: 0;}
.factfile ul li {list-style: none !important; font-size: 70% !important; text-align: left; line-height: 130%; margin: 0.8em 0 0 0;}
.role {font-size: 90%; color: #888;}

#affiliations {margin: 0; padding: 0;}
#affiliations li {display: block; float: left; list-style: none; margin: 0 10px 0 0;}
#affiliations li a {display: block; text-indent: -9000px;}

#affiliations li#cwcc {background: url(/client_images/cwcc.gif) left center no-repeat; width: 60px; }
#affiliations li#cwcc a {width: 65px; height: 40px;}


#affiliations li#cpt {background: url(/client_images/cpt.gif) left center no-repeat; width: 90px; }
#affiliations li#cpt a {width: 100px; height: 34px;}

#affiliations li#smrm {background: url(/client_images/smartmov.jpg) left center no-repeat; width: 75px; }
#affiliations li#smrm a {width: 78px; height: 34px;}

#affiliations li#goskil {background: url(/client_images/goskills.gif) left center no-repeat; width: 86px; height: 34px;}
#affiliations li#goskil a {width: 86px; height: 34px;}

#affiliations li#iru {background: url(/client_images/iru.gif) left center no-repeat; width: 72px; height: 34px;}
#affiliations li#iru a {width: 72px; height: 34px;}

#affiliations li#cancer {background: url(/client_images/cancer1.gif) left center no-repeat; width: 72px; height: 64px;}
#affiliations li#cancer a {width: 72px; height: 64px;}

#affiliations li#aeo {background: url(/client_images/aeo.gif) left center no-repeat; width: 116px; height: 41px;}
#affiliations li#aeo a {width: 116px; height: 41px;}

#affiliations li#overflow a {width: 50px; height: 25px; margin: 5px 0 0 0; text-indent: 0px; background: #f60 url(/images/more_arrow.gif) right center no-repeat; color: #fff; font-weight: bold; padding: 0 0 0 5px; text-decoration: none;}

.rsslink {background: url(/images/rss.gif) no-repeat; padding: 0 0 0 22px;}

.section-nav {margin: 0; padding: 0 0 10px 0;}
.section-nav li {list-style: none !important; display: block; margin: 0 0 2px 0; font-size: 70% !important; padding: 0 0 4px 0; border-bottom: 1px solid #222;}
.section-nav li a {display: block;}
.section-nav ul {margin: 0; padding: 0;}
.section-nav ul li {border-bottom: 0px; border-top: 1px solid #222; font-size: 100% !important; padding: 2px 0 2px 18px; background: url(/images/sub.gif) left bottom no-repeat;}

/* border: 1px solid #444; background: #222; */
.event {clear: both; margin: 20px 0 0 0;}
.event:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.event {display: inline-block;}
/* Hides from IE-mac \*/
* html .event {height: 1%;}
.event {display: block;}
/* End hide from IE-mac */
.event ul {margin: 0; padding: 0;}
.event ul li {list-style: none !important; display: block; line-height: 140%;}
.event ul li.event-title {font-size: 130% !important; font-family: Arial, Helvetica, sans-serif; color: #CDA732;}
.event ul li span {font-size: 90%; color: #888; display: block; float: left; width: 65px;}
.event ul li span.multiline {font-size: 100%; color: #fff; width: auto; float: none; padding-left: 65px;}
.event .offset-left {padding-top: 6px;}

.affiliations-logos {text-align: center; margin: auto;}
.affiliations-logos:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.affiliations-logos {display: inline-block;}
/* Hides from IE-mac \*/
* html .affiliations-logos {height: 1%;}
.affiliations-logos {display: block;}
/* End hide from IE-mac */
.affiliations-logos div {float: left; margin: 0 20px 40px 10px; width: 45%; border-bottom: 3px double #444;}
.affiliations-logos div span {display: block; padding: 0 0 10px 0; border-bottom: 1px solid #444;}
.affiliations-logos div p {text-align: left;}
.affiliations-logos div p span.role {border: 0px; display: inline;}

.brand-logos div {float: left; text-align: center; width: 160px; margin: 0 20px 20px 0;}
.brand-logos div span {display: block; font-size: 75%; border: 1px solid #444; background: #222; padding: 5px; margin: 0 0 5px 0;}
.brand-logos div a img {border: 0px;}
.brand-logos div span:hover {background: #444;}

blockquote {background: url(/images/speech.gif) 10px bottom no-repeat; padding: 0 0 20px 0; font-size: 75%; margin: 20px 0 0 0; line-height: 160%;}
blockquote div {background: #002E0F url(/images/speech_mark.gif) 10px 10px no-repeat; padding: 10px; text-indent: 22px;}
blockquote div p {font-size: 100% !important; margin: 0 0 10px 0;}
.speaker {width: 380px; padding: 0 0 0 110px; margin: 0 0 30px 0; font-size: 70% !important;}

dl {margin: 10px 0;}
dt {font-style: italic; background: url(/images/speech_mark_dt.gif) no-repeat; font-size: 80%; padding: 5px 0 10px 40px;}
dd {font-size: 75%; line-height: 160%; margin: 0 0 20px 0; padding: 0 0 0 40px;}

kbd {font-size: 120%;}

#toc-list li ul li {font-size: 100%;}

#footer {padding: 10px 0;}
#footer ul {margin: 0 0 0 57px; padding: 0;}
#footer ul li {font-size: 70%; display: block; float: left; margin: 0 10px 0 0;}
#footer ul li a {display: block; padding: 0.2em 0.4em;}
#footer ul li a:hover {background: #f60; color: #fff; text-decoration: none;}
#footer p {clear: both; padding: 12px 0 0 60px; font-size: 70%;}
#footer p span {padding: 0 0 0 10px;}

/* --------- headlines --------- */

#headline-1 {text-indent: -9000px; background: url(/images/pagetitle_homepage.gif) no-repeat; height: 64px;}
#headline-11 {text-indent: -9000px; background: url(/images/subtitle_brands.gif) no-repeat; height: 35px;}
#headline-12 {clear: both; text-indent: -9000px; background: url(/images/subtitle_affiliations.gif) no-repeat; height: 30px;}
#headline-2 {text-indent: -9000px; background: url(/images/pagetitle_news.gif) no-repeat; height: 60px;}
#headline-3 {text-indent: -9000px; background: url(/images/pagetitle_company.gif) no-repeat; height: 64px;}
#headline-4 {text-indent: -9000px; background: url(/images/pagetitle_brands.gif) no-repeat; height: 56px;}
#headline-5 {text-indent: -9000px; background: url(/images/pagetitle_team.gif) no-repeat; height: 52px;}
#headline-6 {text-indent: -9000px; background: url(/images/pagetitle_events.gif) no-repeat; height: 52px;}
#headline-7 {text-indent: -9000px; background: url(/images/pagetitle_testimonials.gif) no-repeat; height: 56px;}
#headline-8 {text-indent: -9000px; background: url(/images/pagetitle_contact.gif) no-repeat; height: 56px;}
#headline-9 {text-indent: -9000px; background: url(/images/pagetitle_error.gif) no-repeat; height: 64px;}
#headline-100 {text-indent: -9000px; background: url(/images/pagetitle_accessibility.gif) no-repeat; height: 64px;}
#headline-101 {text-indent: -9000px; background: url(/images/pagetitle_toc.gif) no-repeat; height: 64px;}
#headline-102 {text-indent: -9000px; background: url(/images/pagetitle_legal.gif) no-repeat; height: 64px;}

/* -------- /headlines --------- */


/* --------- page-level customisations --------- */

#homepage #content {background: #000 url(/images/sitetitle_blue1.gif) left top no-repeat;}
#homepage #splash {background: url(/images/piping_blue.gif) repeat-y;}
#homepage #splash h1 {background: url(/images/splash/1.jpg) no-repeat;}
#homepage #footer, #homepage .body-copy {background: url(/images/piping_blue.gif) repeat-y;}
#homepage .splash-caption {border-left: 5px solid #2face1;}
#homepage .dropcap {color: #2face1;}

#accessibility #content {background: #000 url(/images/sitetitle_blue.gif) left top no-repeat;}
#accessibility #splash {background: url(/images/piping_blue.gif) repeat-y;}
#accessibility #splash h1 {background: url(/images/splash/1.jpg) no-repeat;}
#accessibility #footer, #accessibility .body-copy {background: url(/images/piping_blue.gif) repeat-y;}
#accessibility .splash-caption {border-left: 5px solid #2face1;}
#accessibility .dropcap {color: #2face1;}

#toc #content {background: #000 url(/images/sitetitle_blue.gif) left top no-repeat;}
#toc #splash {background: url(/images/piping_blue.gif) repeat-y;}
#toc #splash h1 {background: url(/images/splash/1.jpg) no-repeat;}
#toc #footer, #toc .body-copy {background: url(/images/piping_blue.gif) repeat-y;}
#toc .splash-caption {border-left: 5px solid #2face1;}
#toc .dropcap {color: #2face1;}

#legal #content {background: #000 url(/images/sitetitle_blue.gif) left top no-repeat;}
#legal #splash {background: url(/images/piping_blue.gif) repeat-y;}
#legal #splash h1 {background: url(/images/splash/1.jpg) no-repeat;}
#legal #footer, #legal .body-copy {background: url(/images/piping_blue.gif) repeat-y;}
#legal .splash-caption {border-left: 5px solid #2face1;}
#legal .dropcap {color: #2face1;}

#error #content {background: #000 url(/images/sitetitle_violet.gif) left top no-repeat;}
#error #splash {background: url(/images/piping_violet.gif) repeat-y;}
#error #splash h1 {background: url(/images/splash/2.jpg) no-repeat;}
#error #footer, #error .body-copy {background: url(/images/piping_violet.gif) repeat-y;}
#error .splash-caption {border-left: 5px solid #f5f;}

#news #content {background: #000 url(/images/sitetitle_yellow.gif) left top no-repeat;}
#news #splash {background: url(/images/piping_yellow.gif) repeat-y;}
#news #splash h1 {background: url(/images/splash/5.jpg) no-repeat;}
#news #footer, #news .body-copy {background: url(/images/piping_yellow.gif) repeat-y;}
#news .splash-caption {border-left: 5px solid #ff0;}
#news .dropcap {color: #ff0;}
#news h3, #news h4 {color: #ff0;}

#company #content {background: #000 url(/images/sitetitle_red.gif) left top no-repeat;}
#company #splash {background: url(/images/piping_red.gif) repeat-y;}
#company #splash h1 {background: url(/images/splash/4.jpg) no-repeat;}
#company #footer, #company .body-copy {background: url(/images/piping_red.gif) repeat-y;}
#company .splash-caption {border-left: 5px solid #FF4040;}
#company .dropcap {color: #FF4040;}
#company h3, #company h4 {color: #FF4040;}

#brands #content {background: #000 url(/images/sitetitle_purple.gif) left top no-repeat;}
#brands #splash {background: url(/images/piping_purple.gif) repeat-y;}
#brands #splash h1 {background: url(/images/splash/3.jpg) no-repeat;}
#brands #footer, #brands .body-copy {background: url(/images/piping_purple.gif) repeat-y;}
#brands .splash-caption {border-left: 5px solid #90c;}
#brands .dropcap {color: #90c;}
#brands h3, #brands h4 {color: #90c;}

#team #content {background: #000 url(/images/sitetitle_apple.gif) left top no-repeat;}
#team #splash {background: url(/images/piping_apple.gif) repeat-y;}
#team #splash h1 {background: url(/images/splash/9.jpg) no-repeat;}
#team #footer, #team .body-copy {background: url(/images/piping_apple.gif) repeat-y;}
#team .splash-caption {border-left: 5px solid #9c0;}
#team .dropcap {color: #9c0;}
#team h3, #team h4 {color: #9c0;}
#team h3 span {font-size: 65%; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 10px;}

#events #content {background: #000 url(/images/sitetitle_sand.gif) left top no-repeat;}
#events #splash {background: url(/images/piping_sand.gif) repeat-y;}
#events #splash h1 {background: url(/images/splash/6.jpg) no-repeat;}
#events #footer, #events .body-copy {background: url(/images/piping_sand.gif) repeat-y;}
#events .splash-caption {border-left: 5px solid #CDA732;}
#events .dropcap {color: #CDA732;}
#events h3, #events h4 {color: #CDA732;}

#testimonials #content {background: #000 url(/images/sitetitle_grass.gif) left top no-repeat;}
#testimonials #splash {background: url(/images/piping_grass.gif) repeat-y;}
#testimonials #splash h1 {background: url(/images/splash/8.jpg) no-repeat;}
#testimonials #footer, #testimonials .body-copy {background: url(/images/piping_grass.gif) repeat-y;}
#testimonials .splash-caption {border-left: 5px solid #093;}
#testimonials .dropcap {color: #093;}
#testimonials h3 {color: #093;}

#contact #content {background: #000 url(/images/sitetitle_toller.gif) left top no-repeat;}
#contact #splash {background: url(/images/piping_toller.gif) repeat-y;}
#contact #splash h1 {background: url(/images/splash/7.jpg) no-repeat;}
#contact #footer, #contact .body-copy {background: url(/images/piping_toller.gif) repeat-y;}
#contact .splash-caption {border-left: 5px solid #8282DF;}
#contact .dropcap {color: #8282DF;}
#contact h3, #contact h4 {color: #8282DF;}


#here #content {background: #000 url(/images/sitetitle_toller.gif) left top no-repeat;}
#here #splash {background: url(/images/piping_toller.gif) repeat-y;}
#here #splash h1 {background: url(/images/splash/7.jpg) no-repeat;}
#here #footer, #here .body-copy {background: url(/images/piping_toller.gif) repeat-y;}
#here .splash-caption {border-left: 5px solid #8282DF;}
#here .dropcap {color: #8282DF;}
#here h3, #here h4 {color: #8282DF;}

/* -------- /page-level customisations --------- */


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

@media print {
html, body {background: #fff; color: #000;}
#content {width: 95%; border: 0px;}
#logo {height: 60px;}
#logo span {display: block; text-align: center;}
#logo p, #access, #footer ul, #footer span, #splash, #nav, .splash-caption, #html-carousel, #next-arrow-container, #prev-arrow-container, .rsslink, #affiliations li#overflow {display: none; margin: 0; padding: 0;}
h2 {background: none; color: #0070B6; text-indent: 0px !important; font-family: "VAG Rounded", Vogel, "Helvetica Rounded", "HelveticaRounded", "Helvetica Rounded Bold", "Arial Rounded", "Arial Rounded Bold", "Arial Rounded Bold MT", "HelveticaRounded Bold", Arial, Helvetica, sans-serif; font-size: 200%; margin: 5px 0 5px 0; height: auto !important; font-weight: normal;}
h3 {background: none; color: #2FACE1 !important; text-indent: 0px !important; font-family: Arial, Helvetica, sans-serif; font-size: 150%; margin: 10px 0 5px 0; height: auto !important; font-weight: normal;}
h4 {background: none; color: #444 !important; text-indent: 0px !important; font-family: Arial, Helvetica, sans-serif; font-size: 110%; margin: 10px 0 5px 0; height: auto !important;}
.dropcap {color: #2face1 !important;}
#copy p {font-size: 75%;}
#footer {padding: 0; margin: 20px 0 0 0; text-align: center;}
acronym:after {border-bottom-width: 0px; content: " (" attr(title) ") "; font-size: 65%;}
.body-copy {padding: 0;}
.col-2 {margin: 15px 0 0 0;}
#brands-print {display: block;}
#affiliations li {float: none; display: block; font-size: 70% !important; width: auto !important; height: auto !important; margin: 0; padding: 0;}
#affiliations li a {background: none; text-indent: 0px; color: #000; float: none; display: inline; text-decoration: none;}
.event .offset-left {display: none; width: auto;}
}