body {background-color:#FFF; margin:0px; width:100%; height:100%; overflow:hidden;}


/*//////////////////////////////*/
/*///// BEGIN COMPONENTS ///////*/
/*//////////////////////////////*/

#container {margin:auto; width:960px; height:540px; background:url(../components/bg.png); background-repeat:no-repeat; margin-top: 50px; position:relative; padding:0px;}

#logo {width:200px; height:60px; position:absolute; bottom:0px; right:0px; border:0px #FFF solid;}

img {border:none;}

#nav {height:40px; width:960px; position:absolute; left:0px; bottom:40px;}

.nav {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-transform:lowercase; padding:5px; margin-left:5px; margin-right:0px; line-height:14px;}

.nav_sel {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-transform:lowercase; padding:5px; margin-left:5px; margin-right:0px; line-height:14px; color:#FFF; background:#3399CC; text-decoration:none;}
	
a.nav:link    {text-decoration:none; color:#333; background:url(../components/white_tile.png);}
a.nav:visited {text-decoration:none; color:#333; background:url(../components/white_tile.png);}
a.nav:hover   {text-decoration:none; color:#FFF; background:#3399CC;}


#about {width:850px; height:350px; position:absolute; top:30px; left:30px; background:url(../components/white_tile.png); padding:20px; overflow-y:scroll; border:1px solid #999;}

.about      {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:1.5em;}
.about span {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#3399CC; text-transform:uppercase;}

#trailer {width:711px; height:430px; position:absolute; top:10px; left:115px; background:url(../components/white_tile.png); padding:10px;}

#home {width:260px; height:432px; position:absolute; top:0px; right:0px; padding:60px 20px 20px 20px; background:url(../components/white_tile.png); border-left:2px solid #FFF;}
.home	   {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;	color:#666;}
.home span {font-family:Georgia, "Times New Roman", Times, serif;	font-size:16px;	color:#3399CC;}

.home a:link    {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-decoration:none;}
.home a:visited {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-decoration:none;}
.home a:hover   {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; background:#3399CC;}

#crew   {height:390px; width:258px; position:absolute; top:10px; left:15px;  background:url(../components/white_tile.png); padding:20px; border:1px #FFF solid;}
#cast   {height:390px; width:258px; position:absolute; top:10px; left:330px; background:url(../components/white_tile.png); padding:20px; border:1px #FFF solid;}
#thanks {height:390px; width:258px; position:absolute; top:10px; left:645px; background:url(../components/white_tile.png); padding:20px; border:1px #FFF solid;}

.people_header {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#FFF; background:#3399CC; text-transform:uppercase; text-align:center; margin:-8px; padding:5px;}

.people_title      {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; background:#3399CC; text-transform:uppercase; text-align:center; margin:-8px; padding:5px;}
.people_title span {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#FFF; background:#3399CC; text-transform:uppercase; text-align:center; margin:-8px; padding:5px;}

.about span a:link    {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#3399CC; text-transform:uppercase; text-decoration:none;}
.about span a:visited {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#3399CC; text-transform:uppercase; text-decoration:none;}
.about span a:hover   {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#FFF;    text-transform:uppercase; text-decoration:none; background:#3399CC;}


/*//////////////////////////////*/
/*/////// END COMPONENTS ///////*/
/*//////////////////////////////*/

/*//////////////////////////////*/
/*//// BEGIN CONTACT ITEMS /////*/
/*//////////////////////////////*/

#contact_pane	{width:350px; height:442px; position:absolute; top:0px; right:0px; background:url(../components/white_tile.png); padding:50px 5px; border-left:2px #FFF solid;}

#contact_pane_success	{width:359px; position:absolute; top:100px; right:40px; padding:20px 5px;}

input 		{font-family:Georgia, serif;	font-size:16px;	color:#666; width:97%;	border:#CCC 1px solid; 	padding:5px; margin:5px 0px;}
textarea	{font-family:Georgia, serif;	font-size:16px; color:#666;	width:97%;	border:#CCC 1px solid;	padding:5px; margin:5px 0px;}

form 		{width: 319px; margin:auto;}

.form_disclaimer	{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; 	text-align:center; line-height:1.5em; margin:5px auto; padding:5px; 
					border-top:	1px solid #FFF; border-bottom: 1px solid #FFF; width:315px;}

.contact		{font-family:Georgia, serif;	font-size:20px;	color:#FFF;		font-style:italic;	margin-top: 0px;	margin-bottom: 10px;	text-indent:20px; line-height:24px;}
.contact span	{font-family:Georgia, serif;	font-size:20px;	color:#FFF;		font-style:italic;	margin-top: 0px;	margin-bottom: 10px;	padding:0px 5px; background:#FC0;}

.contact_head	{font-family:Georgia, serif;	font-size:20px;	color:#FFF;		background:#3399CC;	margin-top: 0px;	margin-bottom: 10px;	padding:8px; border:2px #FFF solid;}

.contact_submit	{font-family:Georgia, serif;	font-size:20px;	color:#FFF; text-align:center; background:#3399CC;	padding:10px; 	width:101%; margin:5px auto; border:2px #FFF solid; cursor:pointer;}

.contact a:link		{font-family:Georgia, serif;	font-size:20px;	color:#FFF;	background:none;	margin-top: 0px;	margin-bottom: 10px;	text-decoration:none}
.contact a:visited	{font-family:Georgia, serif;	font-size:20px;	color:#FFF;	background:none;	margin-top: 0px;	margin-bottom: 10px;	text-decoration:none}
.contact a:hover	{font-family:Georgia, serif;	font-size:20px;	color:#FFF;	background:#3399CC;	margin-top: 0px;	margin-bottom: 10px;	text-decoration:none}

/*//////////////////////////////*/
/*///// END CONTACT ITEMS //////*/
/*//////////////////////////////*/

/*//////////////////////////////*/
/*/////// BEGIN LIGHTBOX ///////*/
/*//////////////////////////////*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 80; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*//////////////////////////////*/
/*//////// END LIGHTBOX ////////*/
/*//////////////////////////////*/

/*//////////////////////////////*/
/*////// BEGIN VIDEOBOX ////////*/
/*//////////////////////////////*/

#lbOverlay {position: absolute;	left: 0;	width: 100%;	background-color: #000;	cursor: pointer;	z-index:10000;}

#lbCenter, #lbBottomContainer {position: absolute;	left: 50%;	overflow: hidden;	background-color: #fff; text-align: center; padding: 5px;	z-index:11000;}

.lbLoading {background:url(videobox/css/loading.gif) #fff no-repeat center;}

#lbImage {border: 10px solid #fff;}

#lbPrevLink, #lbNextLink {display: block;	position: absolute;	top: 0;	width: 50%;	outline: none;}

#lbPrevLink {left: 0;}

#lbPrevLink:hover {background: transparent url(videobox/css/prevlabel.gif) no-repeat 0% 15%;}

#lbNextLink {right: 0;}

#lbNextLink:hover {background: transparent url(videobox/css/nextlabel.gif) no-repeat 100% 15%;}

#lbBottom {font-family: Verdana, Helvetica, sans-serif;	font-size: 10px;	color: #666;	line-height: 1.4em;	text-align: left;	border: 5px solid #fff;	border-top-style: none;}

#lbCloseLink {display: block;	float: right;	width: 66px;	height: 22px;	background: transparent url(videobox/css/closelabel.gif) no-repeat center; margin: 5px 0;}

#lbCaption, #lbNumber {margin-right: 71px;}

#lbCaption {font-weight: bold;}

/*//////////////////////////////*/
/*//////// END VIDEOBOX ////////*/
/*//////////////////////////////*/