@charset "utf-8";

/* CSS Document */
.html, body {
	background-color: #000000;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8b8b8b;
	text-align: center;
}
.success {
	color: #FFFFFF;
	background-color: #006600;
}

div.clear 
{
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clip: rect(1px,auto,auto,auto);
}
img, div{ 
	/*use the following line for web viewing
	behavior: url(http://seven24films.com/s24/js/iepngfix/iepngfix.htc);*/
	/*use the following line for local viewing*/
	behavior: url(js/iepngfix/iepngfix.htc);

}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper {
	width: 1078px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/shared/bg_cloud.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#shell {
	height: auto;
}
#topbar {
	margin-right: auto;
	margin-left: auto;
	width: 804px;
	height: 135px;
}
#contentBar {
	width: 804px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: auto;
	padding-bottom: 25px;
}
#regularContent {
	width: 804px;
	background-image: url(../images/shared/regular_page_content_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#text {
	float: right;
	width: 555px;
	text-align: left;
	padding-right: 30px;
}

#wideContent {
	background-image: url(../images/shared/wide_page_content_bg.png);
	background-repeat: no-repeat;
}
#wideContent  #text .tableHeader {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
	text-align: left;
}
#wideContent  #text  .table  a {
	color: #FFFFFF;
	text-decoration: none;
}
#wideContent #text a:hover {
	color: #ff9900;
}


#wideContentShell {
	width: 789px;
	padding-top: 15px;
	padding-left: 15px;
}
#wideContentShell #text {
	text-align: left;
	color: #FFFFFF;
	width: 770px;
	float: none;
	padding-right: 15px;
}


#regularContentShell {
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 15px;
	width: 789px;
}
#regularContent  #text h1 {
	color: #000000;
	letter-spacing: -1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom: 15px;
}


#footerBar {
	background-image: url(../images/shared/footer_bottom_line.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	width: 804px;
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	color: #5A5A5A;
	position: relative;
	top: -80px;
	padding-top: 10px;
	text-align: right;
	margin-bottom: 25px;
}
#ecentric {
	color: #8C8C8C;
	float: right;
	padding-right: 160px;
	padding-left: 50px;
}
#ecentric a {
	color: #8C8C8C;
	text-decoration: none;
}
#ecentric a:hover {
	color: #FF9900;
}

#footerBar .link {
	color: #5A5A5A;
	text-decoration: none;
	padding-left: 10px;
}
#footerBar .link:hover {
	color: #FFFFFF;
}



#flashBanner {
	width: 804px;
	margin-right: auto;
	margin-left: auto;
}
#production {
}

#production  #tempProduction {
	background-image: url(../images/productions/productions_banner_image_temp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}

#navFlash {
	width: 804px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -100px;
}

#logo {
	width: 300px;
	float: left;
}
#productionsPicker {
	position: relative;
	top: -110px;
	height: 21px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0px;
	background-image: url(../images/shared/productions_picker_bottom_line.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#productionsPickerBottomLine {
	background-image: url(../images/shared/productions_picker_bottom_line.gif);
	background-position: center center;
	height: 3px;
}

#productionsPicker img {
	float: left;
}


#productionsPicker  .link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	float: left;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	margin: 0px;
}
#productionsPicker   .link:hover  {
	color: #d7a215;
	background-color: #3e403b;
}
#productionsPicker .linkActive {
	font-family: Arial, Helvetica, sans-serif;
	color: #d7a215;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	float: left;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	margin: 0px;
	background-color: #3e403b;
}
#productionsPickerLinks {
	text-align: center;
	padding-left: 310px;
}

#navMain {
	text-align: right;
	vertical-align: bottom;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-left: 355px;
}
#navMain .link {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
	display: block;
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 82px;
	margin-left: 1px;
}
#navMain .link:hover {
	background-color: #666666;
}
#navMain .linkActive {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
	display: block;
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 82px;
	margin-left: 1px;
	background-color: #666666;
}
#regularContent #navSub {
	height: 300px;
	width: 158px;
	text-align: left;
	float: left;
}
#regularContent   #subNavLinks  ul {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#regularContent   #subNavLinks  li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding-top: 1px;
	padding-right: 12px;
	padding-bottom: 2px;
	font-weight: bold;
}
#regularContent       #subNavLinks     a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
}
#regularContent      #subNavLinks     a:hover {
	color: #000000;
	background-color: #FFFFFF;
}
#regularContent  #subNavLinks  .linkActive {
	color: #000000;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	background-color: #FFFFFF;
	background-image: url(../images/shared/sub_nav_active_arrows.gif);
	background-repeat: no-repeat;
	background-position: 120px;
}
#regularContent   #subSubNavLinks   a {
	font-size: 10px;
	color: #FFFFFF;
	text-transform: none;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 2px;
	text-decoration: none;
	padding-left: 5px;
}
#regularContent   #subSubNavLinks  a:hover {
	color: #E09900;
}
#regularContent  #subSubNavLinks  .linkActive {
	color: #E09900;
	background-image: none;
}
#regularContent   #subSubNavLinks {
	padding-top: 5px;
	padding-left: 12px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#regularContent  #subNavLinks {
	text-align: left;
	padding-left: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#text a {
	color: #999999;
	text-decoration: underline;
}
#text a:hover {
	color: #ff9900;
}


.bioImage {
	padding-right: 20px;
	display: block;
	float: left;
}
#regularContent #text h3 {
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0px;
	display: block;
	padding: 0px;
}
#regularContent #text h4 {
	text-transform: uppercase;
	color: #ff9900;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}




#trailer {
	text-align: right;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	height: 300px;
}
#trailer #tab {
}
#trailer #tab a {
	text-align: center;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	height: 16px;
	width: 85px;
	float: right;
	padding-top: 4px;
	background-image: url(../images/shared/trans_bg_black.png);
	background-repeat: no-repeat;
	margin-right: 12px;
}
#trailer #video {
	text-align: left;
	position: absolute;
	top: 55px;
	left: 416px;
	background-image: url(../images/shared/trailer_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 225px;
	width: 335px;
	padding-top: 5px;
	padding-left: 6px;
}
#regularContentShell #text {
	width: 555px;
	text-align: left;
	padding-right: 35px;
	padding-left: 10px;
	float: right;
}
#text   h1  {
	font-size: 26px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
}
#text h2 {
	font-weight: normal;
	text-transform: uppercase;
	color: #E18801;
	font-size: 16px;
	margin: 0px;
}
#text .highlight {
	color: #FFFFFF;
}
#text .externalLink {
	color: #FF9900;
	text-decoration: none;
}
#text .externalLink:hover {
	text-decoration: underline;
}



#footerBarSub {
	background-image: url(../images/shared/footer_bottom_line.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 21px;
	width: 804px;
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	color: #5A5A5A;
	padding-top: 10px;
	text-align: right;
}
#footerBarSub .link {
	color: #5A5A5A;
	text-decoration: none;
	padding-left: 10px;
}
#footerBarSub .link:hover {
	color: #FFFFFF;
}
#sideBar {
	height: 300px;
	width: 158px;
	background-repeat: no-repeat;
	text-align: center;
	background-position: center top;
	float: left;
	background-image: url(../images/shared/sub_nav_bg.png);
	padding-top: 10px;
}
.productionsRow {
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #666666;
	margin-bottom: 10px;
}
.productionsRow .column2 {
	float: right;
	height: 85px;
	width: 386px;
	padding-top: 0px;
	padding-left: 20px;
	overflow: hidden;
	padding-right: 0px;
	color: #dcdcdc;
	margin-bottom: 5px;
	padding-bottom: 0px;
	
}
#text       .productionsRow       .column2     .header   {
	font-size: 19px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	overflow: hidden;
	text-decoration: none;
}
.subtext  {
	font-size: 13px;
	color: #CCCCCC;
	text-transform: uppercase;
}

#text      .productionsRow      .column2     .header:hover  {
	text-decoration: underline;
}



.productionThumb {
	padding-right: 10px;
	display: block;
	float: left;
}
.floatRight {
	float: right;
}
#wideContent #text h1 {
	color: #000000;
	letter-spacing: -1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom: 15px;
}
#production #aFriendoftheFamilyProduction {
	background-image: url(../images/productions/a_friend_of_the_family_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #burnUpProduction {
	background-image: url(../images/productions/burn_up_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #afterTheHarvestProduction {
	background-image: url(../images/productions/after_the_harvest_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #anotherCountryProduction {
	background-image: url(../images/productions/another_country_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #chasingFreedomProduction {
	background-image: url(../images/productions/chasing_freedom_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #dinosapienProduction {
	background-image: url(../images/productions/dinosapien_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #distantDrummingProduction {
	background-image: url(../images/productions/distant_drumming_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #dreamStormProduction {
	background-image: url(../images/productions/dream_storm_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #heartlandProduction {
	background-image: url(../images/productions/heartland_banner2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #mayerthorpeProduction {
	background-image: url(../images/productions/mayerthorpe_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #northof60Production {
	background-image: url(../images/productions/north_of_60_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #sheldonKennedyProduction {
	background-image: url(../images/productions/the_sheldon_kennedy_story_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #shoeboxZooProduction {
	background-image: url(../images/productions/shoebox_zoo_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #intheBlueGroundProduction {
	background-image: url(../images/productions/in_the_blue_ground_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production  #tomStoneProduction {
	background-image: url(../images/productions/tom_stone_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #trialbyFireProduction {
	background-image: url(../images/productions/trial_by_fire_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #wakingUpWallyProduction {
	background-image: url(../images/productions/waking_up_wally_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#production #wildRosesProduction {
	background-image: url(../images/productions/wild_roses_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: static;
	padding-left: 15px;
}
#textDarkBG {
	float: right;
	width: 555px;
	text-align: left;
	padding-right: 30px;
}
#hideVideo {
	display: none;
}
#s24Icon {
	margin-top: -5px;
}
#secret #logo {
	background-color: #FFFFFF;
	height: 135px;
	width: 100%;
}
#secret {
	width: 100%;
	height: 500px;
}
#secret  #video {

}