/* KCP Elements ------------------------------------------------------------------------------------------------------*/ body { background:#616161 url(/images/site/background.jpg) repeat-x; font-family:Arial,"Helvetica Neue",Helvetica,Tahoma,sans-serif; font-size:12px; } body a { cursor:pointer; } body.landing { background:#FFFFFF none; } #site_structure { width:1000px; height: auto; margin:0 auto; display:block; clear:both; } /* Site Header ------------------------------------------------------------------------------------------------------*/ #site_header { position:relative; width:1000px; height:170px; display:block; float: none; clear: both; overflow:hidden; background-color:#000000; } #site_header.index { height:419px; } #site_header:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header #site_logo { width: 150px; height: auto; display:block; float: left; clear: left; } #site_header #site_logo img { width: 150px; height:160px; display:block; float: none; clear: both; overflow:hidden; cursor:pointer; } #site_header #site_logo p { width: 130px; height: auto; padding:20px 10px 10px; display:block; text-align:center; line-height:18px; font-size:13px; color:#FFFFFF; } #site_header #site_navigation { width: 850px; height: 40px; display:block; float:right; clear:right; overflow:hidden; background-color:#000000; } #site_header #site_navigation a { width: 120px; height: 30px; margin:10px 1px 0 0; display:block; float: left; overflow:hidden; background-image:url(/images/site/navigation.jpg); text-align:center; line-height:30px; font-weight:bold; font-size:13px; color:#000000; } #site_header #site_navigation a:hover { background-position:-120px 0px; color:#FFFFFF; } #site_header #site_navigation a.hovered { background-position:-120px 0px; color:#FFFFFF; } #site_header #site_navigation a.current { background-position:-240px 0px; color:#FFFFFF; } #site_header #site_navigation a[rel="donate"] { width: 123px; background-position:0px 30px; } #site_header #site_navigation a[rel="donate"]:hover { background-position:-123px 30px; } #site_header #site_navigation a[rel="donate"].hovered { background-position:-123px 30px; } #site_header #site_navigation a[rel="donate"].current { background-position:-246px 30px; } #site_header #page_navigation { position:absolute; z-index:4; top:41px; left:150px; width: 725px; height: 60px; display:block; float: none; clear: both; overflow:hidden; } #site_header #page_navigation ul { position:relative; width: 725px; height: 61px; display: none; } #site_header #page_navigation ul.current { display:block; } #site_header #page_navigation ul.current div { background-color:#737373; } #site_header #page_navigation ul.current span { background-color:#737373; } #site_header #page_navigation ul[section="our_films"] a { font-size:11.5px; } #site_header #page_navigation ul div { position:absolute; z-index:1; top:0px; left:0px; width: 725px; height: 30px; display:block; background-color:#6685E2; opacity:0.5; } #site_header #page_navigation ul span { position:absolute; z-index:1; bottom:0px; right:0px; width:260px; height: 30px; background-color:#6685E2; opacity:0.5; } #site_header #page_navigation ul a { position:relative; z-index:2; width: auto; height: 30px; padding-left:10px; display:block; float: left; clear: none; overflow:hidden; text-align: left; line-height:30px; font-size:12px; font-weight:bold; color:#000000; } #site_header #page_navigation ul li { width: 715px; height: 30px; margin-top:1px; padding-right:10px; display:block; list-style:none; } #site_header #page_navigation ul li a { float:right; } #site_header #page_navigation ul a:hover { color:#FFFFFF; text-decoration:underline; } #site_header #film_info { position:relative; width: 850px; height:379px; display:block; float:right; clear:right; overflow:hidden; background-color:#000000; } #site_header #film_info:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header #film_info:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header #film_info ul { position:relative; z-index:2; width: 725px; height:378px; margin-top:1px; display:block; float: left; clear: left; overflow:hidden; background:url(/images/page/graphics/gallery_loader.gif) center no-repeat #111111; } #site_header #film_info ul:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header #film_info ul div { position:absolute; z-index:2; top: 0px; left:0px; width: 725px; height:378px; overflow:hidden; opacity:0; } #site_header #film_info ul div h2 { position:absolute; z-index:3; bottom:1px; left:1px; width: 310px; height:160px; padding:10px; overflow:hidden; background:url(/images/page/graphics/gallery-h2.png) repeat; font-weight:normal; color:#FFFFFF; } #site_header #film_info ul div h2 em { padding-bottom:10px; display:block; overflow:hidden; line-height:20px; font-size:18px; font-weight:bold; font-style:normal; } #site_header #film_info ul div h2 p { overflow:hidden; line-height:15px; font-size:13px; } #site_header #film_info ul div h2 a { position:absolute; z-index:3; bottom:10px; right:10px; display:block; text-align:right; line-height:15px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; } #site_header #film_info ul div h2 a:hover { text-decoration:underline; color:#EEEEEE; } #site_header #film_info ul div img { position:absolute; z-index:2; width: 725px; height:377px; display:block; overflow:hidden; } #site_header #film_info ul div.current { z-index:4; opacity:1; } #site_header #film_info ul div.previous { z-index:3; } #site_header #film_info ol { position:relative; width: 123px; margin-right:1px; padding:0; display:block; list-style:none; float:right; clear:right; overflow:hidden; } #site_header #film_info ol:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header #film_info ol li { position:relative; width: 123px; height: 62px; margin-top:1px; margin-bottom:0; padding:0; border:0; display:block; list-style:none; float: none; clear: both; overflow:hidden; } #site_header #film_info ol li:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header #film_info ol li:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header #film_info ol li a { position:relative; width: 123px; height: 62px; margin:0; padding:0; border:0; display:block; overflow:hidden; } #site_header #film_info ol li a:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header #film_info ol li a:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_header #film_info ol li a blockquote { position:absolute; z-index:2; bottom: 0px; left:0px; width: 123px; height: 62px; display:block; overflow:hidden; background-color:#555555; opacity:.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } #site_header #film_info ol li a em { position:absolute; z-index:3; bottom:-20px; left:0px; width: 123px; height: 20px; display:block; overflow:hidden; background:url(/images/page/graphics/gallery-a_em.png) repeat; text-align:center; line-height:20px; font-style:normal; color:#FFFFFF; } #site_header #film_info ol li a img { position:absolute; z-index:1; bottom: 0px; left:0px; width: 123px; height: 62px; display:block; overflow:hidden; } #site_header #film_info ol li a.current em { bottom:0px; } #site_header #page_banner { position:relative; z-index:1; width: 725px; height:128px; padding:1px 125px 0 0; display:block; float:right; clear: right; overflow:hidden; } #site_header #page_banner #page_gallery { position:relative; z-index:1; } #site_header h3 { width: 705px; height: 78px; margin:1px 125px 0 0; padding:40px 10px 10px; display:inline; float:right; clear:right; overflow:hidden; background-color:#FFFFFF; color:#000000; } #site_header h3 b { display:block; font-size:20px; } #site_header h3 i { padding-top:10px; display:block; font-style:normal; font-size:16px; } /* Site Content ------------------------------------------------------------------------------------------------------*/ #site_content { width:1000px; height: auto; display:block; float: none; clear: both; background-color:#FFFFFF; } #site_content:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_content:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_content #site_sidebar { width: 148px; height: auto; display:block; float: left; clear: left; background-color:#FFFFFF; border:1px solid #FFFFFF; } #site_content #site_sidebar:before { content: ''; height: 0px; display:block; float: none; clear: left; overflow:hidden; visibility:hidden; } #site_content #site_sidebar a { width: 148px; height: 30px; display:block; float: none; clear: both; overflow:hidden; background-color:#A1BDFE; text-transform:uppercase; text-align:center; line-height:30px; font-weight:bold; font-size:24px; color:#FFFFFF; } #site_content #site_sidebar a:hover { background-color:#476DBF; } #site_content #site_sidebar a[rel="cabot"] { height: auto; margin-top:10px; background-color:#FFFFFF; } #site_content #site_sidebar a[rev="social_media"] { width: 60px; height: 60px; margin:15px 0 0 10px; float: left; clear: none; } #site_content #site_sidebar p { width: 118px; margin:0 auto; padding:10px 10px; border-bottom:1px solid #EEEEEE; text-align:left; line-height:15px; font-size:12px; font-weight:normal; text-transform:none; color:#000000; } #site_content #page_structure { width: 725px; height: auto; display:block; float: left; border-top:1px solid #FFFFFF;} #site_content #page_structure #page_header { width: 725px; height: 30px; display:block; float: none; clear: both; overflow:hidden; background-color:#777777; color:#FFFFFF; } #site_content #page_structure #page_header label { width: 50px; height: 30px; padding-right:5px; display:block; float: left; text-align:right; line-height:30px; font-size:10px; font-weight:bold; text-transform:uppercase; } #site_content #page_structure #page_header input { width: 134px; height: 14px; margin-top: 5px; padding:2px 2px 2px 1px; border:1px solid #444444; display:block; float: left; overflow:hidden; font-family:Arial,Helvetica,sans-serif; font-size:15px; } #site_content #page_structure #page_header h1 { width: 503px; height: 30px; padding:0 10px; display:block; float:right; clear:right; line-height:30px; font-size:20px; } #site_content #page_structure #page_header h1.mission { font-size:15px; } #site_content #page_structure #page_header h1 b { padding-right:10px; } #site_content #page_structure #page_header h1 i { font-size:13px; font-style:normal; } #site_content #page_structure #page_gallery { width: 725px; height:120px; margin-top:1px; display:block; float: none; clear: both; overflow:hidden; } #site_content #page_structure img#page_gallery { height:0; margin:0; } #site_content #page_structure #page_content { width: 725px; height: auto; margin-top:1px; display:block; float: none; clear:both; line-height:16px; } #site_content #page_structure #page_content:before { content: ''; height: 0px; display:block; clear: both; overflow:hidden; visibility:hidden; } #site_content #page_structure #page_content:after { content: ''; height: 0px; display:block; clear: both; overflow:hidden; visibility:hidden; } #site_content #weekly_columns { width: 123px; height: auto; display:block; float:right; clear:right; background-color:#FFFFFF; border:1px solid #FFFFFF; } #site_content #weekly_columns:after { content: ''; height: 0px; display:block; float: none; clear:right; overflow:hidden; visibility:hidden; } #site_content #weekly_columns a.newsletter { width: 103px; height: 50px; margin:10px auto; display:block; float: none; clear: both; overflow:hidden; background:url("/images/site/newsletter.jpg") no-repeat; } #site_content #weekly_columns a.newsletter:hover { background-position:-103px 0px; } #site_content #weekly_columns a.weekly_columns { width: 123px; height: 30px; padding:0; display:block; float: none; clear: both; overflow:hidden; background-color:#A1BDFE; text-align:center; line-height:30px; font-weight:bold; font-size:13px; color:#111111; } #site_content #weekly_columns a.weekly_columns:hover { background-color:#476DBF; color:#FFFFFF; text-decoration:none; } #site_content #weekly_columns p { width: 103px; height: auto; padding-top:5px; margin-top:1px; padding:5px 10px 10px; background-color:#CFDEFF; line-height:15px; font-size:12px; color:#000000; } /* Site Footer ------------------------------------------------------------------------------------------------------*/ #site_footer { width:1000px; display:block; float: none; clear:both; overflow:hidden; background-color:#FFFFFF; } #site_footer:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer #footer_info { width:725px; padding:5px 125px 45px 150px; float: none; clear: both; overflow:hidden; text-align:left; font-weight:bold; font-size:14px; } #site_footer #footer_info div { width:725px; float: none; clear: both; overflow:hidden; } #site_footer #footer_info div a { height: 50px; display:block; float: left; overflow:hidden; line-height:60px; font-size:14px; color:#000000; } #site_footer #footer_info div a:hover { color:#3D80B1; } #site_footer #footer_info div img { width: 60px; height: 60px; margin:0 10px; display:block; float: left; overflow:hidden; cursor:pointer; } #site_footer #footer_info div p { width:200px; float: left; overflow:hidden; text-align:center; } #site_footer #footer_info div p b { padding-bottom:5px; display:block; line-height:20px; font-size:13px; } #site_footer #footer_info div p em { display:block; line-height:15px; font-size:12px; font-style:normal; font-weight:normal; } #site_footer #footer_info div p.alpha { float: left; clear: left; } #site_footer #footer_info div p.omega { float:right; clear:right; } #site_footer #footer_info div span { height: 50px; display:block; float: left; clear:right; overflow:hidden; text-align:center; line-height:60px; font-size:14px; } #site_footer #footer_info div:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer #footer_info div:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer #footer_info div.first { width:470px; margin:0 auto; padding-bottom:20px; } #site_footer #footer_info div.last { width:420px; margin:0 auto; } #site_footer #footer_navigation { width:895px; padding:50px 50px 50px 55px; background-color:#F7F7F7; border-top:1px solid #DDDDDD; } #site_footer #footer_navigation div { width: 150px; padding-right:10px; float: left; overflow:hidden; } #site_footer #footer_navigation div a { display:block; overflow:hidden; line-height:18px; font-size:12px; color:#476DBF; } #site_footer #footer_navigation div a:hover { text-decoration:underline; color:#37587F; } #site_footer #footer_navigation div a.current { text-decoration:underline; color:#37587F; } #site_footer #footer_navigation div em { padding-bottom:5px; display:block; line-height:17px; font-size:13px; font-style:normal; font-weight:bold; } #site_footer #footer_navigation div.about_us { width:100px; clear: left; } #site_footer #footer_navigation div.ava { width:130px; } #site_footer #footer_navigation div.kcp_presents { width:140px; } #site_footer #footer_navigation div.our_films { width:190px; } #site_footer #footer_navigation div.shop_and_book_us { width:125px; clear:right; } #site_footer #footer_navigation:after { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; } #site_footer #footer_navigation:before { content: ''; height: 0px; display:block; float: none; clear: both; overflow:hidden; visibility:hidden; }