/* Reset */
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* Clearfix */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix{display:inline-block;} html[xmlns] .clearfix{display:block;} * html .clearfix {height:1%;}

html, body, #wrap { height:100%; }
body > #wrap { height:auto; min-height:100%; }
body {  text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#373737; }

img { display:block; }
.hidden { display:none; }

.container { width:940px; margin:0 auto; text-align:left; }
#wrap { background:url(../images/main-bg.gif) repeat 0 0; }
#wrap-inner { background:url(../images/radial.png) no-repeat 50% 100%; }
#container { padding-bottom:200px; background-image:url(../images/header.png); background-repeat:no-repeat; background-position:50% -315px; }

#header { padding:16px; position:relative; height:154px; }
	#logo a { display:block; overflow:hidden; text-indent:-9999em; background:url(../images/logo.png) no-repeat 0 0; width:114px; height:154px; }
	#Search { background:url(../images/search.png) no-repeat 0 0; width:191px; height:21px; }
	#Search input { width:171px; height:21px; padding:3px 10px 0 10px; background:none; border:none; line-height:12px; }
	#SearchForm_SearchForm { position:absolute; top:42px; right:16px; font-size:12px; }
	#SearchForm_SearchForm .default { color:#7f7f7f; font-style:italic; }
	#mainmenu { position:absolute; right:16px; bottom:16px; background:url(../images/mainmenu_bg.gif) no-repeat 0 0; width:476px; height:25px; }
	#mainmenu li { float:left; }
	#mainmenu a:link,
	#mainmenu a:visited { display:block; height:25px; text-indent:-9999em; overflow:hidden; }
	
	#mainmenu .home { width:50px; margin-right:16px; }
	#mainmenu .home:hover { background:url(../images/mainmenu_bg.gif) no-repeat 0 -26px; }
	#mainmenu .about-us { width:83px; margin-right:15px; }
	#mainmenu .about-us:hover { background:url(../images/mainmenu_bg.gif) no-repeat -66px -26px; }
	#mainmenu .films { width:54px; margin-right:15px; }
	#mainmenu .films:hover { background:url(../images/mainmenu_bg.gif) no-repeat -164px -26px; }
	#mainmenu .television { width:91px; margin-right:16px; }
	#mainmenu .television:hover { background:url(../images/mainmenu_bg.gif) no-repeat -233px -26px; }
	#mainmenu .news { width:54px; margin-right:16px; }
	#mainmenu .news:hover { background:url(../images/mainmenu_bg.gif) no-repeat -340px -26px; }
	#mainmenu .contact { width:65px; }
	#mainmenu .contact:hover { background:url(../images/mainmenu_bg.gif) no-repeat -410px -26px; }
	
#layout {  }

#subheading { font-size:16px; color:#0a2749; font-weight:bold; font-style:italic; padding-bottom:18px; margin-bottom:18px; background:url(../images/insetborder.png) repeat-x 0 100%; }

#intro { padding-bottom:18px; margin-bottom:18px; background:url(../images/insetborder.png) repeat-x 0 100%; font-size:30px; font-weight:bold; font-style:italic; text-shadow:1px 1px #e7e7e7; }
.intro-padding { padding-top:100px; }
	#intro b,
	#intro strong { color:#0a2749; font-weight:bold; font-style:italic; }

.slide .slide-content { text-shadow:1px 1px #000; }
	
#subheading,
.header,
.intro,
.post,
#blog #sidebar,
.coming-soon,
.news,
#columns,
#person { text-shadow:0 1px #e7e7e7; }

.header a { padding:0 4px; }
#portfolio-holder .header li a:hover,
#portfolio-holder .header li a:active,
#portfolio-holder .header li.selected a { text-decoration:underline; }
	
#column-one,
#column-two,
#person-column-one,
#person-column-two { width:460px; }
#column-one,
#person-column-one { float:left; }
#column-two,
#person-column-two { float:right; }

#footer { position:relative; margin-top:-200px; clear:both; text-align:center; background:url(../images/footer.png) no-repeat 50% 0; font-size:10px; color:#fff; text-shadow:1px 1px #000; height:200px; }
	#footer .container { padding:50px 0 10px 0; }

/* Page Specific Styling */
#wrap div.section { background:url(../images/insetborder.png) repeat-x 0 0; padding-top:2px; padding-bottom:30px; }

.slideshow,
#large-image { position:relative; text-decoration:none; display:block; border-top:1px solid #2c2c2c; padding:1px 0 3px 0; background:url(../images/insetborder.png) repeat-x 0 100%; height:456px; margin-bottom:32px; }
#large-image {  }
#slides { height:456px; overflow:hidden; }
#prev, 
#next { width:45px; height:25px; background-image:url(../images/slideshow-arrows.png); background-repeat:no-repeat; position:absolute; top:215px; display:block; z-index:50; text-indent:-9999em; overflow:hidden; } 
#prev { background-position:0 0; left:-22px; }
#next { background-position:-45px 0; right:-22px; }
#slideshow-inline { display:none; }

.slide { overflow:hidden; }
.slide .slide-content { position:absolute; top:174px; font-style:italic; }
.slide .Left { left:82px; }
.slide .Right { right:82px; }
.slide .title { font-size:45px; color:#fff; line-height:45px; letter-spacing:-2px; font-weight:bold; text-decoration:none; }
.slide .line-one,
.slide .line-two { color:#fff; }
.slide .line-two { margin-top:1px; }
.slide .play-trailer { margin-top:10px; width:106px; height:25px; background:url(../images/play-trailer.png) no-repeat 0 0; text-indent:-9999em; }


.intro { font-style:italic; }
	.intro b,
	.intro strong { color:#0a2749; font-weight:bold; font-style:italic; }
	.intro a { color:#0a2749; text-decoration:none; font-weight:normal; }

#home .intro { margin-bottom:28px;  font-size:21px; font-weight:bold; }
	

#home .coming-soon h2 { margin-left:10px; margin-bottom:10px; background:url(../images/coming-soon.png) no-repeat 0 0; width:136px; height:25px; text-indent:-9999em; }
#home .coming-soon li { margin-right:20px; float:left; }
#home .coming-soon li.last { margin-right:0; }
#home .coming-soon .image { display:block; border:1px solid #cfcfcf; padding:4px; background:#606060; height:144px; width:290px; overflow:hidden; }

#home li span.info { font-size:12px; font-style:italic; }
#home li h3 a { font-size:15px; font-weight:bold; text-decoration:none; color:#0a2749; }

#home .news h2 { margin-left:10px; margin-bottom:30px; background:url(../images/foundation-news.png) no-repeat 0 0; width:136px; height:25px; text-indent:-9999em; }
#home .news li { width:220px; float:left; padding:0 10px; }
#home .news li.first { padding-left:0; }
#home .news li.last { padding-right:0; }


#page,
#blog,
#portfolio-holder,
#SearchResults { padding-top:120px; }
#blog #content-wrap { width:620px; float:left; }
#blog #sidebar { width:216px; float:right; }
	#blog #sidebar h3 { font-weight:bold; color:#0a2749; padding:0 5px 7px 5px; background:url(../images/insetborder.png) repeat-x 0 100%; }
	#blog #sidebar li a { color:#373737; font-size:12px; text-decoration:none; padding:7px 5px; background:url(../images/insetborder.png) repeat-x 0 100%; display:block; }
	#blog #sidebar ul { padding-bottom:40px; }
	
	
#SearchResults li { margin-bottom:20px; }
#SearchResults h3 { font-size:14px; font-weight:bold; margin-bottom:5px; }

	
#blog .post { margin-bottom:26px; }
#blog .post h2 a { font-weight:bold; font-style:italic; color:#0a2749; font-size:24px; text-decoration:none; }
#blog .post .info { font-size:12px; font-style:italic; padding:10px 0 20px 0; }
#blog .post .image { border:1px solid #cfcfcf; padding:4px; background:#606060; margin-bottom:20px; }
#blog .post .content { margin:0; padding:0 0 25px 0; background:url(../images/insetborder.png) repeat-x 0 100%; }
#blog .post .footer { background:url(../images/insetborder.png) repeat-x 0 100%; padding:8px 0 10px 0; display:none; }
#blog .post .footer a { color:#0a2749; font-size:12px; font-weight:bold; text-decoration:none; }
#blog .post .footer .comments { float:right; }

body.home #container { background-position:50% 0; }

#people { background:url(../images/insetborder.png) repeat-x 0 0; padding-top:22px; }
#people h3 { margin-left:10px; margin-bottom:20px; background:url(../images/meet-the-team.png) no-repeat 0 0; text-indent:-9999em; width:136px; height:25px; }
#people li { font-size:12px; color:#fff; position:relative; border:1px solid #cfcfcf; height:73px; width:188px; float:left; margin-right:20px; margin-bottom:20px; background:url(../images/person-inactive.png) repeat-x 0 0; padding:20px 5px 5px 105px; }
#people li.current { background:url(../images/person-active.png) repeat-x 0 0; }
#people li.row-last { margin-right:0; }
#people li span { display:block; }
#people li span.image { position:absolute; background:#fff; height:88px; width:80px; top:5px; left:5px; }
#people li span.name { font-size:16px; font-weight:bold; }
#people li span.jobtitle { margin-bottom:10px; }
#people li a { color:#fff; text-decoration:underline; }

#person { background:url(../images/insetborder.png) repeat-x 0 0; padding-top:32px; }
#person h3 { font-weight:bold; font-size:21px; color:#0a2749; padding-bottom:30px; }
#person h3 span { color:#373737; font-weight:normal; font-size:16px; }
#person-content,
#person-columns { font-size:12px; }

/* Portfolio */
.section-title { background-image:url(../images/portfolio-holder-headings.png); background-repeat:no-repeat; margin-left:10px; height:25px; width:136px; text-indent:-9999em; }
#produced-section { background-position:0 0; }
#inproduction-section { background-position:0 -25px; }
#indevelopment-section { background-position:0 -50px; }

#portfolio-holder .header { margin-bottom:18px; }
#portfolio-holder .header #subheading { margin:0; padding:0; background:none; float:left; }
#portfolio-holder .header ul { float:right; }
#portfolio-holder .header li { display:inline; color:#071c34; font-size:12px; }
#portfolio-holder .header a { color:#071c34; text-decoration:none; font-style:italic; }

#wrap #portfolio-holder div.section { padding-bottom:0; }
#portfolio-holder .section ul { margin-top:20px; }
#portfolio-holder .section li { float:left; margin-right:30px; width:130px; height:270px; }
#portfolio-holder .section li.rowend { margin-right:0; }
#portfolio-holder .image { display:block; border:1px solid #cfcfcf; background:#737373; padding:4px; height:190px; width:130px; }
#portfolio-holder .title { display:block; padding:5px; font-size:12px; color:#071a31; font-style:italic; }

li.item a { text-decoration:none; }

#portfolio-item .intro { font-size:32px; margin-bottom:25px; }

#portfolio-item #content-wrap { background:url(../images/insetborder.png) repeat-x 0 0; padding-top:30px; }
#portfolio-item #sidebar { float:left; width:300px; }
#portfolio-item #content { float:right; width:620px; color:#292929; }

#poster-image { border:1px solid #cfcfcf; background:#747474; padding:4px; }
#portfolio-item .link { display:block; margin-top:12px; }

#portfolio-images li { float:left; margin-top:10px; }
#portfolio-images li.odd { margin-right:10px; }
#portfolio-images a { position:relative; display:block; background:#797979; border:1px solid #cfcfcf; padding:4px; width:135px; height:80px; }
#portfolio-images .zoom { position:absolute; top:0; left:9px; background:url(../images/zoom.png) no-repeat 0 0; width:22px; height:15px; }
