@charset "utf-8";


/* General styles
------------------------------------------- */
* {margin:0; padding:0;}
html {height:100%; max-height:100%; border:0; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */}
body {height:100%; max-height:100%; overflow:hidden; border:0; font-family:'Lucida Sans', Arial, Helvetica, sans-serif; font-size:11px; color:#000;}

	/* Backgrounds for About Pages */
	body.aboutBgr {background:url(../img/backgrounds/background_1.jpg) left bottom no-repeat #f5edea;}
		body.aboutBgrInterviews {background:url(../img/backgrounds/background_4.jpg) left bottom no-repeat #f5edea;}
		body.aboutBgrCrew {background:url(../img/backgrounds/background_14.jpg) left bottom no-repeat #f5edea;}
		body.aboutBgrBehindScenes {background:url(../img/backgrounds/background_13.jpg) left bottom no-repeat #f5edea;}
		body.aboutBgrCredits {background:url(../img/backgrounds/background_12.jpg) left bottom no-repeat #f5edea;}
		body.aboutBgrClips {background:url(../img/backgrounds/background_17.jpg) left bottom no-repeat #f5edea;}

	
	/* Backgrounds for Education Pages */
	body.eduBgr {background:url(../img/backgrounds/background_11.jpg) left bottom no-repeat #f5edea;}
		body.aboutBgrGuide2Dialogue {background:url(../img/backgrounds/background_10.jpg) left bottom no-repeat #f5edea;}
		body.aboutBgrEduGuide {background:url(../img/backgrounds/background_9.jpg) left bottom no-repeat #f5edea;}
		body.aboutBgrWhatsNext {background:url(../img/backgrounds/background_8.jpg) left bottom no-repeat #f5edea;}
		body.aboutBgrFeedback {background:url(../img/backgrounds/background_7.jpg) left bottom no-repeat #f5edea;}
	
	body.newsBgr {background:url(../img/backgrounds/background_6.jpg) left bottom no-repeat #f5edea;}
	body.buyDVDbgr {background:url(../img/backgrounds/background_15.jpg) left bottom no-repeat #f5edea;}
	body.donateBgr {background:url(../img/backgrounds/background_16.jpg) left bottom no-repeat #f5edea;}
	body.partnersBgr {background:url(../img/backgrounds/background_3.jpg) left bottom no-repeat #f5edea;}
	body.contactBgr {background:url(../img/backgrounds/background_2.jpg) left bottom no-repeat #f5edea;}
	
	
	

.topContentShadow {position:absolute; top:144px; left:0; width:100%; height:7px; background:url(../img/content-shadow-top-stretch.png) left top repeat-x; z-index:100;}
.bottomContentShadow {position:absolute; bottom:86px; left:0; width:100%; height:7px; background:url(../img/content-shadow-bottom-stretch.png) left bottom repeat-x; z-index:100;}
* html .topContentShadow {background:url(../img/content-shadow-top.png) left top no-repeat;}
* html .bottomContentShadow {background:url(../img/content-shadow-bottom.png) left top no-repeat;}

a {outline:none; cursor:pointer;}

h2.titleAbout {background:url(../img/title-about.png) 0 0 no-repeat;}
h2.titleNews {background:url(../img/title-news.png) 0 0 no-repeat;}
h2.titleEducation {background:url(../img/title-education.png) 0 0 no-repeat;}
h2.titleContact {background:url(../img/title-contact.png) 0 0 no-repeat;}
h2.titleDonate {background:url(../img/title-donate.png) 0 0 no-repeat;}
h2.titlePartners {background:url(../img/title-partners.png) 0 0 no-repeat;}
h2.titleBuyDVD {background:url(../img/title-buy-dvd.png) 0 0 no-repeat;}
h3 {font-size:19px; font-weight:normal; color:#990000;}


/* Home page styles
------------------------------------------- */
body.home .topContentShadow, body.home .bottomContentShadow {display:none;}

#homeContentHolder {position:absolute; width:100%; height:100%; left:0; top:0; right:0; bottom:0;}
	#flashHome {position:absolute; height:auto; max-height:100%; bottom:0; top:0; left:0; width:100%; border-bottom:#fff solid 292px;}
	#homeContent {position:absolute; bottom:255px; left:0; width:100%; text-align:center; z-index:10; height:37px; background:url(../img/head-bgr.gif) left top repeat-x;}
	#homeMainContent {position:absolute; left:0; bottom:86px; height:169px; width:100%; text-align:center; background:url(../img/home-box-bgr.gif) left top repeat-x;}
		.homeMainContentTxt {width:780px; height:169px; margin:auto; background:url(../img/home-txt.gif) center 55px no-repeat;}
		.homeMainContentTxt p {display:block; text-indent:-9999px;}
	#footerHome {position:absolute; left:0; bottom:0; display:block; width:100%; padding:0; height:86px; z-index:5; overflow:hidden; background:url(../img/footer-bgr.gif) left top repeat-x;}
	
	
/* Other pages styles
------------------------------------------- */
#content {
	overflow:auto;
	position:absolute;
	z-index:3;
	top:144px;
	bottom:86px;
	left:0;
	right:0;
}

	#innerContent {width:780px;	margin:0 auto; text-align:left; padding:25px 0 0 0;}
		.titleHolder {float:left; width:780px;}
			.titleHolder h2 {float:left; width:780px; height:43px; text-indent:-9999px;}	
		
		.columnHolder {float:left; width:750px; padding:14px 0 0 40px;}
			
			.leftColumn {float:left; width:226px; padding-right:25px; font-family:"Times New Roman", Times, serif; font-size:13px; color:#751010; text-align:center;  font-style:italic;}
				ul#leftSideNav {float:left; width:226px; list-style-type:none;}
					ul#leftSideNav li {float:left; width:226px; height:26px; padding-bottom:8px;}
						ul#leftSideNav li a {float:left; display:block; width:226px; height:26px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;}
							ul#leftSideNav li a.sidenavOverview {background-image:url(../img/sidenav-overview.png);}
							ul#leftSideNav li a.sidenavCredits {background-image:url(../img/sidenav-credits.png);}
							ul#leftSideNav li a.sidenavCrew {background-image:url(../img/sidenav-crew.png);}
							ul#leftSideNav li a.sidenavInterviews {background-image:url(../img/sidenav-interviews.png);}
							ul#leftSideNav li a.sidenavBehindScenes {background-image:url(../img/sidenav-behind-scenes.png);}
							ul#leftSideNav li a.sidenavClips {background-image:url(../img/sidenav-clips.png);}
							
							ul#leftSideNav li a.sidenavEduOverview {background-image:url(../img/sidenav-overview.png);}
							ul#leftSideNav li a.sidenavGuide2Dialogue {background-image:url(../img/sidenav-guidetodialogue.png);}
							ul#leftSideNav li a.sidenavEduGuide {background-image:url(../img/sidenav-edu-guide.png);}
							ul#leftSideNav li a.sidenavWhatsNext {background-image:url(../img/sidenav-whatsnext.png);}
							ul#leftSideNav li a.sidenavFeedback {background-image:url(../img/sidenav-feedback.png);}
							
							ul#leftSideNav li a:hover {background-position:0 -26px;}
							ul#leftSideNav li a.activeSideNav {background-position:0 -52px;}
							
			#contentSideLoad {float:right; width:226px; margin-top:10px; background:url(../img/side-box-bgr.png) left top repeat-y}
				#sideBox {float:left; width:226px;}
				#sideBoxDVD {float:left; width:150px;}
				#sideBoxDVD  img {width:150px;}
					#sideBox img {width:226px;}
					#sideBox p {width:206px; padding:10px; margin:0; color:#751010; text-align:center;}
						#sideBox p.pictureDesc {text-align:right; font-size:10px;color:#000;}
						#sideBox p span {float:right; padding:5px 0 10px 0; text-align:right; font-size:9px; font-style:normal; color:#000; font-family:'Lucida Sans', Arial, Helvetica, sans-serif;}
			
			#centerLoad {background:url(../img/side-box-bgr.png) left top repeat-y}
			#contentLoad {float:left; width:447px;}
				#rightColumn {float:left; width:417px;padding:15px;  margin-bottom:14px; background:url(../img/content-main-bgr.png) left top repeat-y;}
					
					.soonTxt {text-align:center; text-transform:uppercase; font-size:16px;}
					
					.questionBox {width:417px;}
						.questionBox p {float:left; width:417px; padding:0 0 10px 0; margin-bottom:10px; border-bottom:#000 dotted 1px; font-family:"Garamond Premier Pro", "Times New Roman", Times, serif; font-size:17px; color:#780000; text-align: center;}
					.mainContentBox {float:left; width:417px; padding:20px 0 10px 0;}
						.mainContentBox p {padding:10px 0;}
			
					ul#interviewsList {float:left; width:417px; list-style-type:none;}
						ul#interviewsList li {float:left; width:417px; margin-top: 7px; line-height:12px;}
						ul#interviewsList li a {float:left; width:417px;  color:#000; text-decoration:none; }
							ul#interviewsList li a:hover {color:#990000; text-decoration:underline;}
					
					.interviewBox {float:left; width:417px;}
						.backToInterview {float:left; width:417px; padding-bottom:15px;}
							.backToInterview a {float:right; display:block; font-size:9px; color:#000;}
							.backToInterview a:hover {color:#751010;}
						.interviewTitle {float:left; width:417px; padding-bottom:10px; border-bottom:#9a9590 solid 1px;}
							.interviewTitle h3 {float:left;  line-height:1em;}
						.interviewContent {float:left; width:417px;}
							.interviewContent p {padding:10px 0; line-height:18px;}
							.interviewContent img {float:left; margin:10px 10px 10px 0;}
						.clipHolder {float:left; width:417px; padding:15px 0;}
							.clipTxt {float:left; width:417px; padding:0 0 15px 0;}
							
					#behindScenesGallery {float:left; width:447px;}
						#behindScenesGallery img {margin-bottom:16px;}
						#behindScenesGallery img.leftImg {margin-left:12px;}
						
					
					.newsBox {float:left; width:417px; margin-bottom:10px;}
						.newsBox p {float:left; width:417px; font-size:11px; color:#000; padding:10px 0 10px 0; line-height:18px;}
							.newsBox p span {float:right; font-size:9px;}
								.newsBox p span a {color:#000; text-decoration:none;}
									.newsBox p span a:hover {text-decoration:underline;}
						.newsBox img {float:left; margin:10px 0 0 0;}
						.newsBox p.newsTitle {color:#726e6d; padding:0 0 5px 0; border-bottom:#000 dotted 1px;}
							.newsBox p.newsTitle b {font-size:14px; color:#000;}
							
					.contactBox {float:left; width:417px; margin-bottom:10px;}
						.contactBox p {float:left; width:417px; font-size:11px; color:#000; padding:10px 0 10px 0; line-height:18px;}
							.contactBox p a {color:#000; text-decoration:underline;}
								.contactBox p a:hover {text-decoration:none;}
						.contactBox p.contactTitle {color:#000; font-size:14px; padding:0 0 5px 0; font-weight:bold; border-bottom:#000 dotted 1px;}
						
					.donateBox {float:left; width:417px;}
						.donateBox p {float:left; width:417px; font-size:11px; color:#000; padding:0 0 10px 0; line-height:18px;}
							.donateBox p a {color:#000; text-decoration:underline;}
								.donateBox p a:hover {text-decoration:none;}


/* Header and footer styles
------------------------------------------- */
#header {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:144px; z-index:5; overflow:hidden;}
	#flashHeader {position:absolute; width:100%; left:0; height:107px; background:#315683;}
	#mainNavHolder {position:absolute; width:100%; top:107px; left:0; text-align:center; height:37px; z-index:10; background:url(../img/head-bgr.gif) left top repeat-x;}
		ul#mainNav {width:492px; margin:auto; list-style-type:none;}
			ul#mainNav li {float:left; height:37px;}
				ul#mainNav li a {display:block; height:111px; background-position:0 -37px; background-repeat:no-repeat; text-indent:-9999px;}
					ul#mainNav li a.navHome {background-image:url(../img/nav-home.gif); width:75px;}
					ul#mainNav li a.navAbout {background-image:url(../img/nav-about.gif); width:141px;}
					ul#mainNav li a.navNews {background-image:url(../img/nav-news.gif); width:75px;}
					ul#mainNav li a.navEducation {background-image:url(../img/nav-education.gif); width:105px;}
					ul#mainNav li a.navContact {background-image:url(../img/nav-contact.gif); width:95px;}
					
					ul#mainNav li a:hover {background-position:0 -74px;}
					
					ul#mainNav li a.activeMainNav {background-position:0 -0;}
				

#footer {
	position:absolute;
	margin:0;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	padding:0;
	height:86px;
	z-index:5;
	overflow:hidden;
	background:url(../img/footer-bgr.gif) left top repeat-x;
	background-image: url(../img/footer-bgr.gif);
}
	.footerNavHolder {float:left; width:400px; height:86px;}
		ul#footerNav {float:left; list-style-type:none; height:86px; padding:0; margin:0;}
			ul#footerNav li {float:left; height:86px;}
			ul#footerNav li a {float:left; display:block; height:86px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;}
				ul#footerNav li a.footerNavBuy {background-image:url(../img/footer-nav-buy.gif); width:111px;}
				ul#footerNav li a.footerNavDonate {background-image:url(../img/footer-nav-donate.gif); width:106px;}
				ul#footerNav li a.footerNavPartners {background-image:url(../img/footer-nav-partners.gif); width:120px;}
				
				ul#footerNav li a:hover {background-position:0 -87px;}
				
	.footerLogos {float:right; width:379px; padding:28px 21px 0 0;}
		.footerLogos a {float:right; height:30px; display:block; text-indent:-9999px;}
			.footerLogos a.logoPbs {background:url(../img/logo-pbs.gif) 0 0 no-repeat; width:53px;}
			.footerLogos a.logoEntropyFilms {background:url(../img/logo-entropy.gif) 0 0 no-repeat; width:93px; margin-left:30px;}
			
	.footerCopyright {position:absolute; left:50%; top:37px; margin-left:-105px; height:11px;}
		.footerCopyright p {display:block; text-indent:-9999px; width:211px; height:11px; background:url(../img/copyright-txt.gif) 0 0 no-repeat;}
.aa {
	text-align: center;
}
