body {
	background-color:#000000;
	font:Verdana, Arial, Helvetica, sans-serif
	font-size:12px;
	color:#000000;
	margin:0px;
	padding:15px 0px 0px 0px;
}
a {
	outline:none;
}
#bodydiv {
	width:868px;
	margin-left:auto;
	margin-right:auto;
}
#contentdiv {
	float:left;
	width:880px;
	font-family:"Trebuchet MS";
	
}


#headerdiv {
	float:left;
	width:865px;
	height:171px;
	margin:0px;
	padding:0px;
	background:url(../images/header.png) no-repeat left bottom;
}

/*

Styles for leftnav

*/


#leftnav {
	float:left;
	width:159px;
	height:190px;
	background:url(../images/leftnavbg.png) no-repeat left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:15px;
	color:#000000;
	font-style:italic;
	font-size:15px;
}
#leftnav a {
	color:#000000;
	font-style:italic;
	font-size:15px;
}
#leftnav a.italic_off {
	font-style:normal;
	text-decoration:none;
}
#leftnav ul {
	float:left;
	width:159px;
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
#leftnav ul li {
	margin:0px;
	padding:11px 0px 0px 0px;
	display:block;
}
#leftnav h1 {
	font-size:17px;
	font-style:normal;
	margin:0px;
	padding:5px 0px 0px 0px;
}
#leftnav ul.level1 {
	width:149px;
	padding-left:0px;
}
#leftnav ul.level2 {
	width:134px;
	padding-left:15px;
}
#leftnav ul.level3 {
	width:124px;
	padding-left:25px;
}
#leftnav ul.level4 {
	width:100px;
	padding-left:45px;
}
#leftnav_top {
	float:left;
	width:159px;
	height:190px;
	background:url(../images/leftnavbg.png) no-repeat top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px
}
#leftnav_bottom {
	float:left;
	background:url(../images/leftnav_bottom.png) no-repeat top;
	width:159px;
	height:249px;
	margin-top:6px;
	padding-left:10px;
}
#leftnav_bottom p {
	font-style:normal;
	font-size:12px;
	line-height:18px;
	width:140px;
	margin-left:auto;
	margin-right:auto;
}


/*

Styles for main content

*/


#maincontentdiv {
	float:left;
	width:690px;
	background:url(../images/base_bg.png) repeat-y left top;
	margin:0px;
	padding:0px;
}
#inner_content {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:680px; 
	background:url(../images/splat.png) no-repeat top;
	margin:0 0 0 0;
	padding:5px 0 0 10px;
}
#inner_content ul {
	list-style-type:none;
	margin:0px 0 20px 0;
	padding:0px;
	font-size:14px;
}
#inner_content h2 {
	font-size:16px;
	margin:0px 0 0 0;
	padding:0px;
}
#inner_content p {
	width:650px;
	margin:15px auto;
}
#inner_content a {
	color:#ffffff;
}

/*

STYLES FOR INDEX PAGE

*/
#inner_left_content {
	float:left;
	font-family:"Trebuchet MS";
	width:525px;
	font-size:12px;
	margin-top:10px;
}

#inner_left_content p {
	width:300px;
}

#inner_left_content h2 {
	width:300px;
}
.leftfloat {
	float:left;
}
.rightfloat {
	float:left;
	padding-left:30px;
}
#inner_right_content {
	float:left;
	width:119px;
	height:449px;
}

#inner_right_content img {
	position:absolute;
	top:200px;
	z-index:2;
}



/*

Styles for cast page

*/
* html #castdiv { margin-left:10px;}
#castdiv {
	float:left;
	width:500px;
	margin-left:20px;
}

#castdiv table {
	float:left;
	margin:0px;
	padding:0px;
	width:400px;
}
#castdiv table tr td p {
	width:400px;
	font-size:12px;
}
#castdiv table h2 {
	font-size:14px;	
}


/*

Styles for Creative Team Page

*/
#teamdiv {
	float:left;
	padding:10px 0 0 10px;
}
#teamdiv h2 {
	margin:15px 0 0 0;
	padding:0px;
	font-size:12px;
}
#teamdiv p {
	margin:0px;
	padding:0px;
	font-size:12px;
}


/*

Styles for Spooktacular Page

*/
* html #spookdiv { 	 background:url(../images/knife_bg_ie.png) no-repeat right center;
}


#spookdiv {
	float:left;
	padding:10px 0 0 0px;
	width:670px;
	height:430px;
	background:url(../images/knife_bg.png) no-repeat right center;
}
#spookcontent {
	float:left;
	width:590px;
}
.spookimgtop{
	float:left;
}
.spookimgbottom {
	float:left;
	margin-top:40px;
}





/* STYLES FOR SLIDESHOW */

#picsdiv {
	float:left;
}

/* container for slides */
.images {
	position:relative;	
	height:320px;
	width:550px;
	float:left;	
	margin:15px;
	cursor:pointer;
	
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	
}
/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;	
	height:320px;
	width:550px;
	padding:0px;
}
/* tabs (those little circles below slides) */
.tabs {
	margin-left:0px; float:left;
}

/* single tab */
.tabs a {
	float:left;
	margin:4px;
	display:block;
	text-decoration:none;
} 	
.tabs a.current {
	background-color:#ffffff;
} 	

/* prev and next buttons */
.backward {
	float:left;
	margin-top:140px;
	background:url(../images/prev.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
}
.forward {
	float:left;
	margin-top:140px;
	background:url(../images/next.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}
 
.disabled {
	visibility:hidden !important;		
}

div.navi a {
	float:left;
	margin:3px;
	border:1px solid #ffffff;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	



/*
	Styles for reviews page

*/
* html #reviewsdiv { height:450px;}
#reviewsdiv {
	float:left;
	width:670px;
}




#reviewsdiv .tabs a {
	float:none;
	text-decoration:none;
	color:#000000;
	font-weight:bold;

	
} 	
/* root element for tabs  */
#reviewsdiv ul.tabs { 
	list-style-type:disc;
	margin:0 !important; 
	padding:0;	
	*padding-left:15px;
	width:200px; *width:185px;
	text-align:left;float:right;
}

/* single tab */
#reviewsdiv ul.tabs li { 
	float:none;
	text-align:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	
}

/* link inside the tab. uses a background image */
#reviewsdiv ul.tabs a { 
	font-size:11px;
	display:block;
	line-height:30px;
	text-align:left	;	
	text-decoration:none;
	padding:0px; 
	margin:0px;	margin-right:15px;
	position:relative;
	top:1px;
	font-size:15px;
}
#reviewsdiv ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
#reviewsdiv ul.tabs a:hover {
	color:#ffffff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#reviewsdiv  ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
	color:#ffffff !important;
	background:none;
}


div.panes div.pane {
	display:none;		
}
#reviewsdiv .panes {
	float:left;
	width:450px; border-right:1px solid #000000;
}
#reviewsdiv .panes div {
	float:left;
	width:450px;
}
#reviewsdiv .panes div p {
	width:430px;
}
#reviewsdiv .panes div img {
	margin:5px;
}
#reviewsdiv .panes div h1 {
	margin:0px;
	padding:0px;
}
#reviewsdiv .panes div h2 {
	margin:0px;
	padding:0px;
}
#reviewsdiv .panes div h3 {
	margin:0px;
	padding:0px;
}





/*

Styles for footer

*/
* html #footer { margin-left:5px;}
#footer {
	float:left;
	width:868px;
	height:78px;
	background:url(../images/footer.png) no-repeat top;
	text-align:center;
	margin:0 0 50px 0px;
	padding:20px 0 0 0;
	z-index:1;
}
#footer p {
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
#footer a {
	text-decoration:none;
	color:#000000;
}