/*********** CONTROL FORMATTING FOR <HTML SELECTOR> ***********/

/*********** document body ***********/
body
{
	background-image: url("../images/bg.png");
	margin: 0;
	padding: 0;
	text-align: center;
}

/********** internal anchors ***********/
a.internal:link
{
	color: #086e40;
	text-decoration: none;
}

a.internal:visited
{
	color: #006633;
	text-decoration: none;
}

a.internal:hover
{
	color: #00cc00;
	text-decoration: none;
}

a.internal:active
{
	color: #ffffff;
	background-color: #006600;
	text-decoration: none;
}

/*********** form ***********/
form
{
	background-color: #f9f9f9;
	border: 1px solid #086e40;
	padding: 10px;
}

/*********** image ***********/
img
{
	border: 0;
	margin: 0;
	padding: 0;	
}

img.float-left
{	
	height: 125px;
	width: 185px;
}

img.thumbnail
{
	height: 125px;
	width: 185px;
}

img.thumbnail_gallery
{
	height: 60px;
	width: 80px;
}

img.validator
{
	height: 31px;
	width: 88px;
}

/*********** input ***********/
input, select, textarea
{	
	color: #666666;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", tahoma, arial, sans-serif;
	font-size: 12px;
}

/*********** heading tags ***********/
h2, h3, h4
{
	background-image: url("../images/bg.png");
}

/*********** h1 ***********/
h1
{
	color: red;
	font-size: 220%;
	text-align: center;
}

h1.small_heading
{
	font-size: 150%;
}

h2
{
	font-size: 140%;
}

h3
{
	font-size: 130%;
}

h4
{
	font-size: 120%;
}


/*********** CONTROL FORMATTING FOR <CLASS SELECTOR> ***********/

/*********** align center ***********/
.align_center
{
	text-align: center;
}

/*********** align center on Gallery page ***********/
.align_center_gallery
{
	margin-left: 40px;
}

/*********** clear left float ***********/
.clear-left
{
	clear: left;
}

/*********** field ***********/
.field
{
	margin: 0;
	padding-bottom: 1px;
}

.field_panel
{
	clear: right;
	margin: 0;	
	text-align: left;
}

/*********** left float ***********/
.float-left
{
	float: left;
	margin: 0;
	padding-right: 10px;
}

/*********** right float ***********/
.float-right
{
	float: right;
}

/*********** label ***********/
.label
{
	margin: 0;
	padding: 4px;
}

.label_panel
{
	float: left;
	margin: 0 1% 0 5%;
	text-align: right;
}

/*********** linear navigation ***********/
.next
{
	float: right;
	font-family: verdana,sans-serif; 
	font-size: 10px;
	margin-right: 10px;
}

.prev
{
	float: left;
	font-family: verdana,sans-serif; 
	font-size: 10px;
	margin-left: 10px;
}

/*********** sitemap switch ***********/
.sitemap_switch
{
	float: right;
	margin-right: 20px;
}

/*********** title ***********/
.email_title
{
	color: red;
	display: block;
	font-size: large;
}

.trailer_box
{
	background-color: #f9f9f9;
	border: 1px solid #086e40;
	padding: 5px;
	text-align: center;
}


/*********** CONTROL FORMATTING FOR <ID SELECTOR> ***********/

/*********** banner ***********/
#banner
{
	background: url("../images/banner.jpg") no-repeat;
	height: 199px;
	margin: 0;
	padding: 0;
	width: 639px;
}

/*********** bottom navigation ***********/
#botnav
{
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 13px;
}

/*********** cast navigation ***********/
#cast
{
	left: 400px;
	width: 44px;
}

#cast a:hover
{
	background: transparent url("../images/navigation.png") -400px -29px no-repeat;
}

#cast_active
{
	background: transparent url("../images/navigation.png") -400px -29px no-repeat;
	left: 400px;
	width: 44px;
}

/*********** main content ***********/
#content
{
	background-color: transparent;
	float: left;
	margin: 0;
	padding: 5px;
	text-align: justify;
	width: 65%;
}

#content_credit
{
	padding: 10px;
	text-align: justify;
}

#content_email
{
	color: #666666;	
	margin: 0;
	text-align: center;
}

#content_gallery
{
	width: 100%;
}

#content_newsletter, #content_quiz
{
	background-color: transparent;
	margin: 0;
	padding: 10px;
	text-align: left;
	width: auto;
}

#content_sitemap
{
	background-color: transparent;
	margin: 0;
	padding: 0;
	text-align: center;
	width: auto;
}
		
/*********** crew navigation ***********/
#crew
{
	left: 445px;
	width: 44px;
}

#crew a:hover
{
	background: transparent url("../images/navigation.png") -445px -29px no-repeat;
}

#crew_active
{
	background: transparent url("../images/navigation.png") -445px -29px no-repeat;
	left: 445px;
	width: 44px;
}

/*********** description -- gallery ***********/
#desc
{
	color: #ff0000;
	font-style: italic;
}

/*********** footer ***********/
#footer
{
	background-color: #eeeeee;
	border-top: 1px solid #086e40;
	clear: both;
	margin-top: 20px;
	text-align: center;
}

/*********** gallery navigation ***********/
#gallery
{
	left: 490px;
	width: 64px;
}

#gallery a:hover
{
	background: transparent url("../images/navigation.png") -490px -29px no-repeat;
}

#gallery_active
{
	background: transparent url("../images/navigation.png") -490px -29px no-repeat;
	left: 490px;
	width: 64px;
}

/*********** home navigation ***********/
#home
{
	left: 270px;
	width: 59px;
}

#home a:hover
{
	background: transparent url("../images/navigation.png") -270px -29px no-repeat;
}

#home_active
{
	background: transparent url("../images/navigation.png") -270px -29px no-repeat;
	left: 270px;
	width: 59px;
}

/*********** layout ***********/
#layout
{
	clear: both;
	color: #444444;
	margin: 20px 0 0 0;
	padding: 0;
}

#layout_newsletter, #layout_quiz, #layout_sitemap
{
	clear: both;
	color: #444444;
	margin: 0;
	padding: 0;
	width: auto;
}

/*********** right panel ***********/
#sidebar
{
	background-color: transparent;
	color: #666666;
	height: 100%;	/* compensate for IE Win bungling */
	margin: 0 2px 0 428px;
	padding: 0;
	right: 0;
	text-align: center;
}

/*********** text sitemap ***********/
#sitemap
{
	margin-left: 20%;
}

/*********** skip navigation ***********/
#skipnav
{
	display: none;
	height: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	width: 0;
}

/*********** right panel navigation ***********/
#subnav
{
	margin: 0;
	padding: 0;
}

/***********  ***********/
#subnav ul
{
	border: 0;
	margin: 65px 0 0 0;
	padding: 0;
}

/***********  ***********/
#subnav ul li
{
	display: block;
	list-style: none;
}	

/***********  ***********/
#subnav ul li img
{
	display: inline;
}

/***********  ***********/
#subnav ul.rpanel
{
	background-color: #f1f2f3;
	margin: 55px 0 0 0;
	padding: 2px;
}

/***********  ***********/
#subnav ul.rpanel_center
{
	background-color: #f1f2f3;
	margin: 90px 0 0 0;
}

/***********  ***********/
#subnav #home_news
{
	background-color: #f1f2f3;
	border: 0;
	margin: 0;
	padding: 2px;
	text-align: left;
}

/*********** synopsis navigation ***********/
#synopsis
{
	left: 330px;
	width: 69px;
}

#synopsis a:hover
{
	background: transparent url("../images/navigation.png") -330px -29px no-repeat;
}

#synopsis_active
{
	background: transparent url("../images/navigation.png") -330px -29px no-repeat;
	left: 330px;
	width: 69px;
}

/*********** top navigation ***********/
#topnav
{
	background: url("../images/navigation.png");
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 639px;
}

#topnav li
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

#topnav li, #topnav a
{
	display: block;
	height: 29px;
}

/*********** trailer navigation ***********/
#trailer
{
	left: 555px;
	width: 84px;
}

#trailer a:hover
{
	background: transparent url("../images/navigation.png") -555px -29px no-repeat;
}

#trailer_active
{
	background: transparent url("../images/navigation.png") -555px -29px no-repeat;
	left: 555px;
	width: 84px;
}

/*********** showtimes on trailer page ***********/
#trailer_showtime
{
	text-align: left;
}

/*********** validator ***********/
#validator
{
	margin: 0;
	padding: 5px;
}

/*********** wrapper ***********/
#wrapper
{
	background-color: #ffffff;
	border: 1px solid #086e40;
	color: #666666;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", tahoma, arial, sans-serif;
	font-size: 12px;
	margin: 2px auto;
	padding: 0;
	width: 639px;
}
