/* Site-wide imports ------------------------------------------------- */ @import "reset.css"; @import "font-face.css"; @import "colorbox.css"; /* Color Key ------------------------------------------------- maroon #660000 blue #165a85 yellow #ecca30 grey #b8a6a6 */ /* Site CSS ------------------------------------------------- */ html { height: 100%; } body { height: 100%; background: #fff; } #tv-shows-page { background: #660000 url('../img/layout/bg-tv-shows.jpg') no-repeat 0 86px; } #schedule-page { background: #e88e3f url('../img/layout/bg-schedule.jpg') no-repeat 0 86px; } #find-a-lawyer-page { background: #c8ab81 url('../img/layout/bg-find-a-lawyer-detail.jpg') no-repeat 0 86px;} #connect-with-us-page { background: #c8ab81 url('../img/layout/bg-connect-with-us.jpg') no-repeat 0 86px; } #creative-services-page { background: #660000 url('../img/layout/bg-creative-services.jpg') no-repeat 0 86px; } #partnerships-page { background: #660000 url('../img/layout/bg-partnerships.jpg') no-repeat 0 86px; } #about-us-page { background: #c8ab81 url('../img/layout/bg-about.jpg') no-repeat 0 86px; } #contact-page { background: #660000 url('../img/layout/bg-contact.jpg') no-repeat 0 86px; } #sitemap-page { background: #660000 url('../img/layout/bg-sitemap.jpg') no-repeat 0 86px; } #disclaimer-page { background: #c8ab81 url('../img/layout/bg-disclaimer.jpg') no-repeat 0 86px; } #search-page { background: #660000 url('../img/layout/bg-disclaimer.jpg') no-repeat 0 86px; } #header-container { height: 87px; background: #660000 url('../img/layout/header-bg.png') no-repeat top left; position: relative; width: 100%; } #header { width: 940px; position: relative; } #header h1 { width: 540px; height: 87px; background: url('../img/layout/logo.png') no-repeat; text-indent: -9000px; } /* #header-nav { position: absolute; top: 0; right: 0; width: 205px; height: 24px; background: #330000; background: rgba(0,0,0,.5); } #header-nav ul { float: left; margin: 2px 0 0 18px; padding: 0; } #header-nav ul li { list-style: none; display: inline; text-transform: uppercase; padding: 0 10px; border-right: 1px solid #b8a6a6; border-right: 1px solid rgba(255,255,255,.65); line-height: 1; font-size: 10px; } #header-nav ul li.first { padding-left: 0; } #header-nav ul li.last { padding-right: 0; border: 0; } #header-nav ul li a { color: #b8a6a6; color: rgba(255,255,255,.65); text-decoration: none; } */ #header-contact-info { position: absolute; top: 0; right: 0; width: 205px; height: 46px; background: #470000; background: rgba(0,0,0,.3); } #header-contact-info p { font-size: 10px; text-align: right; color: #ac8c8c; color: rgba(255,255,255,.55); margin: 7px 18px 0 0; } #header-contact-info a { text-decoration: none; color: #ac8c8c; color: rgba(255,255,255,.55); } #header-search { position: absolute; bottom: 0; right: 0; width: 205px !important; height: 39px; background: #5e0000; background: rgba(0,0,0,.2); } #header-search form { margin: 0; padding: 0; } #header-search form div { overflow: hidden; float: right; margin: 11px 18px 0 0; } #header-search form div input[type=text] { float: left; width: 120px; font-size: 10px; border: 1px solid #000; background: #6b2626; background: rgba(255,255,255,.15); color: #fff; margin: 0 4px 0 0; } #header-search form div input[type=submit] { float: left; width: 40px; height: 16px; background: #000; border: 0; font-size: 10px; color: #808080; color: rgba(255,255,255,.5); margin: 0; padding: 0; cursor: pointer; } #nav { width: 940px; height: 40px; background: url('../img/layout/nav-bg.png'); background: rgba(0,0,0,.2); position: absolute; left: 0; top: 87px; z-index: 1000; } #nav ul { margin: 12px 0 0 20px; padding: 0; } #nav ul li { list-style: none; display: inline; float: left; } #nav ul li a { display: block; background: url('../img/layout/nav-items.png') no-repeat; height: 19px; text-indent: -9000px; outline: 0; } #tvshows { width: 105px; } #tvshows:hover, #tvshows.active { background-position: 0 -19px !important; } #schedule { width: 129px; background-position: -105px 0 !important; } #schedule:hover, #schedule.active { background-position: -105px -19px !important; } #find { width: 170px; background-position: -234px 0 !important; } #find:hover, #find.active { background-position: -234px -19px !important; } #creative { width: 191px; background-position: -404px 0 !important; } #creative:hover, #creative.active { background-position: -404px -19px !important; } #about { width: 133px; background-position: -595px 0 !important; } #about:hover, #about.active { background-position: -595px -19px !important; } #connect { width: 158px; background-position: -728px 0 !important; } #connect:hover, #connect.active { background-position: -728px -19px !important; } #subnav { position: absolute; top: 187px; left: 266px; width: 468px; height: 30px; background: url('../img/layout/nav-bg.png'); background: rgba(0,0,0,.2); } #subnav ul { margin: 7px 0 0 12px; padding: 0; overflow: hidden; } #subnav ul li { list-style: none; display: inline; float: left; } #subnav ul li a { display: block; height: 17px; background: url('../img/layout/subnav-items.png'); text-indent: -9000px; } #fb { width: 115px; } #fb:hover, #fb.active { background-position: 0 -17px !important; } #pc { width: 178px; background-position: -115px 0 !important; } #pc:hover, #pc.active { background-position: -115px -17px !important; } #ln { width: 150px; background-position: -293px 0 !important; } #ln:hover, #ln.active { background-position: -293px -17px !important; } .homepage-background { width: 100%; height: 900px; background: #660000; overflow: hidden; position: absolute; z-index: -10; } .homepage-background img { position: absolute; left: -2338px; z-index: 6000; } .homepage-background img.activebg { left: 0 !important; z-index: 2000 !important; } #slide-deck { float: left; margin: 60px 0 20px 0; width: 467px; height: 302px; overflow: hidden; clear: both; } .slider { width: 467px; height: 302px; position: absolute; z-index: 1; } .slider > * { margin-left: 20px; } .slide-controls { position: absolute; right: 50px; top: 5px; } .slide-controls a { display: block; background: url('../img/layout/slide-control-bg.png') no-repeat; color: #000; text-decoration: none; width: 16px; padding: 3px 0; float: left; text-align: center; line-height: 1; margin-right: 3px; font-weight: bold; font-family: Arial; } .slide-controls a.activeSlide { color: #fff; } .slide-title { font-family: "Futura", "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; line-height: 33px; font-size: 27px; margin: 25px 0 0 20px; width: 400px; } .slide-copy { font-family: "Futura", "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-size: 14px; margin: 0 0 16px 20px; width: 400px; } #slider01 { background: url('../img/layout/sliderBG_blue.png') no-repeat; } #slider02 { background: url('../img/layout/sliderBG_yellow.png') no-repeat; } #slider03 { background: url('../img/layout/sliderBG_red.png') no-repeat; } #slider04 { background: url('../img/layout/sliderBG_blue.png') no-repeat; } #slider05 { background: url('../img/layout/sliderBG_red.png') no-repeat; } .slider-content { background: url('../img/layout/nav-bg.png'); background: rgba(0,0,0,.2); position: absolute; left: 0; top: 147px; z-index: 0; width: 100%; height: 436px; display: none; } .slider-content object { float: left; margin: 50px 0 0 500px; } .slide-close-all { position: absolute; left: 885px; top: 30px} .slide-close-all a { } .highlighter { background-color: #ecca30; color: #660000; padding: 2px; font-size: 13px; font-weight: bold; text-align: center; } #red-features { float: left; clear: both; margin: 0 0 20px 0; width: 436px; height: 114px; color: #fff; font-size: 11px; position: relative; } #red-left { position: absolute; left: 0; width: 219px; height: 114px; background: url('../img/layout/red-features-bg.png') repeat-y; } #red-right { position: absolute; right: 0; width: 218px; height: 114px; background: url('../img/layout/red-features-bg.png') repeat-y; } #red-left p, #red-right p { width: 130px; position: absolute; left: 70px; top: 14px; } #red-left p img, #red-right p img { margin-bottom: 2px; } #red-left a, #red-right a { margin-top: 4px; padding-left: 10px; font-size: 10px; display: block; width: 130px; background: url('../img/layout/arrow.png') 0 2px no-repeat; font-weight: bold; } .callout-img { position: absolute; left: 5px; top: 20px; } #static-logos { float: left; clear: both; margin: 0 0 3px 0; width: 436px; height: 66px; } #logos { float: left; clear: both; margin: 0 0 20px 0; width: 436px; height: 43px; } .icon { vertical-align:middle; } .page-title { margin: 60px 0 10px 0; font-family: "Futura", "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-size: 32px; background: url('../img/layout/title-bg.png') repeat-x; padding: 6px 0 6px 20px; text-transform: uppercase; } #title-tv-shows { width: 200px; } #title-schedule { width: 200px; } #title-find { width: 280px; } #title-connect { width: 340px; } #title-creative { width: 340px; } #title-about { width: 200px; } #title-share { width: 140px; } #title-sitemap { width: 180px; } #title-disclaimer { width: 220px; } #title-admin { width: 714px; } #page-content { width: 694px; background: #660000; color: #fff; padding: 20px; margin-bottom: 20px; } #page-content p#abstract { font-size: 22px; margin-bottom: 20px; } #page-content a { color: #ecca30; text-decoration: none; } #page-content a:hover { text-decoration: underline; } #l3-page-content { width: 900px; background: #165a85; color: #fff; padding: 20px; margin-bottom: 20px; } #l3-page-content .thumb { float: left; margin-right: 10px; border: 1px solid #fff; } #l3-page-content p#abstract { font-size: 22px; margin-top: 17px; margin-bottom: 5px; } #l3-page-content a { color: #ecca30; text-decoration: none; } #l3-page-content a:hover { text-decoration: underline; } .video-pagination { float: right; margin: 0 0 4px 0; padding: 0; clear: both; } .video-pagination li { list-style: none; display: inline; } .video-pagination li a { color: #fff !important; } .video-pagination li a:hover { color: #ecca30 !important; text-decoration: none !important; } .video-pagination li a.active { color: #ecca30 !important; font-weight: bold; } #videos-list { margin: 20px 0 0 0; padding: 0; overflow: hidden; clear: both; } #videos-list li { list-style: none; float: left; width: 342px; background: #520000; margin-bottom: 10px; } #videos-list li.col1 { margin-right: 10px; } #videos-list li img { float: left; margin: 4px 0 4px 4px; } #videos-list li div.txt { float: left; height: 74px; position: relative; width: 225px; margin-left: 14px; } #videos-list li .video-title { font-size: 14px; color: #ecca30; margin: 0 } #videos-list li .video-desc { font-size: 11px; margin: 0; } #videos-list li .video-meta { font-size: 11px; margin: 0; padding: 0; position: absolute; left: 0; bottom: 2px; } #modal-content { display: none; } .clear { clear: both; } .actual-list li { list-style: disc !important; } .bio-modal { min-height: 250px; width: 850px; color: #FFF; padding: 10px; background-image: url('../image/layout/modal-bg-blue.jpg'); background-repeat: repeat-x; } .bio-modal li { list-style: none; } .bio-modal img { float: right; margin-left: 10px; margin-bottom: 10px; border: 1px solid #FFF; } .bio-modal .bio-name { font-size: 18px; font-weight: bold; } .bio-modal .bio-title { font-size: 12px; font-weight: normal; } .bio-modal p { margin: 0 0 7px; } .bio-modal hr { margin: 35px 0 15px 0; } #find-list { clear: both; margin: 0; padding: 0; overflow: hidden; } #find-list li { float: left; width: 224px; height: 74px; background-color: #520000; list-style: none; display: inline; margin: 0 10px 10px 0; padding: 0; } #find-list li.last { margin-right: 0; } #find-list li img { float: left; margin: 0; padding: 4px; } #find-list li a { font-size: 14px; font-weight: normal; color: #ecca30; } #find-detail-list { padding: 0; } #find-detail-list li { list-style: none; width: 900px; } #find-detail-list li img{ float: right; margin-left: 10px; border: 1px solid #FFF; } #find-detail-list .find-detail-name { font-size: 14px; font-weight: bold; } #find-detail-list .find-detail-title { font-size: 12px; font-weight: normal; } #find-detail-list p { margin: 0 0 7px; } #find-detail-list hr { margin: 35px 0 15px 0; } .schedule-list { padding: 0; margin-bottom: 3px;} .schedule-list li { list-style: none;; float: left; width: 60px; } .schedule-list li.show-title { width: 550px; } .watermark_box { position:relative; display:block; } img.watermark { position: absolute; top: 0; left: 0; } .watermark_box p { padding-left: 106px; } #cs-right-col { width:342px; float:right; padding: 0; } #cs-right-col p { margin-bottom: 8px;; } #cs-thumbs { width:342px; float:right; padding: 0; background-color: #520000; } #cs-thumbs img { margin: 3px 0 0 3px; } #footer { float: left; clear: both; margin: 0 0 20px 0; width: 536px; height: 40px; background: url('../img/layout/nav-bg.png'); background: rgba(0,0,0,.2); font-size: 11px; } #footer a { color: #000; } #newsletter { float: left; clear: both; margin: 0 0 0 20px; padding: 0 0 20px 0; } #newsletter li { list-style: none; display: inline; font-size: 11px; } #newsletter li input[type=text] { width: 184px; border: 1px solid #000; background: #818181; color: #000; } #newsletter li input[type=submit] { width: 54px; background: #000; border: 0; color: #fff; margin: 0; padding: 1px 0; } #contactForm { } #contactForm td { background-color: #520000; padding: 2px; text-align: left; vertical-align: top;} #contactForm input, textarea, select { border: 1px solid #000; width: 200px; margin: 0; } #contactForm textarea { height: 60px; } #contactForm .radios { border: 0; width: 16px; } #connect-links { padding: 0; } #connect-links li { list-style: none; width: 90px; height: 55px; text-align: center; float: left;} .devhide { display: none; }