/* <rde-dm:attribute mode="write" attribute="rdeResponseMimetype" source="request" value="text/css" /> */
*@import '/reset.css';

/************************/
/* Font sizing baseline */
/************************/
body {font-size: 62.5%;}
#wrapper {font-size: .9em;}

/***********************/
/* Basic HTML elements */
/***********************/
body {text-align: center; background-color: #000; color: #262626; font-family: Tahoma, Geneva, sans-serif;}
h1 {font-size: 1.5em; margin: 0 0 .5em 0; padding: 0;}
h2 {font-size: 1.2em; margin: 0 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.13em; margin: 0 0 0.25em; padding: 0 0 0.125em 0;}
h4 {font-size: 1.0em; margin: 0.5em 0 0;}
h5 {font-size: 1.0em; margin: 0.5em 0 0;}
h6 {font-size: 1.0em; margin: 0.5em 0 0;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration: none;}

/* Change these to coordinating colors */
/***************************************/
a {color: #cf2329;}
    #content-well a:hover {color: #3FA0AC;}
    #content-well a,
    #content-well a:active {color: #cf2329 !important;}
    #content-well a:visited,
    #content-well a.visited {color: #434343;}
em {font-style: italic;}
strong {font-weight: bold;}
p {margin: 0 0 1.1em 0; line-height: 1.5em;}
li {line-height: 1.4em;}
img {border: none;}
form {margin: 0; padding: 0;}
hr {clear: both; border: 0; width: 100%; color: #999999; background-color: #999999; height: 1px; margin: 0.4em 0 1.0em 0; padding: 0;}
#page ul {margin: 1.0em 0;}
tr {vertical-align: top;}
td {padding: 0 2px;}
th, td {color: #262626;}
th {padding: 0 2px; font-weight: bold;}

/***************************/
/* Basic Layout Containers */
/***************************/
#wrapper {width: 980px; margin: 0 auto; text-align: left; border: 1px #000 solid;}
#header {width: 980px; height: 109px; background: #000 url(/img/innerHeader.png) 0 0 no-repeat; color: #fff;}
#page {clear: both; width: 980px; padding-top: 15px; background: #000 url(/img/gradient_pageBackground.png) 0 0 repeat-x !important;}
    #page:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#leftColumn {width: 260px; float: left; color: #fff;}
#content {width: 710px; float: left; background-color: #fff; margin-right: 10px;}
    #content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#breadcrumbs {height: 25px; margin: 0;}
        #breadcrumbs a {text-decoration: none;}
        #breadcrumbs a:hover {color: #ed1b24 !important;}
    #breadcrumbsList,
        #breadcrumbsList a {color: #3f3f3f;}
        #breadcrumbsList a:hover {color: #ed1b24 !important;}
    #breadcrumbsList {margin: 0 0 0 -32px !important;}
    #breadcrumbsList li {float: left; list-style-type: none; line-height: 25px; padding: 0 5px 0 11px; background: url(/img/bullet_grayArrow.png) 0 10px no-repeat;}
        #breadcrumbsList li.home {background: none;}
#content-well {width: 670px; margin: 10px 20px 20px 20px; padding: 0; background-color: #fff; min-height:518px;}
    #content-well:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#content-well .flashbox {margin-bottom: 7px; background-color: #444;}
#mainContent {width: 500px; float: left; margin-right: 35px;}
    #mainContent h1 {color: #ed1b24; font-size: 26px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
    #mainContent h1 span {color: #999999; font-size: 20px;}
    #mainContent h2 {clear: both; height: 23px; text-indent: 10px; background: #fff url(/img/bg_subheading.png) 0 0 no-repeat; color: #fff; margin-top: 30px;}
    #mainContent p {margin-left: 10px;} 
#sidebar {width: 135px; float: left; margin: 40px 0 0 0;}
    #sidebar .sidebar-box {padding-bottom: 40px;}
    #sidebar h2 {width: 90%; color: #cf2329; border-bottom: 1px solid #403d3d;}
#footer {clear: both; position: relative; top: 0; width: 960px; height: 25px; padding: 10px; background: #000; color: #fff; font-size: .9em; color: #a8a8a8; line-height: 25px;}
    #footerLeft {width: 470px; float: left;}
    #footerRight {width: 470px; float: right;}
    #footer img {border: none; width: 111px; height: 25px; margin-left: 10px;}
    #footer p {line-height: 25px; height: 25px;}
    #footer p.links img {border: none; width: 16px; height: 16px; vertical-align: middle; padding-bottom:4px;}
    #footer p.copyright {float: right;line-height: 25px; height: 25px; vertical-align: bottom;}
    #footer a {color: #a8a8a8; text-decoration: none;}
    #footer a:hover {color: #ffcf3d;}


/*******************/
/* Homepage Styles */
/*******************/
#homeHeader {width: 980px; height: 441px; background: url(/img/noflash-graphic.jpg) 0 0 no-repeat; z-layer:100;}
    #homeHeader .logo {width: 221px; height: 78px; margin: 20px 16px;}
    #homepageFlash { width: 980px; height: 441px; top:0; left:0; position:absolute; z-layer:200; } 
#homeLeftColumn {width: 253px; height: 441px; margin: 0 0 0 16px; background: url(/img/bg_homeNavBar.png) 0 0 no-repeat;}
#scrollingNav {width: 150px; height: 135px; margin: 40px auto 55px auto; text-align: center;}
ul.homeIndustryNav {margin: 0; padding: 0; list-style-type: none; color: #fff; font-style: "HelveticaNeue-Light", Helvetica, Verdana, Arial, sans-serif; font-size: 16px;}
    ul.homeIndustryNav li {line-height: 25px;}
#homeLeftColumnText {width: 223px; height: 70px; margin: 0 auto; overflow: hidden; font-style: "HelveticaNeue-Light", Helvetica, Verdana, Arial, sans-serif; font-size: 14px; line-height: 16px; color: #fff;}
#homeMainNav {float: left; width: 794px; height: 164px; background: url(/img/gradient_homeMainNav.png) repeat-x 0 0; margin: 10px 10px 0 0;}
.homeMainNavBox { float: left; width: 252px; height: 149px; margin: 15px 0 0 10px;}
    .homeMainNavBox .circleLogos {width: 62px; height: 62px; float: left; margin: 0 0 87px 0;}
    .homeMainNavBox h2 {width: 175px; height: 16px; text-indent: -999em; float: left;}
        .audiovisualIndustry {background: url(/img/AudiovisualIndustry.png) 15px 5px no-repeat;}
        .workingWithPros {background: url(/img/WorkingWithPros.png) 15px 5px no-repeat;}
        .careers {background: url(/img/CareersInAV.png) 15px 5px no-repeat;}
    .homeMainNavText {float: left; width: 170px; height: 88px; margin: 0 5px 0 15px; color: #fff; font-size: 12px; overflow: hidden;}
    .homeMainNavMore {width: 42px; height: 20px; margin: 10px 0 0 15px;}
#seeAV {width: 176px; height: 164px; background: url(/img/AVinActionBox.gif) 0 0 no-repeat; margin: 10px 0 0 0; float: left;}
    #seeAV h2 {width: 129px; height: 10px; margin: 15px 41px 0 17px; background: url(/img/SeeAV.png) 0 0 no-repeat; text-indent: -999em;}
    .seeAVText {float: left; width: 146px; height: 50px; margin: 0 5px 0 17px; line-height: 130%; color: #fff; font-size: 12px; overflow: hidden;}
    .AVProducts {float: left; width: 129px; height: 24px; margin: 10px 0 13px 17px;}
    .FindResources {float: left; width: 142px; height: 23px; margin: 0 0 10px 17px;}

/*********************/
/* Inner Page Styles */
/*********************/
/* Header */
#header {position: relative;}
    #header .logo {width: 221px; height: 78px; margin: 20px 0 0 30px; float: left;}
#search {position: absolute; right: 20px; width: 147px; float: left; margin-top: 22px;}
    #search img {float: left;}
/* Left Column */
#leftColumn ol, #leftColumn ul {list-style: none;}
/* Main Navigation */
ul.mainNav {width: 222px; margin: 0 0 0 25px !important; font-family: "HelveticaNeue-Light", Helvetica, Verdana, Arial, sans-serif; font-size: 11px;}
ul.mainNav, .mainNav * {padding: 0; list-style: none; text-decoration: none; text-transform: uppercase; color: #fff;}
ul.mainNav {position: relative; background: url(/img/bg_MainNav.png) no-repeat; padding: 10px 0 0 10px; float: left;}
    ul.mainNav li {width: 190px; outline: none; background: url(/img/bullet_redArrowRight.png) no-repeat 0 13px; padding-left: 15px; line-height: 35px;}
    ul.mainNav img {margin-left: -10px;}
    ul.mainNav li.navCurrent, ul.mainNav li.navActive {background: url(/img/bullet_redArrowDown.png) no-repeat 0 13px;}
ul.subnavigation {list-style: none; margin: -10px 0 0 0 !important; padding: 0;}
    ul.subnavigation li {width: 175px; outline: none; line-height: 20px; background-image: none;}
    ul.subnavigation a {text-transform: none; font-weight: normal !important;}
/* Industry Navigation */
ul.industryNav {width: 222px; margin: 22px 0 0 25px !important; font-family: "HelveticaNeue-Light", Helvetica, Verdana, Arial, sans-serif; font-size: 12px;}
ul.industryNav, .industryNav * {padding: 0; list-style: none; text-decoration: none; color: #fff;}
ul.industryNav {position: relative; background: url(/img/bg_IndustryNav.png) no-repeat; padding: 66px 0 0 0; float: left;}
    ul.industryNav li {width: 200px; outline: none; background: url(/img/bullet_whiteDot.png) no-repeat 25px 8px; padding-left: 25px; text-indent: 8px; line-height: 19px; margin: 4px 0;}
    ul.industryNav li.navCurrent, ul.industryNav li.navActive {background: url(/img/bg_industryNavActive.png) no-repeat 0 0;}
.nav-bottom {margin: -5px 0 0 25px;}
/* Article Bullet List */
ul.articleList {list-style: bullet; padding:0; margin:0;}
    ul.articleList li {padding-left: 1em; margin: 4px 0; margin-left:3em;}    

/*********************/
/* Alternate Layouts */
/*********************/
.noSidebar #mainContent {width: 670px; float: left; margin: 0;}
.noSidebar #sidebar {display: none; visibility: hidden;}
/*****************/
/* Color palette */
/*****************/
/*
Main title on inner pages: Arial, Helvetica, all caps, use span tag for gray text
Main Title text (Red): ed1b24
Main Title span text (Gray): 999999
Sidebar Title text (Red): cf2329
Main text: 262626
Subheading bg: ed1b24
Breadcrumb text: 3f3f3f
*/