@charset "UTF-8";
/* CSS Document */

#main {
	width: 910px;
height: 635px;
margin: auto;
background-image: url(images/home-background.jpg);
}

#about {
	width: 910px;
height: 635px;
margin: auto;
background-image: url(images/about-background.jpg);
}

#cast {
	width: 910px;
height: 635px;
margin: auto;
background-image: url(images/cast-background.jpg);
}

#gallery {
	width: 910px;
height: 635px;
margin: auto;
background-image: url(images/gallery-background.jpg);
}

#press {
	width: 910px;
height: 635px;
margin: auto;
background-image: url(images/press-background.jpg);
}

#contact {
	width: 910px;
height: 635px;
margin: auto;
background-image: url(images/contact-background.jpg);
}

#schedule {
	width: 910px;
height: 635px;
margin: auto;
background-image: url(images/schedule-background.jpg);
}


#preloadDefaultImages_home {
width: 0px;
height: 0px;
display: inline;
background-image: url(images/nav.png);
background-image: url(images/bg.jpg);
background-image: url(images/home-background.jpg);

}


#preloadDefaultImages_crew {
width: 0px;
height: 0px;
display: inline;
background-image: url(images/nav.png);
background-image: url(images/bg.jpg);
background-image: url(images/cast-background.jpg);

}

#preloadDefaultImages_gallery {
width: 0px;
height: 0px;
display: inline;
background-image: url(images/nav.png);
background-image: url(images/bg.jpg);
background-image: url(images/gallery-background.jpg);

}


#preloadDefaultImages_press {
width: 0px;
height: 0px;
display: inline;
background-image: url(images/nav.png);
background-image: url(images/bg.jpg);
background-image: url(images/press-background.jpg);

}

#preloadDefaultImages_contact {
width: 0px;
height: 0px;
display: inline;
background-image: url(images/nav.png);
background-image: url(images/bg.jpg);
background-image: url(images/contact-background.jpg);

}

#preloadDefaultImages_schedule {
width: 0px;
height: 0px;
display: inline;
background-image: url(images/nav.png);
background-image: url(images/bg.jpg);
background-image: url(images/schedule-background.jpg);

}

#preloadDefaultImages_about {
width: 0px;
height: 0px;
display: inline;
background-image: url(images/nav.png);
background-image: url(images/bg.jpg);
background-image: url(images/about-background.jpg);

}




body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#eedd6e;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	
}


h1 {
	background: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 30px;
	padding-left: 10px;
	margin: 0;
}


#navbar {
	margin: 0px;
	padding: 0px;
	background: url(nav_bg.png) repeat-x;
	height: 35px;
	width:910px;
	list-style: none;
}


#navbar li {
	float: left;
	
}


#navbar a {
	text-decoration:none;
	display:block;
	text-indent:-10000px;
	margin:0;
	padding:0;

}

#navbar #about {
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:130px;
	height:35px;
	}
	
#navbar #about:hover {
	background-position: 0 -35px;
	}	
	
#navbar #about:active {
	background-position: 0 -70px;
	}		
	
#navbar #crew {
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
	background-position: -130px 0;
	width:130px;
	height:35px;
	}
	
#navbar #crew:hover {
	background-position: -130px -35px;
	}	
	
#navbar #crew:active {
	background-position: -130px -70px;
	}	
	
#navbar #gallery {
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
	background-position: -260px 0;
	width:130px;
	height:35px;
	}
	
#navbar #gallery:hover {
	background-position: -260px -35px;
	}	
	
#navbar #gallery:active {
	background-position: -260px -70px;
	}		
	
#navbar #press {
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
	background-position: -390px 0;
	width:130px;
	height:35px;
	}
	
#navbar #press:hover {
	background-position: -390px -35px;
	}	
	
#navbar #press:active {
	background-position: -390px -70px;
	}		
	
#navbar #contact {
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
	background-position: -520px 0;
	width:130px;
	height:35px;
	}
	
#navbar #contact:hover {
	background-position: -520px -35px;
	}
	
#navbar #contact:active {
	background-position: -520px -70px;
	}
	
#navbar #schedule {
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
	background-position: -650px 0;
	width:130px;
	height:35px;
	}
	
#navbar #schedule:hover {
	background-position: -650px -35px;
	}		
	
#navbar #schedule:active {
	background-position: -650px -70px;
	}	

#navbar #home {
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
	background-position: -780px 0;
	width:130px;
	height:35px;
	}
	
#navbar #home:hover {
	background-position: -780px -35px;
	}		
	
#navbar #home:active {
	background-position: -780px -70px;
	}	
	

#footer {
width: 910px;
height: 200px;
margin: auto;
}
	
#container {
overflow:auto;
margin-left:0px;
margin-top:175px;
padding-bottom:10px;
}	

#container-3 {
overflow:auto;
margin-left:0px;
margin-top:150px;
padding-bottom:10px;
}

a, a:visited, a:active, a:link {
        color: #000;
        font-weight:bold;
        text-decoration: underline;
}
a:hover { color:#000;
}


.titleTxt {
font: Helvetica;
font-size: 11px;
font-weight: bold;
letter-spacing: 0px;
color:#000;
}

.bodyTxt {
font: Helvetica;
font-size: 12px;
letter-spacing: 0px;
line-height:20px;
color:#000000;
}

.italicTxt {
font: Helvetica;
font-size: 12px;
font-style:italic
letter-spacing: 0px;
line-height:20px;
color:#FFFFFF;
}


#mycustomscroll {
/* Typical fixed height and fixed width example */

width: 550px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 15px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 600px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #D5EADE;
margin: 0.3em auto;
padding: 15px;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #000000;
}

.vscrollerbar {
width: 10px;
background-color: #EEDD6E;
}
.hscrollerbase {
height: 10px;
background-color: #7e7d7d;
}
.hscrollerbar {
height: 10px;
background-color: #1d1d1d;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}