body { margin: 0px; background-image: url(/images/gradient_v4.jpg); background-repeat: repeat-x; background-position: 0px 0px; background-color: #2b3644; font-family: helvetica, arial; color: #6a6a6a; font-size: 12px; } img { display: block; border: 0px; behavior: url(/css/iepngfix.htc); } .float-left { float: left; } /* GENERAL LINKS */ a:link { color: #003c66; text-decoration: none; } a:hover { color: #003c66; text-decoration: none; } a:visited { color: #003c66; text-decoration: none; } a.main-links:link { font-size: 12px; color: #6a6a6a; text-decoration: none; } a.main-links:hover { font-size: 12px; color: #6a6a6a; text-decoration: none; } a.main-links:visited { font-size: 12px; color: #6a6a6a; text-decoration: none; } a.more:link { font-size: 12px; color: #003c66; text-decoration: none; font-weight: bold; } a.more:hover { font-size: 12px; color: #003c66; text-decoration: none; font-weight: bold; } a.more:visited { font-size: 12px; color: #003c66; text-decoration: none; font-weight: bold; } a.news-post-title:link { color: #535353; } a.news-post-title:hover { color: #535353; } a.news-post-title:visited { color: #535353; } a.blogstream-link:link { color: #615e7e; font-weight: 700; } a.blogstream-link:hover { color: #615e7e; font-weight: 700; } a.blogstream-link:visited { color: #615e7e; font-weight: 700; } /* END GENERAL LINKS */ /* NAVIGATION ROLLOVERS AND NAVIGATION FORMAT */ a.main-sydewinder { display: block; width: 246px; height: 65px; text-decoration: none; background-image: url(/images/nav_sydewinder.jpg); } a.main-sydewinder:hover { background-position: 0 -65px; } a.main-home { display: block; width: 72px; height: 65px; text-decoration: none; background-image: url(/images/nav_home.jpg); } a.main-home:hover { background-position: 0 -65px; } a.main-news { display: block; width: 71px; height: 65px; text-decoration: none; background-image: url(/images/nav_news.jpg); } a.main-news:hover { background-position: 0 -65px; } a.main-news-active { display: block; width: 71px; height: 65px; text-decoration: none; background-image: url(/images/nav_news-selected.jpg); } a.main-projects { display: block; width: 86px; height: 65px; text-decoration: none; background-image: url(/images/nav_projects.jpg); } a.main-projects:hover { background-position: 0 -65px; } a.main-projects-active { display: block; width: 86px; height: 65px; text-decoration: none; background-image: url(/images/nav_projects-selected.jpg); } a.main-digital { display: block; width: 75px; height: 65px; text-decoration: none; background-image: url(/images/nav_digital.jpg); } a.main-digital:hover { background-position: 0 -65px; } a.main-contact { display: block; width: 88px; height: 65px; text-decoration: none; background-image: url(/images/nav_contact.jpg); } a.main-contact:hover { background-position: 0 -65px; } a.main-contact-active { display: block; width: 88px; height: 65px; text-decoration: none; background-image: url(/images/nav_contact-selected.jpg); } div.navigation { position: relative; } div.navsydewinder { position: absolute; top: 0px; left: 0px; } div.navspacer { position: absolute; top: 0px; left: 246px; } div.navhome { position: absolute; top: 0px; left: 507px; } div.navnews { position: absolute; top: 0px; left: 579px; } div.navprojects { position: absolute; top: 0px; left: 650px; } div.navdigital { position: absolute; top: 0px; left: 736px; } div.navcontact { position: absolute; top: 0px; left: 811px; } /* END NAVIGATION ROLLOVERS AND NAVIGATION FORMAT */ /* LAYOUT AND FORMATTING */ #main-background { text-align: center; } #main-content { width: 899px; margin: 0px auto; text-align: left; } #navbar { position: absolute; top: 0px; width: 899px; height: 65px; } #splash { position: absolute; top: 65px; width: 899px; height: 294px; } #spotlight { position: absolute; top: 359px; width: 899px; height: 59px; } #subpage { position: relative; } /* BEGIN SUBSECTIONS (NEWS DESK, CONTACT, PROJECT INDEX, PROJECT PAGES) */ #section-header { position: relative; top: 359px; width: 899px; height: 59px; z-index: 3; } #contact { position: absolute; top: 0px; width: 899px; height: 59px; } #generalheader { position: absolute; top: 0px; width: 132px; height: 37px; z-index: 1; } #onlineheader { position: absolute; top: 92px; width: 132px; height: 37px; z-index: 1; } #general-content { position: absolute; top: 418px; width: 899px; } #newsupdates { position: absolute; top: 0px; width: 751px; height: 59px; } #rss-icon { position: absolute; top: 0px; left: 751px; width: 70px; height: 59px; } #twitter-icon { position: absolute; top: 0px; left: 821px; width: 78px; height: 59px; } #content-filter { position: relative; top: 359px; width: 899px; height: 37px; } #newsheader { position: absolute; top: 0px; width: 201px; height: 37px; } #filter-all-icon { position: absolute; top: 0px; left: 201px; width: 61px; height: 37px; } #filter-site-icon { position: absolute; top: 0px; left: 262px; width: 48px; height: 37px; } #filter-films-icon { position: absolute; top: 0px; left: 310px; width: 56px; height: 37px; } #projectsheader { position: absolute; top: 0px; width: 166px; height: 37px; } #projects-filter-film-icon { position: absolute; top: 0px; left: 166px; width: 59px; height: 37px; } #twitterheader { position: absolute; top: 0px; left: 366px; width: 61px; height: 37px; } #projects-spacer { position: absolute; top: 0px; left: 225px; width: 674px; height: 37px; } #news-content { position: absolute; top: 455px; width: 899px; } #project-content { position: absolute; top: 402px; width: 899px; } #single-content { position: absolute; top: 359px; width: 899px; } #watermark { position: absolute; top: 0px; width: 899px; height: auto !important; height: 500px; min-height: 500px; background-image: url(/images/pagebackground.jpg); background-repeat: repeat-y; } #multimedia-watermark { position: absolute; top: 0px; width: 899px; height: auto !important; height: 500px; min-height: 500px; background-image: url(/images/pagebackground.jpg); background-repeat: repeat-y; padding-bottom: 150px; } #single-watermark { position: absolute; top: 0px; left: 0px; width: 899px; height: auto !important; height: 260px; min-height: 260px; background-image: url(/images/single_pagebackground.jpg); background-repeat: repeat-y; } #mini-watermark { position: absolute; top: 0px; width: 899px; height: auto !important; height: 400px; min-height: 400px; background-image: url(/images/pagebackground.jpg); background-repeat: repeat-y; } #newsblogstream { position: absolute; top: 215px; left: 596px; width: 303px; } .project-watermark { position: relative; z-index: 1; background-image: url(/images/projectpagewatermark.jpg); background-repeat: no-repeat; background-position: 277px -10px; } .single-watermark { position: relative; width: 899px; left: 30px; height: auto !important; height: 400px; min-height: 400px; background-image: url(/images/single_watermark.jpg); background-repeat: no-repeat; background-position: 4px 0px; } #overtab { position: absolute; top: 0px; left: -30px; z-index: 1; } #overtab-video { position: absolute; top: 250px; left: -30px; z-index: 1; } #overtab-content { position: relative; top: -12px; left: 0px; width: 899px; /*height: auto !important; height: 400px; min-height: 400px; background-image: url(/images/single_tabbackground.jpg); background-repeat: repeat-y; padding-bottom: 145px;*/ } #overtab-info { position: relative; left: 245px; top: -209px; width: 595px; padding-bottom: 200px; } #album-art { position: relative; top: 10px; } /* these id's must be relatively positioned for double background effect to work properly */ #newslist { position: relative; top: -210px; width: 550px; margin-bottom: -80px; padding-left: 30px; padding-right: 339px; } #project-info { position: relative; top: 10px; left: 0px; width: 550px; margin-bottom: -80px; padding-left: 30px; padding-right: 339px; background-image: url(/images/pagebackground.jpg); background-repeat: repeat-y; padding-bottom: 100px; } #general-info { position: relative; top: 40px; width: 769px; margin-bottom: -80px; padding-left: 30px; padding-right: 130px; z-index: 1; } #online-info { position: relative; top: 182px; width: 769px; margin-bottom: -80px; padding-left: 30px; padding-right: 130px; z-index: 1; } #single-info { position: relative; top: 0px; left: 0px; width: 899px; margin-bottom: -80px; background-image: url(/images/single_pagebackground.jpg); background-repeat: repeat-y; } #video-info { position: relative; top: 0px; left: 0px; width: 899px; margin-bottom: -80px; height: 500px; background-image: url(/images/single_pagebackground.jpg); background-repeat: repeat-y; } /* end */ .news-title { color: #535353; font-weight: bold; } .news-date { font-size: 10px; color: #606060; font-weight: 500; padding-top: 4px; } .news-story { padding-bottom: 25px; line-height: 14px; } #single-text { position: relative; z-index: 1000; margin-top: 0px; padding-bottom: 80px; line-height: 14px; width: 790px; letter-spacing: .05em; } .project-text { margin-top: -7px; padding-bottom: 10px; line-height: 14px; width: 520px; letter-spacing: .05em; } .project-text-single { padding-top: 7px; padding-bottom: 20px; line-height: 14px; width: 520px; letter-spacing: .05em; } .project-text-newsfeed { margin-top: 0px; padding-bottom: 10px; line-height: 14px; width: 520px; letter-spacing: .05em; } #projectlist { position: absolute; top: 0px; left: 12px; } #story-align { padding-left: 296px; } #single-align { padding-left: 25px; padding-top: 22px; } #media-align { padding-left: 288px; width: 550px; position: relative; top: -33px; } #video-align { padding-left: 99px; padding-top: 22px; } .anamorphic-shadow-box { position: static; z-index: 500; width: 655px; height: 371px; background-image: url(/images/anamorphic_shadow.png); background-repeat: no-repeat; background-position: -8px -1px; } .scope-shadow-box { background-image: url(/images/scope_shadow.png); background-repeat: no-repeat; } .media-box { position: relative; z-index: 1; float: left; width: 290px; height: 171px; margin-right: -30px; margin-bottom: 30px; } .media-title { position: absolute; top: 163px; left: 9px; font-weight: 600; } .media-rating { } .media-comment-number { position: absolute; top: 3px; left: 224px; font-size: 9px; color: #ffffff; width: 20px; text-align: center; } .media-frame { position: relative; z-index: 1; } .media-image { position: absolute; top: 25px; left: 12px; z-index: 2; width: 227px; height: 128px; } .media-overlay-video { position: absolute; z-index: 3; width: 251px; height: 171px; background-image: url(/images/play_video.png); background-repeat: no-repeat; } .media-overlay-gallery { position: absolute; z-index: 3; width: 251px; height: 171px; background-image: url(/images/open_gallery.png); background-repeat: no-repeat; } .media-new-video { position: absolute; z-index: 3; width: 251px; height: 171px; background-image: url(/images/new_video.png); background-repeat: no-repeat; } .media-new-gallery { position: absolute; z-index: 3; width: 251px; height: 171px; background-image: url(/images/new_gallery.png); background-repeat: no-repeat; } .project-entry { position: relative; top: 6px; margin-bottom: 10px; } .project-title { position: absolute; left: 226px; top: 2px; font-family: gill sans, gill sans mt, trebuchet ms, helvetica, arial; font-size: 13px; color: #494343; font-weight: 300; letter-spacing: 1px; } .project-director { position: absolute; left: 225px; top: 25px; font-size: 10px; } .project-synopsis { position: absolute; left: 225px; top: 45px; width: 610px; letter-spacing: 1px; line-height: 15px; } .single-entry { position: relative; top: 2px; margin-bottom: 10px; height: auto !important; height: 260px; min-height: 260px; background-image: url(/images/single_tabbackground.jpg); background-repeat: repeat-y; } .single-video-entry { position: relative; top: 2px; margin-bottom: 10px; /*height: auto !important; height: 260px; min-height: 260px; background-image: url(/images/single_pagebackground.jpg); background-repeat: repeat-y;*/ } #comments-section { clear: both; position: relative; top: 55px; } .comment-number { position: relative; top: 0px; left: -35px; font-size: 20px; color: #9db2e1; } .comment-poster { position: relative; top: -26px; left: 5px; font-size: 12px; color: #535353; font-weight: bold; } .comment-date { position: relative; top: -24px; left: 5px; font-size: 10px; color: #7d7d7d; font-weight: bold; } .comment-text { position: relative; top: -24px; left: 5px; letter-spacing: .05em; line-height: 15px; font-size: 12px; margin-bottom: -5px; } .single-details-title { position: relative; left: 6px; top: -17px; font-family: gill sans, gill sans mt, trebuchet ms, helvetica, arial; font-size: 13px; color: #494343; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .single-details-director { position: relative; left: 5px; top: -10px; font-size: 10px; } .single-details-synopsis { position: relative; left: 5px; top: 3px; letter-spacing: .05em; line-height: 15px; font-size: 12px; } .single-details-cast { position: relative; top: 15px; left: 5px; font-size: 10px; letter-spacing: normal; } .video-details-formats { position: relative; top: 29px; left: 5px; font-size: 10px; letter-spacing: normal; } #format-bar { position: relative; top: 35px; left: -21px } #format-bar div { padding-left: 20px; } /* project links */ .project-entry a:link { font-size: 10px; color: #05568e; text-decoration: none; font-weight: 300; } .project-entry a:hover { font-size: 10px; color: #05568e; text-decoration: none; font-weight: 300; } .project-entry a:visited { font-size: 10px; color: #05568e; text-decoration: none; font-weight: 300; } /* end project links */ #project-nav-spacer { position: absolute; top: 0px; left: 0px; width: 30px; height: 196px; z-index: 2; } #project-nav-top { position: absolute; top: 0px; left: 30px; width: 277px; height: 34px; z-index: 1; } #project-nav-overview { position: absolute; top: 34px; left: 30px; width: 277px; height: 47px; z-index: 2; } #project-nav-multimedia { position: absolute; top: 81px; left: 30px; width: 277px; height: 47px; z-index: 2; } #project-nav-blog { position: absolute; top: 128px; left: 30px; width: 277px; height: 47px; z-index: 2; } #project-nav-bottom { position: absolute; top: 175px; left: 30px; width: 315px; height: 21px; z-index: 1; } #featured-media { position: absolute; top: 196px; width: 307px; height: 228px; z-index: 1; background-image: url(/images/featured_media.jpg); background-repeat: no-repeat; } #latest-media { position: absolute; top: 196px; width: 307px; height: 228px; z-index: 1; background-image: url(/images/latest_media.jpg); background-repeat: no-repeat; } .featured-media-poster { position: absolute; top: 49px; left: 48px; } .featured-media-name { position: absolute; top: 197px; left: 45px; color: #615e7e; letter-spacing: 0px; font-weight: 500; } .latest-media-names { position: absolute; top: 35px; left: 22px; color: #615e7e; letter-spacing: 0px; font-weight: bold; color: #6f6c8f; } .latest-media-names ol { line-height: 32px; } #project-section-header { position: absolute; top: 0px; left: 307px; height: 43px; } #project-second-header { position: relative; top: -5px; left: -19px; height: 43px; } #multimedia-section-header { position: absolute; top: -43px; left: 307px; } #multimedia-second-header { position: relative; left: -11px; z-index: 1; } #page-navigation { position: relative; top: 10px; left: 400px; z-index: 2; } #twitterlist { position: absolute; top: 10px; left: 596px; } #twitter-content { position: absolute; left: 13px; width: 250px; line-height: 14px; } #news-tweet-title { color: #615e7e; font-weight: 700; } #news-tweet { padding-bottom: 15px; } #bloglist { position: absolute; top: 258px; left: 609px; width: 237px; z-index: 1; line-height: 14px; } #blog-date { color: #615e7e; font-size: 10px; font-weight: 500; } /* BEGIN ROLLOVERS */ a.rss { display: block; width: 70px; height: 59px; text-decoration: none; background-image: url(/images/rss_v4.jpg); } a.rss:hover { background-position: 0 -59px; } a.twitter { display: block; width: 78px; height: 59px; text-decoration: none; background-image: url(/images/twitter_v4.jpg); } a.twitter:hover { background-position: 0 -59px; } a.filter-all { display: block; width: 61px; height: 37px; text-decoration: none; background-image: url(/images/newsfilter_all.jpg); } a.filter-all:hover { background-position: 0 -37px; } a.filter-all-active { display: block; width: 61px; height: 37px; text-decoration: none; background-image: url(/images/newsfilter_all-selected.jpg); } a.filter-site { display: block; width: 61px; height: 37px; text-decoration: none; background-image: url(/images/newsfilter_site.jpg); } a.filter-site:hover { background-position: 0 -37px; } a.filter-site-active { display: block; width: 61px; height: 37px; text-decoration: none; background-image: url(/images/newsfilter_site-selected.jpg); } a.filter-films { display: block; width: 61px; height: 37px; text-decoration: none; background-image: url(/images/newsfilter_films.jpg); } a.filter-films:hover { background-position: 0 -37px; } a.filter-films-active { display: block; width: 61px; height: 37px; text-decoration: none; background-image: url(/images/newsfilter_films-selected.jpg); } a.project-filter-film { display: block; width: 59px; height: 37px; text-decoration: none; background-image: url(/images/projectsfilter_film.jpg); } a.project-filter-film:hover { background-position: 0 -37px; } a.project-filter-film-active { display: block; width: 59px; height: 37px; text-decoration: none; background-image: url(/images/projectsfilter_film-selected.jpg); } a.overview { display: block; width: 277px; height: 47px; text-decoration: none; background-image: url(/images/projectnav_overview.jpg); } a.overview:hover { background-position: -277px 0px; } a.overview-active { display: block; width: 277px; height: 47px; text-decoration: none; background-image: url(/images/projectnav_overview-selected.jpg); } a.multimedia { display: block; width: 277px; height: 47px; text-decoration: none; background-image: url(/images/projectnav_multimedia.jpg); } a.multimedia:hover { background-position: -277px 0px; } a.multimedia-active { display: block; width: 277px; height: 47px; text-decoration: none; background-image: url(/images/projectnav_multimedia-selected.jpg); } a.blog { display: block; width: 277px; height: 47px; text-decoration: none; background-image: url(/images/projectnav_blog.jpg); } a.blog:hover { background-position: -277px 0px; } a.blog-active { display: block; width: 277px; height: 47px; text-decoration: none; background-image: url(/images/projectnav_blog-selected.jpg); } /* END ROLLOVERS */ /* END SUBSECTIONS (NEWS DESK, CONTACT, PROJECT INDEX) */ /* BEGIN PAGEFADE AND COPYRIGHT */ #content-spacer { height: 150px; } #large-content-spacer { height: 400px; } #pagefade { position: absolute; bottom: 0px; left: 0px; height: 151px; width: 899px; background-image: url(/images/pagefade_v4.jpg); background-repeat: no-repeat; } #pagefade-v4 { position: relative; bottom: 0px; left: 0px; height: 151px; width: 899px; background-image: url(/images/pagefade_v4.jpg); background-repeat: no-repeat; } #pagefade-v4-single { position: absolute; bottom: -12px; left: 0px; height: 151px; width: 899px; background-image: url(/images/pagefade_v4.jpg); background-repeat: no-repeat; } #copyright { position: absolute; top: 110px; width: 899px; height: 151px; color: #999ca2; text-align: center; } #main-copyright { position: absolute; top: 170px; width: 899px; height: 151px; color: #999ca2; text-align: center; } /* END PAGEFADE AND COPYRIGHT */ /* BEGIN FILM PAGE HEADER STYLES AND WRAPPER */ #info-credits { position: absolute; top: 16px; left: 16px; height: 14px; } #news-title { height: 14px; } #infotitle-align { position: absolute; top: -2px; left: 16px; width: 300px; } #newstitle-align { position: relative; top: -14px; left: 16px; width: 300px; } .film-wrapper { position: relative; top: 15px; } .film-wrapper-news { position: relative; top: 30px; } .lateral-divide { position: relative; top: 2px; left: 16px; width: 371px; height: 1px; background-image: url(/images/lateraldivide.jpg); } .lateral-divide-news { position: relative; top: -12px; left: 16px; width: 371px; height: 1px; background-image: url(/images/lateraldivide.jpg); } /* END FILM PAGE HEADER STYLES AND WRAPPER */ #spotlight-panels { position: relative; top: 418px; width: 899px; height: 301px; } #spotlight-1 { position: absolute; top: 0px; left: 0px; width: 307px; height: 301px; } #spotlight-2 { position: absolute; top: 0px; left: 307px; width: 287px; height: 301px; } #spotlight-3 { position: absolute; top: 0px; left: 594px; width: 305px; height: 301px; } #updates-banner { position: absolute; top: 719px; width: 899px; height: 64px; } #news-titles { position: absolute; top: 783px; width: 899px; height: 25px; } #news-block { position: absolute; top: 808px; width: 899px; height: 192px; background-image: url(/images/news_v4.jpg); } #newsclip { position: absolute; top: 6px; left: 0px; width: 270px; margin-left: 30px; line-height: 14px; } #newsclip-story { position: relative; top: 6px; width: 270px; } #blogclip { position: absolute; top: 6px; left: 300px; width: 274px; margin-left: 25px; line-height: 14px; } #blogclip-story { position: relative; top: 6px; width: 262px; } #tweetclip { position: absolute; top: 6px; left: 599px; width: 270px; margin-left: 5px; line-height: 14px; } #tweetclip-story { position: relative; top: 6px; width: 270px; } .metadata { font-size: 10px; color: #8f8f8f; font-style: italic; } span.bold-title { font-weight: bold; } span.uppercase { text-transform: uppercase; } /* END LAYOUT AND FORMATTING */ /* ANIMATION STYLES */ /* ##### IMAGE SLIDER ##### */ .main_view { float: left; position: absolute; top: 0px; left: 12px; z-index: 2; } .window { height:294px; width: 876px; overflow: hidden; position: relative; } .splash-overlay { position: absolute; top: 0px; left: 0px; z-index: 200; } .original-splash { position: absolute; z-index: 0; } .image_reel { position: absolute; top: 0px; left: 0px; } .image_reel img { float: left; } .paging { position: absolute; bottom: 40px; right: -7px; width: 178px; height: 47px; z-index: 100; text-align: center; line-height: 40px; display: none; } .paging a { padding: 5px; text-decoration: none; color: #ffffff; } .paging a:hover {font-weight: bold; } .paging a.active { font-weight: bold; background: #920000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } /* ##### IMAGE SLIDER ##### */ /* END ANIMATION STYLES */ /* GENERIC CLASSES */ .tab { width: 9px; height: 12px; background-image: url(/images/tab.jpg); } .gill-title { font-family: gill sans, gill sans mt, trebuchet ms, helvetica, arial; font-size: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; } .post { color: #484848; font-size: 12px; position: relative; top: 20px; left: 32px; margin-right: 80px; } a#posttitle:link { color: #333333; font-weight: bold; } a#posttitle:visited { color: #333333; font-weight: bold; } a#posttitle:hover { color: #333333; font-weight: bold; } .date { font-size: 10px; color: #7b7676; padding-top: 5px; } .content { position: relative; top: -3px; padding-bottom: 7px; } .content strong { color: #333333; } a#wp-caption:link { font-weight: normal; color: #7b7676; } a#wp-caption:visited { font-weight: normal; color: #7b7676; } a#wp-caption:hover { font-weight: normal; color: #4975b2; } .notfound { color: #484848; font-size: 12px; position: relative; left: 61px; margin-right: 92px; } /* BEGIN ADMIN */ #admin { position: relative; top: -10px; color: #7b7676; font-size: 10px; } .admin a:link { color: #7b7676; font-size: 10px; } .admin a:visited { color: #7b7676; font-size: 10px; } .admin a:hover { color: #4975b2; font-size: 10px; } /* END ADMIN */ /* END GENERIC CLASSES */