* { margin: 0; padding: 0; }

body { padding-top: 58px; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

div#page {
	width: 956px;
	height: 633px;
	margin: 0 auto;
	padding: 20px;
}

p { margin-bottom: 12px; }

div#navContainer { width: 956px; height: 29px; position: relative; }
div#navContainer ul#navigation { list-style: none; }
div#navContainer ul#navigation li { float: left; height: 31px; }
div#navContainer ul#navigation li h2 { text-indent: -9999px; }

div#navContainer2 { width: 956px; height: 29px; position: relative; }
div#navContainer2 ul#navigation { list-style: none; }
div#navContainer2 ul#navigation li { float: left; height: 31px; }
div#navContainer2 ul#navigation li h2 { text-indent: -9999px; }

ul#navigation li#home a { display: block; width: 60px; height: 31px; background: url(../img/nav3.png) no-repeat 7px 5px; }
ul#navigation li#homeActive a { display: block; width: 60px; height: 31px; background: url(../img/nav3.png) no-repeat 7px -26px; }
ul#navigation li#home a:hover { background-position: 7px -26px; }

ul#navigation li#theStory a { display: block; width: 93px; height: 31px; background: url(../img/nav3.png) no-repeat -54px 5px; }
ul#navigation li#theStoryActive a { display: block; width: 93px; height: 31px; background: url(../img/nav3.png) no-repeat -54px -26px; }
ul#navigation li#theStory a:hover { background-position: -54px -26px; }

ul#navigation li#dvds a { display: block; height: 31px; width: 57px; background: url(../img/nav3.png) no-repeat -147px 5px; }
ul#navigation li#dvdsActive a { display: block; height: 31px; width: 57px; background: url(../img/nav3.png) no-repeat -147px -26px; }
ul#navigation li#dvds a:hover { background-position: -147px -26px; }

ul#navigation li#seasonalEating a { display: block; height: 31px; width: 182px; background: url(../img/nav3.png) no-repeat -204px 5px; }
ul#navigation li#seasonalEatingActive a { display: block; height: 31px; width: 182px; background: url(../img/nav3.png) no-repeat -204px -26px; }
ul#navigation li#seasonalEating a:hover { background-position: -204px -26px; }

ul#navigation li#filmScreenings a { display: block; height: 31px; width: 187px; background: url(../img/nav3.png) no-repeat -387px 5px; }
ul#navigation li#filmScreeningsActive a { display: block; height: 31px; width: 187px; background: url(../img/nav3.png) no-repeat -387px -26px; }
ul#navigation li#filmScreenings a:hover { background-position: -387px -26px; }

ul#navigation li#filmSponsors a { display: block; height: 31px; width: 127px; background: url(../img/nav3.png) no-repeat -701px 5px; }
ul#navigation li#filmSponsorsActive a { display: block; width: 127px; height: 31px; background: url(../img/nav3.png) no-repeat -701px -26px; }
ul#navigation li#filmSponsors a:hover { background-position: -701px -26px; }

ul#navigation li#castAndCrew a { display: block; height: 31px; width: 127px; background: url(../img/nav3.png) no-repeat -574px 5px; }
ul#navigation li#castAndCrewActive a { display: block; height: 31px; width: 127px; background: url(../img/nav3.png) no-repeat -574px -26px; }
ul#navigation li#castAndCrew a:hover { background-position: -574px -26px; }

ul#navigation li#contact a { display: block; height: 31px; width: 80px; background: url(../img/nav3.png) no-repeat -830px  5px; }
ul#navigation li#contactActive a { display: block; height: 31px; width: 80px; background: url(../img/nav3.png) no-repeat -830px -26px; }
ul#navigation li#contact a:hover { background-position: -830px -26px; }

ul#navigation li#blog a { display: block; height: 31px; width: 60px; background: url(../img/nav3.png) no-repeat -780px 5px; }
ul#navigation li#blogActive a { display: block; height: 31px; width: 60px; background: url(../img/nav3.png) no-repeat -780px -26px; }
ul#navigation li#blog a:hover { background-position: -780px -26px; }
/*
div#navContainer2 ul#navigation li#filmScreenings a { display: block; height: 31px; width: 157px; background: url(../img/nav3.png) no-repeat -512px 0; }
div#navContainer2 ul#navigation li#filmScreeningsActive a { display: block; height: 31px; width: 157px; background: url(../img/nav3.png) no-repeat -512px -26px; }
div#navContainer2 ul#navigation li#filmScreenings a:hover { background-position: -512px -26px; }
*/
div#shareThis {
	width: 125px;
	height: 16px;
	position: absolute;
	top: -44px;
	right: 10px;
}

div#logo {
	width: 386px;
	height: 93px;
	margin-top: 18px;
	background: url(../img/logo.png) no-repeat top left;
}

div#logo h1, div#logo h2 {
	position: absolute;
	text-indent: -9999px;
}

div#logo h1 a {
	display: block;
	width: 386px;
	height: 93px;
}

div#videoContainer {
	width: 605px;
	height: 342px;
}

div#videoText {
	width: 319px;
	height: 342px;
	padding-top: 20px;
	padding-right: 10px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	background: url(../img/contribute_box.png) no-repeat bottom left;
	position: relative;
}

div#videoText p {
	line-height: 22px;
}

div#videoText h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #393939;
	font-size: 30px;
}

div#sponsors {
	padding: 28px 0 0 0;
}

div#sponsors ul {
	list-style: none;
}

div#sponsors ul li {
	float: left;
}

div#order {
	width: 132px;
	position: absolute;
	bottom: 15px;
	left: 15px;
}

div#order h2 {
	text-align: center;
	padding: 5px;
	font-size: 16px;
	color: #FFF;
}

div#order_fp {
	width: 132px;
	position: absolute;
	bottom: 36px;
	left: 15px;
}

div#order_fp h2 {
	text-align: left;
	padding: 5px;
	font-size: 16px;
	color: #FFF;
}

div#contribute_fp {
	width: 175px;
	position: absolute;
	bottom: 36px;
	right: 0;
}

div#contribute_fp p {
	line-height: normal;
	text-align: left;
	padding-bottom: 5px;
	font-weight:bold;
}

div#contribute_fp h2 {
	text-align: left;
	font-size: 16px;
	color: #FFF;
	font-size: 15px;
}


div#contribute {
	width: 132px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}


div#contribute p {
	line-height: normal;
	text-align: center;
	padding-bottom: 5px;
}

div#contribute h2 {
	text-align: center;
	font-size: 16px;
	color: #FFF;
	font-size: 15px;
}

div#twitterbox {
	position: absolute;
	bottom: 0;
}

div#twitterbox p {/*
	line-height: normal;
	text-align: center;
	padding-bottom: 5px;*/
}

div#twitterbox h2 {
	text-align: left;
	color: #FFF;

}

div.copy {
	width: 478px;
}

a {
	color: #FFF;
}

div.copy p {
	font-size: 15px;
	font-weight: bold;
}

div.copy2 {
	width: 448px;
	padding-left: 30px;
}

div.copy2 h2 {
	font-size: 12px;
}

div.copy2 p {
	font-size: 12px;
	font-weight: bold;
}


/* -- jQuery Coda Slider -- */
ul.sliderMainNav {
	list-style: none;
	position: absolute;
	top: 25px;
	right: 359px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.sliderMainNav li {
	float: left;
	margin-left: 8px;
}

ul.sliderMainNav a {
	display: block;
	color: #FFF;
}

ul.sliderMainNav a.selected {
	display: block;
	color: #FFF;
	text-decoration: none;
}

ul.navigation {
	list-style: none;
	position: absolute;
	bottom: 10px;
	right: 0;
	font-family: Arial, Helvetica, sans-serif;
}

ul.navigation li a {
	display: block;
	margin-top: 5px;
	margin-right: 23px;
}

ul.navigation a.selected {
	margin-top: 0;
	border-top: 5px solid #FFF;
	background: url(../img/nav_selected.png) no-repeat top right;
}

ul.navigation li {
	float: left;
}

img.sliderIcon {
	float: left;
	padding-right: 40px;
}

#slider {
	width: 932px;
	margin: 0 auto;
	position: absolute;
	top: 66px;
	left: 10px;
}

#slider h2 {
	font-size: 18px;
}

.scroll {
  height: 251px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  height: 251px;
  width: 932px; /* change to 560px if not using JS to remove rh.scroll */
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
}

/* -- Form Styles -- */
form {
	margin-top: 30px;
}

input.text {
	width: 123px;
	height: 26px;
	background: url(../img/form_text.png) no-repeat;
	border: none;
	font-size: 19px;
	padding: 7px 10px;
	color: #AAA;
	margin-bottom: 20px;
}

input.text2 {
	width: 269px;
	height: 26px;
	background: url(../img/form_text2.png) no-repeat;
	border: none;
	font-size: 19px;
	padding: 7px 10px;
	color: #AAA;
	margin-bottom: 20px;
}

input.submit {
	width: 143px;
	height: 41px;
	background: url(../img/btn_submit.png) no-repeat;
	border: none;
}

div#slideBg {
	width: 953px;
	height: 450px;
	background: url(../img/bg_slide.jpg);
	position: relative;
}

/* -- Page Headers - */
h2.summer {
	text-indent: -9999px;
	background: url(../img/page_header_summer.png) no-repeat;
	height: 58px;
}

h2.contactUs {
	text-indent: -9999px;
	background: url(../img/page_header_contact_us.png) no-repeat;
	height: 45px;
	width: 338px;
	margin: 155px 200px 0 0;
}

/* -- The People Page Styles -- */
div.thePeople {
	font-size: 12px;
	font-weight: bold;
}

div.thePeople table td {
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 25px;
	line-height: normal;
}

div.thePeople table td span.gray {
	font-size: 12px;
	font-weight: normal;
}

div#thePeopleSubNav {
	font-size: 15px;
	margin-bottom: 12px;
	font-weight: bold;
}

div#thePeopleSubNav a {
	font-size: 12px;
	margin-bottom: 12px;
	font-weight: bold;
}

div#thePeopleSubNav a.active {
	text-decoration: none;
}

div#thePeopleSubNav a.active:hover {
	text-decoration: underline;
}

/* -- The Crew Page Styles -- */
div#theCrewSubNav {
	font-size: 15px;
	margin-bottom: 12px;
	font-weight: bold;
	position:absolute;
	right:321px;
	top:25px;
}

div#theCrewSubNav a {
	font-size: 12px;
	margin-bottom: 12px;
	font-weight: bold;
}

ul.crewSliderMainNav {
	list-style: none;
	position: absolute;
	top: 28px;
	right: 206px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.crewSliderMainNav li {
	float: left;
	margin-left: 8px;
}

ul.crewSliderMainNav a {
	display: block;
	color: #FFF;
}

ul.crewSliderMainNav a.selected {
	display: block;
	color: #FFF;
	text-decoration: none;
}

div#theCrewSubNav a.active {
	text-decoration: none;
}

div#theCrewSubNav a.active:hover {
	text-decoration: underline;
}

div#crewRight {
	width: 444px;
	height: 245px;
	overflow: auto;
	float: right;
	padding-right: 20px;
}

img.sliderCrewIcon {
	float: left;
	padding-right: 30px;
}

ul.crewNavigation {
	list-style: none;
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.crewNavigation li a {
	display: block;
	margin-top: 20px;
	margin-right: 65px;
}

ul.crewNavigation a.selected {
	margin-top: 0;
	border-top: 5px solid #FFF;
	background: url(../img/nav_selected.png) no-repeat top right;
	padding-top: 15px;
}

ul.crewNavigation li {
	float: left;
}

/* -- Contact Page Styles -- */
a.contact h2 {
/*	text-decoration: underline; */
}

/* -- PAGE HEADER FOR CONTACT US PAGE (SEE PAGE HEADER STYLES) -- */

/* -- Footer Styles -- */
div#footerContainer {
	text-align: center;
	width: 956px;
	margin: 20px auto;
	font-size: 14px;
}

/* -- DVD and Screening Page Styles -- */
div#contributeBox {
	position: relative;
	background: url(../img/contribute_box_internal2.png);
	width: 329px;
	height: 176px;
}

/* -- extra link --*/

a:link {
color: white;
text-decoration:underline;
}

a:visited {
color:white;
text-decoration:underline;
}

a:hover {
color:white;
text-decoration:none;
}

a:active {
color:white;
text-decoration:underline;
}