/* CSS Document */

/*------------------------------------------*/

body {
	margin: 30px;
	padding: 0;
	background-color: #000000;
}
img {
	border: none;
}
/*------------------------------------------*/

#wrapper {
	width: 100%;
}

#container { 
	height: 510px;
	width: 877px;
	background-image: url(../images/bg.jpg);	
	background-repeat: no-repeat;
	background-color: transparent;
}

#landing {
	height: 510px;
	width: 877px;
	background-image: url(../images/bg_home.jpg);	
	background-repeat: no-repeat;
	background-color: transparent;
}

/*------------------------------------------*/

#top {
	margin: 0;
	padding: 0;
	height: 26px;
	width: 877px;
}
/*-------------------- NAV Styles ----------------------*/
#main_nav{
	margin: 0;
	padding: 0;
	height: 42px;
	width: 877px;
	background-color: transparent;
	text-align:center;
}

#main_nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#main_nav li {
      display:inline;
      padding:0;
      float: left;
      background: none;
      text-align: center;
      margin-left: 0px;
}

#main_nav a {
      padding: 0px; 
      text-decoration: none;
      display:block;
}

#main_nav a:hover {
      background: #cbcbcb none;
}

#main_nav span {
	display: none;
}

#main_nav #home
{
  width: 107px;
  height: 42px;
  background: url(../images/home.jpg) no-repeat 0 0;
}

#main_nav #home:hover, #main_nav #home.selected
{
  width: 107px;
  height: 42px;
  background: url(../images/home_active.jpg) no-repeat 0 0;
}

#main_nav #about
{
  width: 117px;
  height: 42px;
  background: url(../images/about.jpg) no-repeat 0 0;
}

#main_nav #about:hover, #main_nav #about.selected
{
  width: 117px;
  height: 42px;
  background: url(../images/about_active.jpg) no-repeat 0 0;
}

#main_nav #trailers
{
  width: 128px;
  height: 42px;
  background: url(../images/trailers.jpg) no-repeat 0 0;
}

#main_nav #trailers:hover, #main_nav #trailers.selected
{
  width: 128px;
  height: 42px;
  background: url(../images/trailers_active.jpg) no-repeat 0 0;
}

#main_nav #photos
{
  width: 118px;
  height: 42px;
  background: url(../images/photos.jpg) no-repeat 0 0;
}

#main_nav #photos:hover, #main_nav #photos.selected
{
  width: 118px;
  height: 42px;
  background: url(../images/photos_active.jpg) no-repeat 0 0;
}

#main_nav #news
{
  width: 108px;
  height: 42px;
  background: url(../images/news.jpg) no-repeat 0 0;
}

#main_nav #news:hover, #main_nav #news.selected
{
  width: 108px;
  height: 42px;
  background: url(../images/news_active.jpg) no-repeat 0 0;
}

#main_nav #press
{
  width: 112px;
  height: 42px;
  background: url(../images/press.jpg) no-repeat 0 0;
}

#main_nav #press:hover, #main_nav #press.selected
{
  width: 112px;
  height: 42px;
  background: url(../images/press_active.jpg) no-repeat 0 0;
}

#main_nav #contact
{
  width: 187px;
  height: 42px;
  background: url(../images/contact.jpg) no-repeat 0 0;
}

#main_nav #contact:hover, #main_nav #contact.selected
{
  width: 187px;
  height: 42px;
  background: url(../images/contact_active.jpg) no-repeat 0 0;
}

/*-------------------- End NAV Styles ----------------------*/

#nav {
	margin: 0;
	padding: 0;
	height: 42px;
	width: 877px;
	background-color: transparent;
}

#subnav {
	height: 30px;
	width: 877px;
	padding: 0;
	padding-top: 35px;
	padding-bottom: 10px;
}

#leftcontent {
	width: 275px;
	float: left;
	clear: both;
}

#rightcontent {
	width: 602px;
	float: right;
}

#aboutnav {
	padding:  50px 0px 0px 35px;
	height: 20px;
	width:  100%;
}

#photosnav {
	padding:  40px 0px 0px 20px;
	height: 20px;
	width:  100%;
}

#pressnav {
	padding:  50px 0px 0px 35px;
	height: 20px;
	width:  100%;
}

.pagination {
	float: left;
	margin: 15px 0 0 35px;
}

.paginationCurrent {
	
}

.paginationLink {
	
}

.paginationNext {
	margin-left: 5px;
}

.paginationPrevious {
	margin-right: 5px;
}

.press {
	padding-top: 20px;
	float: left; /* IE 6 you suck */
	display: block;
}

.pressleft{
	width: 800px;
	padding-top: 10px;
	padding-left: 35px;
	line-height: 1.5em; 
	clear: both;
	float: left;
	display: block;
}

#pressright{
	width: 800px;
	padding-left: 35px;
	line-height: 1.5em;
	float: left;
	display: block;
}

.press_text {
	font-size: 0.8em;
	color: #ddd;
	display: block;
}

.press_title a {
	color: #f00;
	display: block;
}

.press_title a:hover {
	color: #999;
}

#news {
	float: left; /* IE 6 you suck */
	display: block;
}

#news_item{
	width: 800px;
	padding-top: 5px;
	padding-left: 35px;
	line-height: 1.2em;
	float: left;
	clear: both;
}

.news_title a {
	color: #f00;
	display: block;
}

.news_title a:hover {
	color: #999;
}

#notes {
	/* width: 100%; */
	float: left;
}

#notes p {
	margin-top: 35px;
	margin-left: 35px;
}

#contactnav {
	padding-top: 20px;
	padding-left: 30px;
	height: 20px;
	width:  100%;
}

#contactleft {
	width: 300px;
	float: left;
	clear: both;
}

#contactright{
	width: 300px;
	padding-top: 20px;
	float: right;
}

#contact{
	padding: 30px;
	padding-left: 40px;
}

#overview {
	padding: 5px;
}

#overviewleft{
	width: 233px;
	padding-top: 20px;
	padding-left: 30px;
	float: left;
	clear: both;
}

#overviewright{
	width: 525px;
	padding-left: 20px;
	float: left;
}

#filmmakersleft {
	width: 420px;
	float: left;
	clear: both;
}

#filmmakersright{
	width: 430px;
	float: right;
}

#filmmakers {
	padding: 35px;
}

#castleft {
	width: 436px;
	height:  365px;
	float: left;
	clear: both;
}

#castright{
	width: 426px;
	height:  370px;
	float: right;
}

#cast {
	padding-top: 20px;
	padding-left: 35px;
	padding-right: 35px;
}

#castimage{
	float: left;
	padding-right: 15px ;
}

#trailersnav {
	padding:  110px 0px 0px 30px;
	height: 20px;
	width:  100%;
}

#trailer {
	padding-bottom: 20px;
	height: 360px;
	width: 640px;
}

#quicktime {
	padding:  0px 0px 0px 0px;
	height: 20px;
	width:  100%;
}

#footer {
	padding-top: 60px;
	height: 20px;
}

.textarea {
	overflow: auto;
}

/* styles for form in contact.php */
#name, #email, #message {
	padding: 2px;
	background: #333333;
	border: 1px solid #777777;
}
#name, #email {
	width: 275px;
}
#message {
	width: 375px;
	height: 150px;
}