/* General HTML elements */
form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote { margin: 0; padding: 0; }
body { font: 62.8% Arial, Helvetica, sans-serif; background: #e9e9e9; color: #333; text-align: center; margin: 0; padding: 0; }
img { border: none; }
a { color: #fff; }
a:visited { color: #eee; }
a:focus { color: #ff0; }
a:hover { color: #ff0; }
a:active { color: #0f0; }
p { padding: 8px; font-size: 1.2em; text-align: left; }
address { padding: 8px; font-size: 1.2em; font-style: normal; text-align: left; }
h1 { font-size: 2em; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: right; margin: 0 30px 1px 0; }
h2 { font-size: 1.6em; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: right; margin: 0 30px 1px 0; }
h3 { font-size: 1.4em; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: right; margin: 0 30px 1px 0; }
ul, ol { padding: 8px 8px 8px 30px; font-size: 1.2em; text-align: left; }
ul ul, ul ol, ol ul, ol ol { font-size: 1em; }
blockquote { font-style: italic; }
cite { font-style: normal; }
dl { padding: 0; margin: 0; }
dt { font-weight: bold; font-size: 1.2em; text-align: left; margin: 0; padding: 8px; }
dd { font-size: 1.2em; text-align: left; margin: 0; padding: 8px; }

/* Useful Classes */
.left { float: left; }
.right { float: right; }
.clear_left { clear: left; display: block; }
.clear_right { clear: right; display: block; }
.clear_both { clear: both; display: block; }
.center { text-align: center; }
.error, .errors { color: #f00; }
.hide { display: none; }
a.url { text-decoration: none; color: #fff; }
img.main { display: block; }

/* Container */
div#container { width: 742px; margin: 0 auto; }

/* Header */
div#header { height: 33px; background: #e8e8e8 url("../gfx/top-menu-gradient.gif") top left repeat-x; border: 1px solid #b9b9ba; margin: 36px 0 0 0; }
img#main_logo { margin: -32px 0 0 -46px; position: absolute; left: auto; top: auto; z-index: 10; }

/* Main menu */
div#header ul { height: 33px; padding: 0; margin: 0; font-size: 1.2em; text-align: left; }
div#header ul#left_main_menu { margin-left: 30px; width: 280px; float: left; }
div#header ul#right_main_menu { margin-right: 50px; width: 260px; float: right; }
div#header ul li { list-style-type: none; padding: 0; margin: 0; }
div#header ul li a { text-decoration: none; color: #333; display: block; padding: 0 5px; height: 33px; line-height: 33px; }
div#header ul#left_main_menu li { float: left; }
div#header ul#right_main_menu li { float: right; }
div#header ul li:hover a { color: #fff; background: #000; height: 47px; margin: -14px 0 0 0; line-height: 43px; z-index: 20; }
div#header ul li:hover a.home, div#header ul li.sfhover a.home { color: #fff; background: #0b794f url("../gfx/header-home.gif") top left repeat-x; }
div#header ul li:hover a.about, div#header ul li.sfhover a.about { color: #fff; background: #0191ab url("../gfx/header-about-us.gif") top left repeat-x; }
div#header ul li:hover a.services, div#header ul li.sfhover a.services { color: #fff; background: #ab2f28 url("../gfx/header-services.gif") top left repeat-x; }
div#header ul li:hover a.casestudies, div#header ul li.sfhover a.casestudies { color: #fff; background: #575195 url("../gfx/header-case-studies.gif") top left repeat-x; }
div#header ul li:hover a.contact, div#header ul li.sfhover a.contact { color: #fff; background: #c4511f url("../gfx/header-contact.gif") top left repeat-x; }
div#header ul li:hover a.subscribe, div#header ul li.sfhover a.subscribe { color: #fff; background: #3853bc url("../gfx/header-subscribe.gif") top left repeat-x; }
div#header ul li a.home:hover { color: #fff; background: #0b794f url("../gfx/hover_header-home.gif") top left repeat-x; }
div#header ul li a.about:hover { color: #fff; background: #0191ab url("../gfx/hover_header-about-us.gif") top left repeat-x; }
div#header ul li a.services:hover { color: #fff; background: #ab2f28 url("../gfx/hover_header-services.gif") top left repeat-x; }
div#header ul li a.casestudies:hover { color: #fff; background: #575195 url("../gfx/hover_header-case-studies.gif") top left repeat-x; }
div#header ul li a.contact:hover { color: #fff; background: #c4511f url("../gfx/hover_header-contact.gif") top left repeat-x; }
div#header ul li a.subscribe:hover { color: #fff; background: #3853bc url("../gfx/hover_header-subscribe.gif") top left repeat-x; }

/* Sub Menus */
div#header ul li ul { height: 51px; padding: 0; margin: 0; font-size: 1em; text-align: left; left: -9999em; top: auto; position: absolute; z-index: 50; width: 742px; }
div#header ul li:hover ul, div#header ul li.sfhover ul { left: auto; }
div#header ul li ul li { padding: 0; }
div#header ul li ul li a { color: #fff; background: #000; height: 47px; margin: 0 !important; line-height: 43px; }
div#header ul li ul li a:hover { color: #fff; background: #000; height: 47px; line-height: 43px; }
div#header ul li ul li a.about:hover { color: #fff; background: #0191ab url("../gfx/hover_header-about-us.gif") top left repeat-x; }
div#header ul li ul li a.services:hover { color: #fff; background: #ab2f28 url("../gfx/hover_header-services.gif") top left repeat-x; }

/* Content */
div#content_box { background: #d6d6d6; border: 1px solid #b9b9ba; border-top: none; margin: 0 0 10px 0; padding: 0 10px 10px 10px; }
img#box_top { display: block; margin: 0 auto; }
div#content { width: 709px; height: 344px; color: #fff; border: 1px solid #b9b9ba; margin: 0 auto; }
div#subcontent { width: 709px; height: 344px; margin: 0; }

div.main_text { width: 360px; margin: 125px 20px 0 20px; }
div.main_text.high { width: 360px; margin: 20px 20px 0 20px; }
div.main_text.wide { width: auto; margin: 20px 20px 0 20px; }
div.scroll_box { height: 185px; overflow: auto; margin-bottom: 15px; }
div.main_text.high div.scroll_box { height: 235px; overflow: auto; }

blockquote.large_quote { margin: 10px; width: 280px; font-size: 1.2em; font-style: normal; }

/* Gallery */
ul#gallery { width: auto; padding: 0; height: 235px; margin: 0 0 15px 0; font-size: 1em; }
ul#gallery li { display: inline; list-style-type: none; }
ul#gallery li a { width: 141px; display: block; float: left; margin: 10px; border: 3px solid #fff; text-decoration: none; }
ul#gallery li a strong { padding: 2px 5px; font-size: 1.2em; }
ul#gallery li a img { display: block; border-top: 3px solid #fff; }
ul#gallery li a:hover { border: 3px solid #ff0; }
ul#gallery li a:hover img { border-top: 3px solid #ff0; }
ul#gallery li a:focus { border: 3px solid #ff0; }
ul#gallery li a:focus img { border-top: 3px solid #ff0; }
ul#gallery li a:active { border: 3px solid #0f0; }
ul#gallery li a:active img { border-top: 3px solid #0f0; }

/* Lower Section Menu */
ul#section_menu { height: 33px; padding: 0; margin: 0; font-size: 1em; text-align: left; background: #e8e8e8 url("../gfx/top-menu-gradient.gif") top left repeat-x; border: 1px solid #b9b9ba; clear: both; margin: 5px; }
ul#section_menu li { list-style-type: none; padding: 0; margin: 0; float: left; }
ul#section_menu li a { text-decoration: none; color: #333; display: block; padding: 0 9px; height: 33px; line-height: 33px; font-size: 1.2em; border-left: 1px solid #b9b9ba; }
ul#section_menu li strong { color: #000; display: block; padding: 0 10px; height: 33px; line-height: 33px; font-size: 1.3em; }

/* Page Types - Home Page */
div.home_page { background: #0b794f url("../gfx/background-homepage.jpg") top left no-repeat !important; }
div.home_page div.scroll_box { background: #0b794f; }
div.home_page_box { background: transparent url("../gfx/main/home.jpg") top left no-repeat; }

/* Page Types - About Us */
div.about_us { background: #0191ab url("../gfx/background-about-us.jpg") top left no-repeat !important; }
div.about_us div.scroll_box { background: #0191ab; }
div.about_us blockquote.large_quote { background: #0191ab; }
div.company_profile { background: transparent url("../gfx/main/company-profile.jpg") top left no-repeat; }

/* Page Types - Services */
div.services { background: #ab2f28 url("../gfx/background-services.jpg") top left no-repeat !important; }
div.services div.scroll_box { background: #ab2f28; }
div.services ul#section_menu li strong { color: #ab2f28; }
div.services ul#section_menu li a:focus { color: #ab2f28; }
div.services ul#section_menu li a:hover { color: #ab2f28; }
div.services ul#gallery li a { background: #ab2f28;  }
div.audio_visual_hire { background: transparent url("../gfx/main/audio-visial-hire.jpg") top left no-repeat; }
div.audio_visual_hire_details_of_service { background: transparent url("../gfx/main/audio-visial-hire-details-of-service.jpg") top right no-repeat; }
div.audio_visual_hire_case_study { background: transparent url("../gfx/main/audio-visual-hire-case-study.jpg") top left no-repeat; }
div.exhibition_services { background: transparent url("../gfx/main/exhibition-services.jpg") top right no-repeat; }
div.exhibition_services_portable_display_stands { background: transparent url("../gfx/main/exhibition-services-portable-display-stands.jpg") top left no-repeat; }
div.exhibition_services_design_build { background: transparent url("../gfx/main/exhibition-services-design-build.jpg") top right no-repeat; }
div.exhibition_services_details_of_service { background: transparent url("../gfx/main/exhibition-services-details-of-service.jpg") top right no-repeat; }
div.exhibition_services_case_study { background: transparent url("../gfx/main/exhibition-services-case-study.jpg") top left no-repeat; }
div.digital_imaging { background: transparent url("../gfx/main/digital-imaging.jpg") top left no-repeat; }
div.digital_imaging_details_of_service { background: transparent url("../gfx/main/digital-imaging-details-of-service.jpg") top left no-repeat; }
div.digital_imaging_printing { background: transparent url("../gfx/main/digital-imaging-printing.jpg") top right no-repeat; }
div.digital_imaging_mounting_laminating { background: transparent url("../gfx/main/digital-imaging-mounting-laminating.jpg") top left no-repeat; }
div.digital_imaging_vinyl_cutting { background: transparent url("../gfx/main/digital-imaging-vinyl-cutting.jpg") top right no-repeat; }
div.digital_imaging_case_study_hilton_hotel { background: transparent url("../gfx/main/digital-imaging-case-study-hilton.jpg") top left no-repeat; }
div.digital_imaging_case_study_coal_mining { background: transparent url("../gfx/main/digital-imaging-case-study-coal-mining-museum.jpg") top left no-repeat; }
div.event_management { background: transparent url("../gfx/main/event-management.jpg") top left no-repeat; }
div.event_management_details_of_service { background: transparent url("../gfx/main/event-management-details-of-service.jpg") top right no-repeat; }
div.event_management_themed_events { background: transparent url("../gfx/main/event-management-themed-events.jpg") top left no-repeat; }
div.event_management_chocolate_fountains { background: transparent url("../gfx/main/event-management-chocolate-fountains.jpg") top left no-repeat; }
div.event_management_methodology { background: transparent url("../gfx/main/event-management-methodology.jpg") top left no-repeat; }
div.event_management_case_study_stars_in_eyes { background: transparent url("../gfx/main/event-management-case-study-stars-in-eyes.jpg") top left no-repeat; }
div.event_management_case_study_learning_skills { background: transparent url("../gfx/main/event-management-case-study-learning-skills-council.jpg") top left no-repeat; }
div.event_management_case_study_prison_winter { background: transparent url("../gfx/main/event-management-case-study-prison-winter.jpg") top left no-repeat; }
div.conference_production { background: transparent url("../gfx/main/conference-production.jpg") top left no-repeat; }

/* Page Types - Case Studies */
div.case_studies { background: #575195 url("../gfx/background-case-studies.jpg") top left no-repeat !important; }
div.case_studies div.scroll_box { background: #575195; }
div.case_study_stars_in_their_eyes { background: transparent url("../gfx/main/case-study-stars-in-their-eyes.jpg") top left no-repeat; }
div.case_study_hilton_hotel { background: transparent url("../gfx/main/case-study-hilton-hotel.jpg") top left no-repeat; }
div.case_study_learning_skills_council { background: transparent url("../gfx/main/case-study-learning-skills-council.jpg") top left no-repeat; }
div.case_study_prison_winter { background: transparent url("../gfx/main/case-study-prison-winter.jpg") top left no-repeat; }

/* Page Types - Contact Us */
div.contact_us { background: #c4511f url("../gfx/background-contact-us.jpg") top left no-repeat !important; }
div.contact_us div.scroll_box { background: #c4511f; }
div.contact_us_box { background: transparent url("../gfx/main/contact-us.jpg") top left no-repeat; }

/* Page Types - Subscription */
div.subscribe { background: #3853bc url("../gfx/background-loud-clear.jpg") top left no-repeat !important; }
div.subscribe div.scroll_box { background: #3853bc; }
div.loud_and_clear { background: transparent url("../gfx/main/loud-and-clear.jpg") top left no-repeat; }

/* Footer */
div#footer { height: 141px; background: #b9b9ba url("../gfx/bottom-gradient.jpg") top left repeat-x; border: 1px solid #b9b9ba; margin: 0; padding: 0; }
img#footer_logo { margin: 10px 0; }
div#footer ul { padding: 0; font-size: 1em; margin: 0 60px 0 12px; }
div#footer ul li { margin: 0; padding: 0; list-style-type: none; }
div#footer ul.right li a { display: block; width: 184px; height: 19px; line-height: 19px; border: 1px solid #b9b9ba; text-align: center; color: #fff; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 5px 10px; }
div#footer ul.right li a.eventmanage { color: #fff; background: #200a5f url("../gfx/link-event-management.gif") top left repeat-x; }
div#footer ul.right li a.audiovisual { color: #fff; background: #277543 url("../gfx/link-audio-visual.gif") top left repeat-x; }
div#footer ul.right li a.graphicsdisplay { color: #fff; background: #003469 url("../gfx/link-graphics.gif") top left repeat-x; }
div#footer ul.right li a.conferences { color: #fff; background: #b11c1c url("../gfx/link-conferences.gif") top left repeat-x; }
div#footer ul.right li a.marquees { color: #fff; background: #3e3c27 url("../gfx/link-marquees.gif") top left repeat-x; }
div#footer ul.right li a.eventmanage:hover { color: #fff; background: #32109f url("../gfx/hover_link-event-management.gif") top left repeat-x; }
div#footer ul.right li a.audiovisual:hover { color: #fff; background: #36a35a url("../gfx/hover_link-audio-visual.gif") top left repeat-x; }
div#footer ul.right li a.graphicsdisplay:hover { color: #fff; background: #005fb0 url("../gfx/hover_link-graphics.gif") top left repeat-x; }
div#footer ul.right li a.conferences:hover { color: #fff; background: #dc2525 url("../gfx/hover_link-conferences.gif") top left repeat-x; }
div#footer ul.right li a.marquees:hover { color: #fff; background: #67694a url("../gfx/hover_link-marquees.gif") top left repeat-x; }
div#footer a#subscribe_to_loud_clear { width: 255px; float: left; margin: 0 0 0 20px; color: #027247; text-decoration: none; font-size: 1.2em; }
div#footer a#subscribe_to_loud_clear strong { font-size: 1.5em; }
div#footer a#subscribe_to_loud_clear img.thumbnail { margin: 0 5px; float: left; }
div#footer a#subscribe_to_loud_clear img.icon { margin: 3px 12px; float: left; }
p#copyright { font-size: 1em; text-align: left; padding: 0; margin: 2px 0; color: #666; }
p#copyright a { color: #000; }
p#copyright a:focus, p#copyright a:hover { color: #060; }
p#copyright a:active { color: #0f0; }
p#marketing_text { font-size: 1em; padding: 0; margin: 5px 0; color: #666; text-align: center; }

/* Forms */
label { float: left; width: 150px; }
input.text, textarea, select { border: 1px solid #000; font-size: 0.9em; }
input.button { padding: 3px 5px; background: #fff; border: 1px solid #000; }

legend { font-size: 1.5em; }
.cms_form input.text, .cms_form select { font-size: 1em; }
.cms_form textarea { font-size: 1.2em; }
input.required { border-color: #f00; }
.wym_box { clear: both; }
.errors label, label.inline { display: inline; width: auto; float: none; }

table { font-size: 1em; text-align: left; color: #fff; border-collapse: collapse; margin: 15px; }
thead tr { background: #000; }
th, td { font-size: 1.2em; border: 1px solid #fff; padding: 3px 5px; }
tr.even { background: #0b7049; }

/* Flash Player */
object#flash_player { float: left; margin: 30px 0 0 30px; }