/* CSS Document */

* { margin: 0; padding: 0; }

html {
	 height:100%; /* fix height to 100% for IE */
	 max-height:100%; /* fix height for other browsers */
	 border:0; /* remove borders */
	 font-family:verdana, arial, sans-serif; /* set default font */
	 font-size:80%; 
	 background:#4e0a01; 
	 /* hide overflow:hidden from IE5/Mac */
	 /* \*/
	 overflow:hidden; /*get rid of scroll bars in IE */
	 /* */
}

body {
	color: #fc9c2e; 
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden;
	border:0; /* remove borders */
}

#content { 
	background:#4e0a01; 
	background-image: url('graphics/twt_main_2.jpg'); 
	background-position: top left; 
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #fc9c2e; 
	padding:0; 
	border:0px none;
	margin-left:0; 
	margin-right:0; 
	margin-top:0; 
	margin-bottom:0;	
	display:block; /* set up as a block */
	height:100%; /* set height to full page */
	width:100%;
	max-height:100%;
	 /* hide overflow:hidden from IE5/Mac */
	 /* \*/
	 overflow:hidden; 
	 /* */
	position:relative; /* set up relative positioning so that z-index will work */
	left:0;
}

#foot {
	margin:0; 
	bottom:20px; 
	display:block; 
	background:#4e0a01; 
	text-align:center; 
	font-size:1em; 
	z-index:4;
}

#right {
	position:fixed; 
	right:0; 
	top:0; 
	height:100%; 
	width:200px;
	background:#7ea089; 
	font-size:1em; 
	color:#fff;
	z-index:4;
}

* html #head, * html #foot,* html #left {position:absolute;}

#content p {padding:5px;}

#content a {text-decoration:none; border:0; color:#fff;}
#content img {text-decoration:none; border:0; color:#4e0a01;}

/* Homepage classes */

/* Menu */

/* -- horizontal -- */

dl {padding:0; margin:5em 15px;}
dt {display:none;}
dd {float:left; margin:0 25px 0 0; padding:0; text-align:center;}
dd a, dd a:visited {text-decoration:bold; color:#fff;}
dd span {float:left; cursor:pointer;}

dd span.side {width:5px; height:3em; position:relative;}
dd span.side b.p1 {height:20px; width:1px; float:left; margin:5px 0; background:#4e0a01;}  
dd span.side b.p2 {height:20px; width:1px; float:left; margin:3px 0; background-image:url('graphics/button_back.jpg'); background-position: center left; background-repeat: repeat-x; border-top:2px solid #4e0a01; border-bottom:2px solid #4e0a01;}
* html dd span.side b.p2 {height:24px; he\ight:20px;}
dd span.side b.p3 {height:24px; width:1px; float:left; margin:2px 0; background-image:url('graphics/button_back.jpg'); background-position: center left; background-repeat: repeat-x; border-top:1px solid #4e0a01; border-bottom:1px solid #4e0a01;}  
* html dd span.side b.p3 {height:26px; he\ight:24px;}
dd span.side b.p4 {height:26px; width:2px; float:left; margin:1px 0; background-image:url('graphics/button_back.jpg'); background-position: center left; background-repeat: repeat-x; border-top:1px solid #4e0a01; border-bottom:1px solid #4e0a01;}
* html dd span.side b.p4 {height:28px; he\ight:26px;}
dd span.mid {height:28px; border-top:1px solid #4e0a01; border-bottom:1px solid #4e0a01; line-height:25px; padding:0 10px; background-image:url('graphics/button_back.jpg'); background-position: center left; background-repeat: repeat-x;}
* html dd span.mid {height:30px; he\ight:28px;}
dd a:hover {border:0;}
dd a:hover span.mid, dd a:hover span.side b.p2, dd a:hover span.side b.p3, dd a:hover span.side b.p4 {background-image:none; background-color:transparent; color:#f4c367;}

.menu a, .menu a:visited {text-decoration:none; cursor:pointer;}
.menu a:hover {color:#000; background:#fff;}
.menu {position:absolute; top:-50px; left:19%;}

/* -- vertical -- */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout3.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.vertmenu {
z-index:1000;
font-size:90%;
float:right;
position:relative;
top:100px;
margin:0 25px 50px 0; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.vertmenu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* hack for IE5.5 */
* html .vertmenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.vertmenu li {
position:relative;
background:#4e0a01;
height:26px;
}

/* get rid of the table */
.vertmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.vertmenu a, .vertmenu a:visited {
font-family:verdana, sans-serif;
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:149px;
color:#fff;
text-indent:5px;
border:0;
}
/* hack for IE5.5 */
* html .vertmenu a, * html .vertmenu a:visited {background:#4e0a01; width:150px; w\idth:149px;}
/* style the link hover */
* html .vertmenu a:hover {color:#f69628; background:#a0a0a0;}

.vertmenu :hover > a{
color:#f69628; 
background:#a0a0a0;
}

/* hide the sub levels and give them position absolute so they take up no room */
.vertmenu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-150px; 
}
/* make the second level visible when hover on first level list or link */
.vertmenu ul li:hover ul,
.vertmenu ul a:hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list or link */
.vertmenu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list or link */
.vertmenu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list or link */
.vertmenu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list or link */
.vertmenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* Menu end */

#director {
  float:left;
  font-size:12px; 
  font-weight:bold; 
  color:#fff;
  position:absolute; 
  margin:0; 
  top:547px;
  left:15%; 
  display:block; 
  width:100%; 
}

#starcast {
  float:left;
  font-size:20px; 
  font-weight:bold; 
  color:#f69628;
  position:absolute; 
  margin:0; 
  top:650px;
  left:14%; 
  display:block; 
  width:100%; 
}

#movietitle {
  float:left;
  font-size:63px; 
  font-weight:bold; 
  color:#fff;
  position:absolute; 
  margin:0; 
  top:550px;
  left:15%; 
  display:block; 
  width:100%; 
}

#tagline {
  float:left;
  font-size:14px; 
  font-weight:bold;
  color:#a0a0a0;
  position:absolute; 
  margin:0; 
  top:615px;
  left:19%; 
  display:block; 
  width:100%; 
}

#keycontent {
  float:left;
  font-size:16px;
  color:#ba3e00;
  position:absolute;
  z-index:1;
  border:1px single #f69628; 
  margin:0; 
  top:480px;
  left:155px; 
  display:block; 
  padding:10px;
  width:100%; 
}

.keycrew {
  position:absolute;
  border:1px single #f69628; 
  display:inline;
  top:50px;
}

.showdate {
  position:absolute;
  display:inline;
  left:16%;
}

/* Other page classes */

#trailer {
  float:left;
  position:absolute; 
  margin:0; 
  top:160px;
  left:13%; 
  display:block; 
  width:50%; 
}

#plaincontent{
	background:#4e0a01; 
	color: #fc9c2e; 
	padding:0; 
	border:0px none;
	margin-left:0; 
	margin-right:0; 
	margin-top:0; 
	margin-bottom:0;	
	display:block; /* set up as a block */
	height:100%; /* set height to full page */
	width:1052px;
	max-height:100%;
	 /* hide overflow:hidden from IE5/Mac */
	 /* \*/
	 overflow:hidden; /*get rid of scroll bars in IE */
	 /* */
	position:relative; /* set up relative positioning so that z-index will work */
	left:0;
}

#textblock {
	display:block; /* set up as a block */
	height:350px;
	max-height:350px;
	overflow:auto; /* add scroll bars as required */
	top:100px;
	left:250px;
	width:500px;
	background:#4e0a01;
	font-size:12px; 
	color:#f69628;
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:3; /* allocate a suitable z-index */
}

#textblock p {padding:5px;}
#textblock a {color:#f69628; text-decoration:underline;}