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


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Courier new, courier, Sans-serif;

	line-height:inherit;
}

:focus {outline: 0;}
html, body {height:100%;}
ol, ul {list-style: none;}

body {
	background-color:#000000;
	margin:0;
	padding:0;
	}
	
	
/* ///////////////////////////////////////////////////////////////////////////////////////////
MAIN STUFF    MAIN STUFF    MAIN STUFF    MAIN STUFF    MAIN STUFF    MAIN STUFF    MAIN STUFF
/////////////////////////////////////////////////////////////////////////////////////////////*/

#centering{	
	width:1px;
	height:50%;
	margin-bottom:-311px; /* half of container's height */
	float:left;
		}
#container{
	position:relative;
	clear:left;
	margin:0 auto;
	width:800px;
	height:622px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
}

#navContainer{
	position:relative;
	top:42px;
	left:202px;
	width:406px;
	height:27px;
	margin:0;
	padding:0;
}
#navigation li{
	float:left;
	display:block;
}
#navigation a:hover img {
	visibility:hidden;
}

#navigation .active img {
	visibility:hidden;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////
ABOUT        ABOUT        ABOUT        ABOUT        ABOUT        ABOUT        ABOUT        ABOUT                   
/////////////////////////////////////////////////////////////////////////////////////////////*/

#aboutSynopsis{
	position:relative;
	top:75px;
	left:160px;
	background-image:url(../images/about-synopsis.jpg);
	width:501px;
	height:438px;
}

#aboutCast{
	position:relative;
	top:75px;
	left:160px;
	background-image:url(../images/about-castcrew.jpg);
	width:501px;
	height:438px;
}

#aboutMoreImg a{
	position:absolute;
	right:53px;
	width:110px;
	height:65px;
}

#aboutSynopsis #aboutMoreImg a:hover img {
	visibility:hidden;
}

#aboutCast #aboutMoreImg a:hover img {
	visibility:hidden;
}
#text{
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	padding:90px 0 0 12px;
	line-height:12px;
}

#textCredits .castSmall{font-size:10px;}
#textCredits .castBig{font-size:17px;font-weight:bold;}

#textCredits{
	width:100%;
	color:#FFFFFF;
	line-height:13px;
	font-weight:bold;
	text-align:center;
	padding:230px 0 0 0;
}

.textBig{

	font-size:16px;

}

#home{
	position:relative;
	top:75px;
	left:160px;
	background-image:url(../images/homebg.jpg);
	width:501px;
	height:438px;
}

#preview{
	position:relative;
	top:75px;
	left:160px;
	width:501px;
	height:438px;
	margin:0;
	padding:0;
}

#photos{
	position:relative;
	top:75px;
	left:160px;
	width:501px;
	height:438px;
	

}

#contact{
	position:relative;
	top:75px;
	left:160px;
	background-image:url(../images/contact-email.jpg);
	width:501px;
	height:438px;
}
.thumb{

	padding:5px;
	background-color:#675748;
	margin-top:20px;
}

#photos td a{color:#FFFFFF;font-weight:bold;text-decoration:none;}
#photos td a:hover{text-decoration:underline;}

#footer{
width:100%;
text-align:center;
color:#333333;
font-size:9px;
font-family:verdana, arial, sans-serif;
}

#footer a{
text-decoration:none;
color:#333333;
font-size:9px;
font-family:verdana, arial, sans-serif;
}

#footer a:hover{
text-decoration:none;
color:#666666;
font-size:9px;
font-family:verdana, arial, sans-serif;
}