*{ outline: none; } body{ margin: 0; padding: 0; background: #2a2a2a url('images/backgroundBody.jpg') top left; font: 11px/1.5em arial, verdana, sans-serif; } a:link, a:visited{ text-decoration: underline; } a:hover, a:active{ text-decoration: none; } a img{ border: none; } p{ font-family: verdana, sans-serif; } /* Layout */ #wrapper{ position: relative; margin: 0 auto; width: 1024px; height: 628px; background: transparent url('images/backgroundWrapper.jpg') top center no-repeat; } a#login{ position: absolute; top: 0; right: 0; background: transparent url('images/login.gif') top left no-repeat; display: block; width: 69px; height: 20px; } a#login span{ display: none; } /* Primary Navigation */ /*ul#primary{ position: relative; top: -1px; margin: 0; padding: 0; list-style: none; width: 100%; text-align: center; } ul#primary li{ display: inline; } ul#primary li a{ font-size: 12px; line-height: 12px; color: #ff9900; padding: 8px 15px; text-transform: uppercase; text-decoration: none; display: inline-block; } ul#primary li a.current, ul#primary li a:hover{ background: transparent url('images/navPrimaryHighlight.jpg') bottom repeat-x; } ul#primary li a.current{ font-weight: bold; }*/ ul#primary{ position: relative; top: -1px; margin: 0; padding: 0 0 0 38%; list-style: none; } ul#primary li{ display: inline; float: left; margin-right: 1px; } ul#primary li a{ font-size: 12px; line-height: 12px; color: #ff9900; padding: 8px 15px; text-transform: uppercase; text-decoration: none; display: block; } ul#primary li a.current, ul#primary li a:hover{ background: transparent url('images/navPrimaryHighlight.jpg') bottom repeat-x; } ul#primary li a.current{ font-weight: bold; } #castinglink { position: relative; left: 290px; } /* Navigation Bar */ #navbar{ position: absolute; top: 0; left: 0; width: 940px; height: 20px; background: transparent url('images/navbar.jpg') top left no-repeat; } #navbar ul{ margin: 0; padding: 0; width: 100%; height: 20px; list-style: none; } #navbar ul#menu li#home a{ display: block; width: 57px; height: 20px; background: transparent url('images/homeButton.jpg') top left no-repeat; } #navbar ul#menu li#home a:hover{ background-image: url('images/homeButtonHover.jpg'); } #navbar ul#menu li#home a:active{ background-image: url('images/homeButtonActive.jpg'); } #navbar ul#menu li#home a span{ display: none; } #navbar ul#menu li{ float: left; border-right: 1px solid #171717; } #navbar ul#menu li#login a{ display: block; width: 57px; height: 20px; background: transparent url('images/loginButton.jpg') top left no-repeat; } #navbar ul#menu li#login a:hover{ background-image: url('images/loginButtonHover.jpg'); } #navbar ul#menu li#login a:active{ background-image: url('images/loginButtonActive.jpg'); } #navbar ul#menu li#login a span{ display: none; } #navbar ul#menu li#contact a{ display: block; width: 63px; height: 20px; background: transparent url('images/contactButton.jpg') top left no-repeat; } #navbar ul#menu li#contact a:hover{ background-image: url('images/contactButtonHover.jpg'); } #navbar ul#menu li#contact a:active{ background-image: url('images/contactButtonActive.jpg'); } #navbar ul#menu li#contact a span{ display: none; } #navbar a#de{ position: absolute; top: 0; right: 0; width: 30px; height: 20px; background: url('images/navButtonDe.jpg') top left no-repeat; } #navbar a#de:hover{ background-image: url('images/navButtonDeHover.jpg'); } #navbar a#de span{ display: none; } #navbar ul#pagination{ position: absolute; top: 0; right: 34px; width: 200px; height: 20px; text-align: right; line-height: 21px; } #navbar ul#pagination li{ display: inline; padding: 0 2px; color: #666; } #navbar ul#pagination li.active{ color: #FFF; } /* Banner Image */ #bannerImage{ width: 940px; height: 103px; position: absolute; top: 27px; left: 40px; background: transparent url('images/bannerImage1.jpg') top left no-repeat; } /* Secondary Navigation */ #secondaryNavigation{ position: absolute; left: 69px; bottom: 48px; width: 880px; } #secondaryNavigation ul{ margin: 0; padding: 0 3px; list-style: none; } #secondaryNavigation li{ display: inline; float: left; } ul#secondary{ background: transparent url('images/navSecondaryBackground.png') top left no-repeat; height: 39px; } ul#secondary li a{ display: block; } ul#secondary ul{ display: none; } #secondaryNavigation a:hover{ opacity: .8; } #secondaryNavigation a.current:hover{ opacity: 1; } #whoProfile{ width: 163px; height: 39px; background: transparent url('images/navWhoProfile.png') top left no-repeat; } #whoProfile:hover{ background-image: url('images/navWhoProfileHover.png'); } #whoProfile.current{ background-image: url('images/navWhoProfileCurrent.png'); } #whoTeam{ width: 107px; height: 39px; background: transparent url('images/navWhoTeam.png') top left no-repeat; } #whoTeam:hover{ background-image: url('images/navWhoTeamHover.png'); } #whoTeam.current{ background-image: url('images/navWhoTeamCurrent.png'); } #whoLocations{ width: 127px; height: 39px; background: transparent url('images/navWhoLocations.png') top left no-repeat; } #whoLocations:hover{ background-image: url('images/navWhoLocationsHover.png'); } #whoLocations.current{ background-image: url('images/navWhoLocationsCurrent.png'); } #whoServices{ width: 204px; height: 39px; background: transparent url('images/navWhoServices.png') top left no-repeat; } #whoServices:hover{ background-image: url('images/navWhoServicesHover.png'); } #whoServices.current{ background-image: url('images/navWhoServicesCurrent.png'); } #whoPartners{ width: 106px; height: 39px; background: transparent url('images/navWhoPartners.png') top left no-repeat; } #whoPartners:hover{ background-image: url('images/navWhoPartnersHover.png'); } #whoPartners.current{ background-image: url('images/navWhoPartnersCurrent.png'); } #whoNews{ width: 167px; height: 39px; background: transparent url('images/navWhoNews.png') top left no-repeat; } #whoNews:hover{ background-image: url('images/navWhoNewsHover.png'); } #whoNews.current{ background-image: url('images/navWhoNewsCurrent.png'); } #contactMenuItem{ width: 150px; height: 39px; background: transparent url('images/mainNavContact.png') top left no-repeat; } #contactMenuItem:hover{} #contactMenuItem.current{} ul#tertiary{ display: block; width: 96%; padding: 0 2%; background: transparent url('images/navTertiaryBackground.png') bottom left no-repeat; height: 20px; } ul#tertiary li{ display: inline; float: none; margin-right: 20px; } ul#tertiary li a{ display: inline; color: #FFF; line-height: 20px; font-size: 11px; text-decoration: none; text-transform: uppercase; } ul#tertiary li a.current{ font-weight: bold; } /* Regular Page */ #content{ position: absolute; top: 130px; padding-top: 20px; left: 40px; width: 940px; height: 350px; } .pageContent{ width: 822px; margin: 50px auto 0 auto; } .withImage{ width: 483px; padding-left: 339px; } /* Width is 822px total - 339px left padding */ .pageContent img{ float: left; margin-left: -339px; } .pageContent h2{ margin: 0; padding: 0; font-size: 14.8px; text-transform: uppercase; color: #FFF; } .pageContent p{ margin: 0 0 1em 0; padding: 5px 0 0 0; line-height: 16px; color: #c3c5c8; } .pageContent a{ color: #FFF; } #nextPage, #prevPage{ position: absolute; width: 30px; height: 92px; } #nextPage{ top: 120px; right: 0; background: transparent url('images/nextButton.jpg') top left no-repeat; } #nextPage:hover{ background-image: url('images/nextButtonHover.jpg'); } #prevPage{ top: 120px; left: 0; background: transparent url('images/previousButton.jpg') top left no-repeat; } #prevPage:hover{ background-image: url('images/previousButtonHover.jpg'); } #nextPage.disabled, #nextPage.disabled:hover{ background-image: url('images/nextButtonDisabled.jpg'); cursor: default; } #prevPage.disabled, #prevPage.disabled:hover{ background-image: url('images/previousButtonDisabled.jpg'); cursor: default; } /* Blank Page */ #blank{ position: relative; width: 838px; height: 348px; overflow: auto; margin: 1px; padding: 50px; } #blank h2{ margin-bottom: 1em; } /* List Page - All */ #sectionLists{ height: 390px; margin-left: 145px; } #sectionLists ul{ margin: 0; padding: 40px 0 0 0; list-style: none; width: 650px; height: 350px; float: left; } /* 650px total - 152px left padding */ #sectionLists li{ padding-left: 152px; margin-bottom: 30px; } #sectionLists ul li img{ float: left; margin-left: -152px; } #sectionLists ul li h2{ margin: 0; padding: 0; font-size: 14.8px; text-transform: uppercase; color: #FFF; } #sectionLists ul li h2 a{ text-decoration: none; } #sectionLists ul li p{ margin: 0; padding: 5px 0 0 0; line-height: 16px; color: #c3c5c8; } #sectionLists a{ color: #FFF; } /* List Page - Team */ #sectionLists.team{ width: 650px !important; height: 390px; margin-left: 145px; list-style: none; } #sectionLists.team ul{ margin: 0; padding: 40px 0 0 0; list-style: none; width: 650px; height: 350px; margin: 0; float: left; } /* 650px total - 152px left padding */ #sectionLists.team li{ width: 183px; padding-left: 142px; height: 100px; margin-bottom: 0; float: left; } #sectionLists.team li img{ margin-left: 0; } #sectionLists.team ul li a.thumbnail{ float: left; margin-left: -142px; } #sectionLists.team ul li h2{ margin: 0; padding: 0; font-size: 14.8px; text-transform: uppercase; color: #FFF; } #sectionLists.team ul li p{ margin: 0; padding: 5px 0 0 0; line-height: 16px; color: #c3c5c8; } #sectionLists.team a{ color: #FFF; font-weight: bold; text-decoration: none; } /* List Page - Default Page */ #sectionLists.page{ margin-left: 57px; } #sectionLists.page ul{ width: 813px; margin-top: 15px; } #sectionLists.page li{ width: 473px; padding-left: 340px; height: 100%; } #sectionLists.page ul li img{ float: left; margin-left: -340px; margin-right: 25px; width: 340px; height: 230px; position: relative; } html > body #sectionLists.page ul li img{ margin-left: -340px; height: 233px; } #sectionLists.page ul li h2{ display: block; width: 99%; } #sectionLists.page ul li h3{ display: block; width: 99%; font-size: 11px; font-weight: normal; margin: 0; padding: 0; color: #FFF; text-transform: uppercase; } /* List Page - Portfolio */ #sectionLists.portfolio{ margin-left: 57px; } #sectionLists.portfolio ul{ width: 813px; margin-top: 15px; } #sectionLists.portfolio li{ width: 473px; padding-left: 340px; height: 100%; } #sectionLists ul li .trailerPreview{ float: left; margin-left: -170px; width: 340px; height: 230px; position: relative; } html > body #sectionLists ul li .trailerPreview{ margin-left: -340px; height: 233px; } #sectionLists ul li .trailerPreview img{ position: absolute; top: 0; left: 0; margin: 0; } #sectionLists ul li .trailerPreview a{ position: absolute; bottom: 5px; left: 0; width: 100%; height: 21px; } #sectionLists ul li .trailerPreview a img{ float: none; } #sectionLists ul li h2{ display: block; width: 99%; } #sectionLists ul li h3{ display: block; width: 99%; font-size: 11px; font-weight: normal; margin: 0; padding: 0; color: #FFF; text-transform: uppercase; } #secondaryNavigation.portfolio{ left: 40px; bottom: 45px; width: 935px; height: 122px; background: transparent url('images/portfolioNavBackground.png') top left no-repeat; } #secondaryNavigation.portfolio ul{ padding: 0 0 0 31px; background: none; } #secondaryNavigation.portfolio li{ position: relative; width: 145px; height: 122px; display: block; float: left; text-align: center; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; } #secondaryNavigation.portfolio li .thumbnailWrapper{ display: block; position: absolute; top: 15px; left: 25px; width: 94px; height: 62px; overflow: hidden; text-align: center; background: #000; } #secondaryNavigation.portfolio li a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } li#comingSoon{ background-image: url('images/portfolioNavComingSoon.png'); background-repeat: repeat-x; } li#comingSoon:hover{ background-image: url('images/portfolioNavComingSoonHover.png'); } li#comingSoon.current{ background-image: url('images/portfolioNavComingSoonCurrent.png'); } li#currentAffairs{ background-image: url('images/portfolioNavCurrentAffairs.png'); background-repeat: repeat-x; } li#currentAffairs:hover{ background-image: url('images/portfolioNavCurrentAffairsHover.png'); } li#currentAffairs.current{ background-image: url('images/portfolioNavCurrentAffairsCurrent.png'); } li#history{ background-image: url('images/portfolioNavHistory.png'); background-repeat: repeat-x; } li#history:hover{ background-image: url('images/portfolioNavHistoryHover.png'); } li#history.current{ background-image: url('images/portfolioNavHistoryCurrent.png'); } li#science{ background-image: url('images/portfolioNavScience2.png'); background-repeat: repeat-x; } li#science:hover{ background-image: url('images/portfolioNavScienceHover2.png'); } li#science.current{ background-image: url('images/portfolioNavScienceCurrent2.png'); } li#trueCrime{ background-image: url('images/portfolioNavCrime.png'); background-repeat: repeat-x; } li#trueCrime:hover{ background-image: url('images/portfolioNavCrimeHover.png'); } li#trueCrime.current{ background-image: url('images/portfolioNavCrimeCurrent.png'); } #secondaryNavigation.portfolio li#reality{ background-image: url('images/portfolioNavLifestyle.png'); } #secondaryNavigation.portfolio li#reality:hover{ background-image: url('images/portfolioNavLifestyleHover.png'); } #secondaryNavigation.portfolio li#reality.current{ background-image: url('images/portfolioNavLifestyleCurrent.png'); } /* Home Page */ #wrapper.home{ background-image: url('images/backgroundWrapperHome.jpg'); } #content.home{ position:relative; top: -1px; height: 360px; padding-top: 0; } #content.home #feature{ width: 940px; height: 360px; } #content.home #controls{ position: relative; width: 940px; height: 213px; } #content.home #prevPage, #wrapper.home #controls #nextPage{ position: absolute; top: 70px; } #content.home #prevPage{ left: 0; background-image: url('images/leftArrowHome.jpg'); } #content.home #prevPage.disabled{ left: 0; background-image: url('images/leftArrowHomeDisabled.jpg'); } /*#content.home #prevPage:hover{ background-image: url('images/leftArrowHomeHover.jpg');}*/ #content.home #nextPage{ right: 0; background-image: url('images/rightArrowHome.jpg'); } #content.home #nextPage.disabled{ right: 0; background-image: url('images/rightArrowHomeDisabled.jpg'); } /*#content.home #nextPage:hover{ background-image: url('images/rightArrowHomeHover.jpg'); }*/ #content.home .items{ position: relative; top: 40px; width: 537px !important; height: 98px; margin: 0 auto; } #content.home .items a{ position: relative; margin-right: 50px; float: left; display: block; width: 145px; height: 98px; cursor: pointer; } #content.home .items a:last-child{ margin-right: 0; } #content.home .items a img{ border: none; position: absolute; top: 0; left: 0; } #content.home #crosshairs{ position: absolute; top: 21px; left: 388px; } /* Splash Page */ #splashVideo{ position: absolute; top: 95px; left: 233px; width: 478px; height: 254px; } /* Contact Page */ #wrapper.splash{ background-image: url('images/backgroundWrapperSplash.jpg'); } #contactPage{ width: 800px; position: relative; left: 30px; top: 40px; } .contactPageSection{ width: 33%; float: left; } .contactPageSection h2{ font-size: 12px; } .contactPageSection table{ margin: 0.5em 0; border-collapse: collapse; color: #C3C5C8; } .contactPageSection table td{ padding-right: 25px; } /* Password Protected Form Page */ .pageContent form fieldset{ margin: 0 0 1em 0; padding: 0; border: none; } .pageContent form label{ display: block; color: #CCC; } /* Client Pages */ p#page-attachment a{ font-weight: bold; color: #FF990C; font-size: 14px; }