/* -- Main Elements -- */
html { overflow-y:scroll; }
body { background: #3F4c6c;  }

h1, h2, h3 { color: #333; }
h1 { margin-top: 0; font-size: 24px; }
h2 { margin-top: 0; font-size: 18px; font-family: Arial, sans-serif; text-transform: uppercase;  }
h3 { margin: 7px 0; font-weight: bold; font-size: 13px; }

p, dl, label, input, a, strong { font-size: 13px; }
p, dd, span { color: #666; line-height: 14px; }

a, a:hover, a:visited, a:link { color: #576490; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

a.strong_link { color: #212C64; font-weight: bold; text-decoration: none; }
a.strong_link:hover { color: #576490; }

em { font-style: italic; }

h3 a { font-size: 14px; color:#445097; }


.button span { color: #fff; }
.button:hover { text-decoration: none; }

strong { font-weight: bold; color:#333; }

input { border: none; }
input[type=text] { height: 17px; }

hr { border: none; border-bottom: 1px solid #ccc; margin: 25px 0; }

/* -- Page Elements -- */

.container_16 .grid_8 { width: 420px; }

#content { background: #ebebeb url('/images/structure/background_page.png') repeat-y center top;  }
#home #content { background: #ebebeb url('/images/structure/background_body.png') repeat-y center top; }

#page-content { width: 934px; padding: 18px 40px 15px; margin: 0 auto; text-align: left; }

#page-content.flush { padding-top: 0; }

.page-header { width: 100%; height: 32px; padding: 13px 0 5px; margin: 0 auto; background: #ebebeb; text-align: left;}
.page-header h1, .page-header h2, .breadcrumbs { width: 930px; margin: 0 auto; text-transform: uppercase; }
.page-header a { display: block; float: right; color: #fff; font-size: 14px; text-transform: none; margin-right: 8px; }

.breadcrumbs { padding-left: 101px; padding-right: 101px; text-transform: none; }
.breadcrumbs .title { font-size: 24px; line-height: 24px; color: #333; margin-right: 10px; float:left; font-family: Trebuchet MS,Arial,sans-serif; text-decoration: none; text-transform: uppercase; font-weight: bold; }
.breadcrumbs a { float: left; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs a:visited { color: #555; }

#page-content .page-header { width: 934px; padding-left: 40px; padding-right: 40px; margin-left: -40px; color:#fff; }

#page-content section { position: relative; }

.strong-title { font-size: 18px; text-transform: uppercase; }

.profile-image { border: 1px solid #333; display: block; float: left; margin: 0 20px 20px 0; }

.box { background: #c4c4d0; border-radius: 3px; }
.spacer { padding: 0 5px; color:#ccc; }

/* HOME PAGE */

#twitter, #media { width: 270px; }
#cannes, #library { width: 230px; }
#cinemas, #news { width: 420px; }

.section, section { margin-bottom: 10px; }
.aside, aside { display: block; color: #666; font-weight: bold; font-size: 12px; }

.film_item, .article_item { margin-bottom: 11px; background: #fff; }
.article_item { height:97px; }
.article_item .news-image { display: block; float: left; margin-right: 14px;  }
.article_item img { height: 78px; width: 140px; display: block; border: 1px solid #ccc; }

h2 .aside { color:#999; display: inline; font-weight: 600; font-size: 12px; text-decoration: none; text-transform: none; font-family: Helvetica, Arial, sans-serif; }
h2 .aside:hover { color: #666; }

.arrow_links a, .arrow_link { margin-bottom: 5px;  }
.arrow_links a span, .arrow_link span { padding-right: 15px; background: url('/images/structure/background_arrow.png') no-repeat right 4px ; }

#homeof { padding: 8px 0; background: #C4C4D0; }
#homeof h2 { margin: 0 15px 0 0; display: inline; }
#homeof a { margin-right: 28px; }
#homeof a:hover { text-decoration:none; }

#home h2 { font-weight: bold; font-family: Trebuchet MS,Arial,sans-serif;}

/* -- Page Carousel -- */
#page_carousel { height: 299px; background: #000; overflow: hidden; position: relative; }
#page_carousel_controls { width:65px; height: 50px; position: absolute; top: 15px; right: 60px;  z-index: 40; }

#page_carousel_controls button { width: 20px; height: 20px; display: block; float: left; text-indent: -9999px; border: none; }

#page_next { background: url('/images/structure/button_page_carousel_next_0.png') no-repeat; }
#page_next:hover { background-image: url('/images/structure/button_page_carousel_next_1.png'); }

#page_prev { background: url('/images/structure/button_page_carousel_prev_0.png') no-repeat; }
#page_prev:hover { background-image: url('/images/structure/button_page_carousel_prev_1.png'); }

#page_pause { background: url('/images/structure/button_page_carousel_toggle_0.png') no-repeat; }

/* -- Cannes Box -- */
#cannes_box { padding: 8px 9px 5px; }
#cannes_header { width: 230px; height: 43px; display: block; text-align: center; background: #212A61; }
#cannes h2 { font-size: 16px; font-weight: bold; font-family: Helvetica, arial, sans; color: #212c64; text-transform: none; margin: 0 0 2px; }
#cannes .text { padding: 1px 0 5px; }
#cannes .grid_1 { height: 43px; }
#cannes .arrow_links { padding-top: 6px; }

/* -- News Box -- */
#news { width: 420px; }
#news .news-text { padding: 6px 8px 0 0; }

/* -- Cinema Carousel -- */
#cinema_carousel { position: relative; }
#cinema_carousel a { width: 126px; height: 180px; display: block; float: left; position: relative; }
#cinema_carousel img { position: absolute; top: 0; }
#cinema_carousel button { width: 23px; height: 23px; text-indent: -9999px; position: absolute; border: none; top: 100px; }

#cinema_carousel_items { width: 378px; height: 180px; }

#carousel-prev, #cinema_prev { background: url('/images/structure/button_cinema_carousel_prev.png') no-repeat; left: -5px; }
#carousel-next, #cinema_next { background: url('/images/structure/button_cinema_carousel_next.png') no-repeat; right: -5px; }

/* -- Library Carousel -- */
#library_carousel { padding: 3px 3px 8px; }

#library-items { margin: 5px 0 0; }
.library_item { width: 44px; float: left; }
.library_item .info { display: none; }

#library-primary-image { float: left;  }
#library-primary-image img { width:80px; height:120px; background:#000; display:block; }

#library-primary-details { width: 140px; text-align: center; margin-top: 20px; }
#library-primary-details a { font-size: 12px; }

/* -- Media Section -- */
#media h3 a { color: #000; }

/* -- Twitter Section -- */
#twitter .caroufredsel_wrapper { margin-bottom: 5px; }
#twitter h2 { margin-bottom: 8px; }
#twitter_follow {width: 95px; height: 24px; display: block; float: right;  background: url('/images/structure/button_twitter_follow.png') no-repeat; text-indent: -9999px; }
#tweets { height: 260px; margin-bottom: 10px; }
#tweets .text { width: 200px; font-size: 11px; }
#tweets .text p, #tweets .text a { font-size: 11px; }

.tweet { height: 90px; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 15px; font-weight: normal; }
.tweet a { text-decoration: none; }
.tweet p { margin-bottom: 4px;  }
.tweet .twitter-image { width: 50px; margin: 0; }

.tweetdate { font-size: 11px; }
.tweetdate a { font-size: 11px; padding: 0 0 0 6px; margin-right: 2px; color: #000; text-decoration: none; background: url('/images/structure/tweetlink_spacer.png') no-repeat center left; }
.tweetdate a:hover { color: #576490; }

/* -- Header Elements -- */
#header { height: 88px; background: url('/images/structure/background_header.png') repeat-x top left; color: #fff; z-index: 20;}

#main_nav { width: 490px; margin: 35px 10px 0 10px; float: left; font-size: 14px; text-transform: uppercase; }
#main_nav span { margin: 0 0 0 10px; color: #ccc; }
#main_nav a { color: #868593; text-decoration: none; font-size: 14px; }
#main_nav .active a, #main_nav a:hover { color: #fff; }

#logo { width: 227px; height: 49px; margin: 23px 0 0; display: block; float: left; position: relative; background: url('/images/structure/logo.png') no-repeat top left; text-indent: -9999px; }
#strapline { width: 227px; height: 20px; display: block; position: absolute;  top: 30px; text-indent:0;}

#signup { margin-top: 14px; }
#signup p { margin-bottom: 0; }

#signup_text { width: 175px; height: 25px; float: left; line-height: 25px; background: url('/images/structure/background_signup.png') no-repeat; }
#signup_button { width: 27px; height: 27px; float: left; background: url('/images/structure/button_signup.png') no-repeat; text-indent: -9999px; }
#signup_button:hover { cursor: pointer; }

#unsubscribe_text { width: 160px; border: 1px solid #212C64; }


/* -- GALLERY -- */
#gallery_popup { background: #000; position: relative; }

#gallery_popup button { width: 23px; height: 23px; text-indent: -9999px; position: absolute; border: none; top: 50%; z-index: 20; }
#gallery_popup #prev { background: url('/images/structure/button_cinema_carousel_prev.png') no-repeat; left: 8px; }
#gallery_popup #next { background: url('/images/structure/button_cinema_carousel_next.png') no-repeat; right: 8px; }


/* -- FILM PAGES -- */

.film-carousel-accordian { }
.film-carousel-accordian section { }
.film-carousel-accordian .page-header { text-indent !!: -9999px; margin-bottom: 15px; }
.film-carousel-accordian .accordian-control { float: right; display: block; width: 45px; height: 25px; background: transparent url('/images/structure/button_page_accordian_down.png') no-repeat top right; border: none; text-indent: -9999px; }
.film-carousel-accordian .active { background: transparent url('/images/structure/button_page_accordian_up.png') no-repeat top right; }

.film-carousel-accordian .caroufredsel_wrapper { margin: 0 auto; }

.accordian-header { cursor: pointer; }

.film-item .carousel-image { border: 2px solid #000; }
.film-item { width: 185px; margin: 0 17px; text-align: center; float: left; }

#emg-films .page-header { background: #2D3673 url("/images/logos/exclusive_films.png") no-repeat 40px center; text-indent: -9999px; } 
#emg-films .carousel-image { border-color: #273166; }
.emg-poster { border: 2px solid #273166; }

#hammer-films .page-header { background: #6b0709 url("/images/logos/hammer_films.png") no-repeat 40px center; text-indent: -9999px; }
#hammer-films .carousel-image { border-color: #601011;  }

#newmarket-films .page-header { background: #e36a1a url("/images/logos/newmarket_films.png") no-repeat 40px top; text-indent: -9999px; }
#newmarket-films .carousel-image { border-color: #e3661b;  }

#spitfire-films .page-header { background: #000 url("/images/logos/spitfire_films.png") no-repeat 40px center; text-indent: -9999px; }
#spitfire-films .carousel-image { border-color: #000; }

#banner .page-header { margin-left: -38px; padding: 0px; }

/* -- FILM SEARCH -- */
.results-count { text-transform: none; }
.results-count strong { font-size: 18px; }

#film-search-header { border-radius: 3px; padding: 16px 14px; margin: 14px 0; font-family: arial; }

#film-search-header .breadcrumbs { width: 100%; margin-bottom: 11px; }
#film-search-header .breadcrumbs li { background: #fff; padding: 4px; margin-right: 9px; border-radius: 2px; font-size: 13px; }
#film-search-header h3 { font-size: 16px; }

label, input, select { font-size: 14px; border: none; }
label { font-weight: bold; }
input, select { height: 22px; background:#fff; }

#film-search-form label { width: 200px; }
#film-search-form input, #film-search-form select { width: 208px; }

#film-search-results { } 
#film-search-results .header { text-align: left; }
#film-search-results th { height: 27px; background: none; color:#999; }
#film-search-results-body .film-result-film { width: 100%; height: 120px; border-bottom: 10px solid #f5f5f5; font-size: 14px; }
#film-search-results-body td { height: 120px; background: #e9e9ec; }

#film-search-results .film-result-image { width: 114px; }
.film-result-image img { width: 80px; height: 120px; display: block; }

#film-search-results .film-result-title { width: 228px; }
.film-result-title strong { color:#576490; font-size: 14px; }

#film-search-results .film-result-director { width: 134px; }

/* -- FILM CAROUSEL -- */
.film-carousel-wrap { overflow: hidden; position: relative; }

.film-carousel { width: 876px; height: 285px; margin: 0 auto; overflow: hidden; }

.film-carousel-control { width: 23px; height: 23px; text-indent: -9999px; position: absolute; border: none; top: 170px; }

#carousel-prev { background: url('/images/structure/button_cinema_carousel_prev.png') no-repeat; left: 0px; }
#carousel-next { background: url('/images/structure/button_cinema_carousel_next.png') no-repeat; right: 0px; }


/* -- FILM VIEW -- */

#film-details { margin: 25px 0; }
#film-details h1 { margin-bottom: 23px; }
#film-details dl { }
#film-details dt, #film-cast dt, #film-crew dt { margin-bottom: 12px; font-weight: bold; display: block; float: left; clear: both; }
#film-details dd, #film-cast dd { margin: 0 0 12px 10px; padding-right: 8px; text-align: left; display: block; float: left;  }

#film-crew dt { margin-bottom: 0; float: none; }
#film-crew dd { margin: 0; float: none; }

#film-image { min-width: 215px; margin-right: 30px; }
#film-image img { width: 212px; height: 312px; border: 2px solid #666; margin-bottom: 20px; display:block; }

#trailer-link { width: 214px; height: 92px; display: block; position: relative; }
#wheelhouse-link { width: 402px; height: 52px; margin-top: 15px; display: block; background: url('/images/structure/wheelhouse-bar.png') no-repeat; text-indent: -9999px; }

#film-info { width: 230px; margin-right: 30px; }
#film-info-side { width: 425px; }
#film-crew { width: 155px; margin-right: 30px; }
.production-list { margin: 10px 0 20px; }
.production-list li { margin-bottom: 8px; } 

#film-cast dl { margin-top: 15px; }
#film-cast dt { width: 110px; }

#film-marketing { width: 385px; margin-right: 50px;  }
#film-marketing .company { margin-bottom: 2px; display: block; }

#film-news { width: 385px; }
#film-news .article_item { background: none; border-bottom: 1px solid #ccc; }

#film-purchases { }
#film-purchases p { float: left; text-align: center; font-size: 10px; font-weight: bold; }
#film-purchases img { width: auto; height: auto; border: none; margin: 5px 0 0; }

#film-purchases .center-link { margin: 0 4px; }

.detail-image-col { float: left; width: 210px; margin-right: 35px; }
#detail-info-col { float: left; width: 680px; }

#filmdetail-media { }
#filmdetail-media .group { width: 118px; height: 88px; margin: 0 20px 20px 0; display: block; float: left; position: relative; }
.video-overlay { position: absolute; left: 0; top: 0; }
.on { display: none; }
.group:hover .on, #trailer-link:hover .on { display: inline; }

.gallery-stack { width: 124px; height: 89px; padding: 5px 0 0 6px; margin: 0 20px 20px 0; float: left; background: url('/images/structure/gallery-stack.png') no-repeat center center; display: block; }
.gallery-stack img { width: 110px; height: 80px; display: block; }

/* -- PEOPLE PAGE -- */
.people-section { text-align: center; margin-bottom: 0; }
.people-section h2 { text-transform: none; }

.people-container { float: right; position: relative; left: -50%; }
.people { float: left; position: relative; left: 50%; z-index: 1; }
.people li { width: 113px; height: 188px; background: #c4c4d0; padding: 10px; float: left; margin: 0 8px 20px; border-radius: 3px; } 
.people .people-title { font-size: 11px; color: #333; }

.people-large li { width: 130px; height: 188px; }
.people-large img { margin-bottom: 5px; }

#people-board { padding-bottom: 36px; background: url('/images/structure/people_lines.jpg') no-repeat center bottom; }
#people-center { background: url('/images/structure/people-production-border.png') repeat-y top center; }
#people-international, #people-documentary { width: 304px; }
#people-production { width: 298px; padding: 0 14px; }
#people-footer { background: url('/images/structure/people-tree-footer.png') no-repeat center top; padding-top: 35px; }
#people-library, #people-corporate { width: 430px; }

/* COMPANY PAGE */
#company-page-logo { margin: 0 0 20px 20px; }
#company-page-text { width: 368px; margin: 0 35px; }
#company-international-wheelhouse { width: 205px; padding: 20px; float:right; }

#company-links { height: 90px; margin-top: 20px; }
#company-links a { width: 25%; text-align: center; display: block; float: left; }

#company-highlights { height: 140px; margin-top: 20px; }
.company-highlight-image { float: left; display: block; margin: 0 15px; }

#company-news { width: 300px; margin-right: 20px; float: left; }

#library-films .caroufredsel_wrapper { margin: 0 auto; }

h2 span.small-link a { font-size: 12px; text-transform: none; margin-left: 5px; }

#company-films { width: 600px; float: left; }
#company-films .film-item { margin-left: 5px; margin-right: 5px; }

#company-tweets { width: 300px; margin-right: 10px; float: left; }

#company-festivals { width: 240px; float: left; }

/* -- NEWS PAGE -- */
#news-search { padding: 20px 15px 15px; margin: 30px 0 25px; }
#news-search h3 { font-size: 14px; float: left; margin: 10px 9px 0 0; }
#news-search input, #news-search select { width: 140px; margin-right: 9px; }

#news-archive-listing a { font-size: 14px; line-height: 24px; }

#news-articles { width: 560px; margin-right: 35px; }
#news-articles .results-count { height: 52px; } 
#news-articles .news-text { padding-top: 6px; } 
#news-sidebar { width: 320px; }

.links { margin-top: 20px; }

/* --- Pager Elements -- */

.pager { height: 21px; margin: 15px 0; padding: 0; list-style: none; text-align: right; }
.pager li { float: left; margin: 0; }
.pager li.active { }
.pager li.active a { color:#000; text-decoration: underline; }

.pager li a { width: auto; height: 16px; padding: 5px 5px 0 1px; margin: 0 0 0 4px; display: block; float: left; }
.pager li a:hover { color: #ff6600; }

.pager li.arrow { width: 21px; height: 21px; padding: 0; margin: 0; background: none; }
.pager li.arrow a { padding:0; margin: 0; text-align: left; }

.pager li a.prev { width: 23px; height: 23px; display: block; text-indent: -9999px; padding-right: 6px; background: url('/images/structure/button_cinema_carousel_prev.png') no-repeat top left; text-indent: -9999px; }
.pager li a.next { width: 23px; height: 23px; display: block; text-indent: -9999px; padding-left: 6px; background: url('/images/structure/button_cinema_carousel_next.png') no-repeat top left; text-indent: -9999px; }

.pager li.ellipsis { width: 16px; height: 9px; padding: 7px 3px 5px; color: #000; font-weight: bold; text-align: center; }


/* -- Footer Elements -- */
#footer { padding: 57px 0 10px; background: #3f4c6c url('/images/structure/background_footer.png') repeat-x top center; }
#footer a, #footer strong, #footer { color: #fff; }

#footer_logo { width: 110px; height: 16px; display: block; background: url('/images/structure/footer_logo.png') no-repeat; text-indent: -9999px; }

#footer .button { height: 20px; margin-right: 12px; display: block; float: left; text-indent: -9999px; }
#footer #twitter { width: 80px; background: url('/images/structure/button_twitter.png') no-repeat; }
#footer #facebook { width: 97px; background: url('/images/structure/button_facebook.png') no-repeat; }
#footer .addthis_button_expanded { color: #000; }

.addthis_default_style { margin-top: 4px; }