#content.advertising { background-color: #d5d0b7; color: #000; float:right; } #content.advertising a { color: #000; } #video-holder {height: 380px; display: block; background: url(../img/advertising/video_player.jpg) no-repeat; padding: 5px 0px 0px 5px; margin-left: 15px; } #content.advertising ul#media-list {padding-left: 0; margin: 0} #content.advertising ul#media-list a {color: #fff; font-size: 11px; } #content.advertising ul#media-list li{list-style-type: none; margin: 0} #content.advertising ul#media-list li a{display: block} #highlight { display: none} #adtv a { background: url(../img/advertising/adtv.jpg) no-repeat; height: 106px; padding-top: 11px } #clock a { background: url(../img/advertising/clock.jpg) no-repeat; height: 104px; padding-top: 13px } #tri-face a { background: url(../img/advertising/tri-face.jpg) no-repeat; height: 99px; padding-top: 13px } #info a { background: url(../img/advertising/info.jpg) no-repeat; height: 123px; padding-top: 12px } #movie a { background: url(../img/advertising/movie.jpg) no-repeat; height: 105px; padding-top: 20px } #events-copy .advertising-primary, #content.advertising .advertising-primary {float: right; width: 204px; background: url(../img/advertising/advertising-primary-back.gif) 0 30px repeat-y; text-align: center; clear: right; margin: 0px 10px 12px 10px; } #events-copy .advertising-primary h3, #content.advertising .advertising-primary h3 {color: #e13230; background: url(../img/advertising/advertising-media.gif) no-repeat; margin: 0; height: 25px; padding-top: 5px; } #events-copy .advertising-primary h4, #content.advertising .advertising-primary h4 { font-weight: normal; background: url(../img/advertising/advertising-media2.gif) no-repeat; margin: 0; height: 22px; } #events-copy .advertising-primary p, #content.advertising .advertising-primary p {text-align: left; margin-top: 0; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0} #events-copy .advertising-primary p a, #content.advertising .advertising-primary p a {color: #000 } #events-copy .advertising-secondary, #content.advertising .advertising-secondary { float: right; width: 204px; clear: right; padding: 0px; margin: 0px 10px 0px 0px; } #events-copy .advertising-secondary ul, #content.advertising .advertising-secondary ul { list-style-type: none; display: block; padding: 0px; margin: 0px; width: 204px; text-align: center; background: url(../img/advertising/advertising-secondary-back.gif); } #events-copy .advertising-secondary li, #content.advertising .advertising-secondary li { display: block; padding: 15px; font-size: 14px; font-weight: bold; } #events-copy .advertising-secondary li.first-child, #content.advertising.advertising-secondary li.first-child { background: url(../img/advertising/advertising-secondary-top.gif) no-repeat} #events-copy .advertising-secondary li.last-child, #content.advertising .advertising-secondary li.last-child { background: url(../img/advertising/advertising-secondary-last.gif) no-repeat bottom; height: 30px; } #events-copy .advertising-secondary a, #content.advertising .advertising-secondary a { color: #fff; text-decoration: none } #events-copy .advertising-secondary a:hover, #content.advertising .advertising-secondary a:hover { text-decoration: underline; } #events-copy.demographics { background: url(../img/advertising/demographics-back.jpg) no-repeat 0 22px; height: 600px; padding: 1px; } #events-copy.demographics h1 { color: #17598b; } #events-copy.demographics h2 { color: #e13230; font-size: 14px} #events-copy.demographics h2.the-arena-district { margin: 0 0 0 35px; position: absolute; top: 227px} #events-copy.demographics h2.the-patrons { margin: 0 0 0 36px; position: absolute; top: 390px} #events-copy.demographics h2.demographics-text { margin: 0 0 0 38px; position: absolute; top: 563px} #events-copy.demographics ul { color: #fff; font-size: 11px; } #events-copy.demographics ul.the-arena-district { margin-left: 175px; position: absolute; top: 257px; line-height: 14px; } #events-copy.demographics ul.the-patrons { margin-left: 175px; position: absolute; top: 410px; line-height: 14px; } #events-copy.demographics ul.demographics-text { margin-left: 175px; position: absolute; top: 593px; line-height: 14px; } #events-copy h1, #events-copy h2, #content.advertising h1, #content.advertising h2 { color: #17598b; } #events-copy .ad-data {padding-top: 8px; height: 85px} #events-copy .ad-data#info-data {padding-top: 8px; height: 90px} #events-copy .ad-data#movie-data {padding-top: 8px; height: 100px} #events-copy .ad-data h2{color: #e13230; font-size: 11px; font-weight: bold; display: block; margin: 0; text-align: center; width: 164px; position: relative; left: -3px; bottom: 2px; } #events-copy .ad-data table {padding-left: 0;margin-left: 150px; position: relative; top: -17px; line-height: 11px; font-size: 11px;} #events-copy .ad-data table th {text-align: right; padding-right: 5px} #adtv-data {background: url(../img/advertising/adtv-data.jpg) no-repeat ; } #clock-data {background: url(../img/advertising/clock-data.jpg) no-repeat ; } #tri-face-data {background: url(../img/advertising/tri-face-data.jpg) no-repeat ; } #info-data {background: url(../img/advertising/info-data.jpg) no-repeat ; } #movie-data {background: url(../img/advertising/movie-data.jpg) no-repeat ; } #clock-data h2, #tri-face-data h2, #info-data h2 { width: 145px; } ul#legend { text-align: left; padding: 8px 0px; margin: 0px 0px 0px 10px; list-style-type: none; } ul#legend li { font-size: 12px; font-weight: bold; color:#17598b; padding: 8px 0px 10px 0px; margin: 0px; } ul#legend li.last-child{background: none; padding-bottom: 9px} ul#legend span.major { padding: 4px 0px 8px 24px; background:url(../img/advertising/legend-major.gif) no-repeat; } ul#legend span.minor { padding: 4px 0px 8px 24px; background:url(../img/advertising/legend-minor.gif) no-repeat; } ul#legend span.movie { padding: 4px 0px 8px 24px; background:url(../img/advertising/legend-movie.gif) no-repeat; } .data-divider {height: 12px; width: 513px; background: url(../img/advertising/data-dividers.gif); position: relative; left: 0px} .map-hover {background: aqua; width: 201px; height: 181px; position: absolute; display: none; font-size: 15px; font-weight: bold; text-align: center; color: #fff; overflow: hidden} #kiosk6-hover{position: absolute; top: 255px; margin-left: 180px; background:url(../img/advertising/kiosk6.png) no-repeat; padding-top: 65px} #kiosk5-hover{position: absolute; top: 234px; margin-left: 280px; background:url(../img/advertising/kiosk5.png) no-repeat} #kiosk4-hover{position: absolute; top: 240px; margin-left: 195px; background:url(../img/advertising/kiosk4.png) no-repeat} #kiosk3-hover{position: absolute; top: 305px; margin-left: 245px; background:url(../img/advertising/kiosk3.png) no-repeat} #kiosk2-hover{position: absolute; top: 280px; margin-left: 235px; background:url(../img/advertising/kiosk2.png) no-repeat} #kiosk1-hover{position: absolute; top: 223px; margin-left: 15px; background:url(../img/advertising/kiosk1.png) no-repeat;} #kiosk1-hover #six {margin-top: 35px; display: block} #adtv-clock-hover{position: absolute; top: 280px; margin-left: 205px; background:url(../img/advertising/adtv-clock.png) no-repeat} #movie-hover{position: absolute; top: 345px; margin-left: 260px; background:url(../img/advertising/movie.png) no-repeat} *:first-child+html #kiosk6-hover{margin-left: -340px; background:url(../img/advertising/kiosk6.png) no-repeat} *:first-child+html #kiosk5-hover{top: 230px; margin-left: -230px; background:url(../img/advertising/kiosk5.png) no-repeat} *:first-child+html #kiosk4-hover{top: 233px; margin-left: -310px; background:url(../img/advertising/kiosk4.png) no-repeat} *:first-child+html #kiosk3-hover{top: 300px; margin-left: -265px; background:url(../img/advertising/kiosk3.png) no-repeat} *:first-child+html #kiosk2-hover{top: 275px; margin-left: -275px; background:url(../img/advertising/kiosk2.png) no-repeat} *:first-child+html #kiosk1-hover{top: 220px; margin-left: -490px; background:url(../img/advertising/kiosk1.png) no-repeat} *:first-child+html #adtv-clock-hover{top: 300px; margin-left: -165px; background:url(../img/advertising/adtv-clock.png) no-repeat} *:first-child+html #movie-hover{top: 335px; margin-left: -255px; background:url(../img/advertising/movie.png) no-repeat} * html #kiosk6-hover{margin-left: -340px; background:url(../img/advertising/kiosk6.gif) no-repeat} * html #kiosk5-hover{top: 230px; margin-left: -230px; background:url(../img/advertising/kiosk5.gif) no-repeat} * html #kiosk4-hover{top: 233px; margin-left: -310px; background:url(../img/advertising/kiosk4.gif) no-repeat} * html #kiosk3-hover{top: 300px; margin-left: -265px; background:url(../img/advertising/kiosk3.gif) no-repeat} * html #kiosk2-hover{top: 275px; margin-left: -275px; background:url(../img/advertising/kiosk2.gif) no-repeat} * html #kiosk1-hover{top: 220px; margin-left: -490px; background:url(../img/advertising/kiosk1.gif) no-repeat} * html #adtv-clock-hover{top: 270px; margin-left: -300px; background:url(../img/advertising/adtv-clock.gif) no-repeat} * html #movie-hover{top: 320px; margin-left: -250px; background:url(../img/advertising/movie.gif) no-repeat} * html #events-copy .advertising-primary, * html #content.advertising .advertising-primary {margin: 0px 3px 12px 10px; } * html #events-copy .advertising-secondary, * html #content.advertising .advertising-secondary { margin: 0px 3px 0px 0px; } #movie-loader { position: absolute; top: 200px; width: 477px; height: 360px; padding: 0px; } #content #video-holder img { padding: 0px; }