body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	background: #000000 url(../images/back.jpg) no-repeat fixed center top;
	}

a:link { color: #d2c293; }

a:hover { text-decoration: none; color: #FFF; }

a:visited { color: #FFF; }

a:active { color: #FFF; }
	
img, a { border: none; }

#wrap {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: visible;
	background-color: #999999;
	}
	
#container {
	width: 980px;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: visible;
	float: left;
	background-color: transparent;
	}
		
#header {
	width: 930px; /*ACTUAL WIDTH 980px*/
	margin: 0; 
	padding: 25px 25px 0 25px;
	float: left;
	background-color: transparent;
	}
	
#header #title_treatment {
	margin: 19px 0 0 0; 
	padding: 0; 
	float: left; 
	background-color: transparent;
	}
	
#header #release_date {
	margin: 15px 0 0 0; 
	padding: 0; 
	float: left; 
	background-color: transparent;
	}
	
#header h1 {
	margin: 10px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #333;
	}
	

#navigation {
	width: 930px; /*ACTUAL WIDTH 980px*/
	height: 41px; /*ACTUAL HEIGHT 61px*/
	margin: 10px 0 0 0;
	padding: 20px 25px 0 25px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	float: left;
	list-style: none;
	background: transparent url(../images/background_nav.png) no-repeat top center;
	}


/* ========================== =2 MAIN NAV ========================= */


ul#nav {
	width: 930px;
	height: 23px;
	margin: 0;
	padding: 0;
	position :relative;
	list-style: none;
	font-size: 120%;
	color: #393633;
	text-align: center;
	background-color: transparent;
	}


	ul#nav li { text-align:center; display: inline;}
	ul#nav a {float: left; display:block; text-decoration:none; color: #393633;  padding: 0 14px 9px 14px; }
	 ul#nav li a.current  {color: #FFFFFF;}
 	ul#nav li a:active, ul#nav li a:focus, ul#nav li a:hover {text-decoration: underline; background: transparent; height:17px;}
 	ul#nav li:hover > ul {left:0px;}
 	ul#nav li:active > ul {left:0px;}

/* --------- Sub Nav --------- */
	ul#nav li.current ul {left:0px; margin-left: 134px;}
	ul#nav ul {height: 25px; padding: 0px; position:absolute; left:-9999px; top: 23px;  width: 930px; list-style:none; background-color: #000; font-size: 12px; z-index: 60; font-family: "Lucida Grande", Verdana, Arial, sans-serif; margin: 0px; color:#FFFFFF; }
	
	ul#nav li ul li.sub {float:left; margin:0 0 0 0; background-color: #999999; background: none;}
	ul#nav li ul li a { font-size:93%;  height:16px; padding:6px 10px 5px 10px;  margin:0px; color:#FFFFFF; background-image: none;}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Chrome rules here */
	ul#nav ul a {font-size:95%; color:#FFFFFF}
	}
	
	ul#nav ul li a:hover, ul#nav ul li a:focus, ul#nav ul li a:active {font-color:#ffffff; background-color: #333; background-image: none; height:14px; text-decoration: none; left:0px;}


#content.about #navigation #nav ul#sub_about {left:0px;}

	
/*DropLineMenu*/
	
/*
	
.droplinetabs { overflow: hidden; }
	
.droplinetabs ul#nav {
	width: 777px;
	margin: 0 auto;
	padding: 0px; 
	list-style: none;
	}
	
.droplinetabs li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: uppercase;
	}

.droplinetabs a {
	height: 21px;
	margin: 0 5px 0 0;
	padding: 7px 8px;
	text-decoration: none;
	color: #FFF;
	float: left;
	}

.droplinetabs a:hover,
#homepage .droplinetabs ul#nav li a#on_homepage,
#aboutpage .droplinetabs ul#nav li a#on_aboutpage,
#cinemaspage .droplinetabs ul#nav li a#on_cinemaspage,
#dvdpage .droplinetabs ul#nav li a#on_dvdpage,
#buypage .droplinetabs ul#nav li a#on_buypage { text-decoration: underline; background-color: #333; }


.droplinetabs ul#nav li ul {
	height: 25px;
	top: 0;
	left: 0;
	padding: 0;
	font-size: 80%;
	position: absolute;
	z-index: 100;
	visibility: hidden;
	background: #333; 
	}


.droplinetabs ul#nav li ul li a {
	height: 19px;
	margin: 0;
	padding: 6px 8px 0 6px;
	font-size: 80%;
	}
	
.droplinetabs ul#nav li ul li a.first_sublink { margin: 0 0 0 188px; }

.droplinetabs ul#nav li ul li a.second_sublink { margin: 0 0 0 375px; }

.droplinetabs ul#nav li ul li a.third_sublink { margin: 0 0 0 525px; }

.droplinetabs ul#nav li ul li a.fourth_sublink { margin: 0 0 0 247px; }

.droplinetabs ul li ul li a:hover { background: #333; }

*/


#content {
	width: 930px; /*ACTUAL WIDTH 980px*/
	margin: 0;
	padding: 55px 25px 40px 25px;
	line-height: 1.5em;
	text-align: left; /* this overrides the text-align: center on the body element. */
	float: left;
	background-color: transparent;
	}
	
#content h1 {
	margin: 0 0 10px 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size: 140%;
	color: #d2c293;
	}
	
#content h2 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size: 120%;
	color: #fff;
	}
	
#content .tabs h2 { 
	padding: 20px 0 15px 0;
	color: #d2c293;
	 }
	
#content p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0 15px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	}
	
#content ul.cinemas {
	width: 700px;
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	float: left;
	background-color: transparent;
	}
	
#content ul.cinemas li {
	width: 700px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background-color: transparent;
	}
	
blockquote {
	width: 700px;
	margin: 0 0 15px 0;
	padding: 0;
	text-transform: uppercase;
	float: left;
	background-color: transparent; 
	}
	
blockquote .source { padding: 0 0 0 5px; font-size: 80%; line-height: 1em; text-transform: none; color: #999; }
	
#content #trailer {
	width: 480px;
	height: 361px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	background-color: transparent;
	}
	
#content p.intro { padding: 0 50px; text-transform: uppercase; text-align: center; }
	
#content ul.cast_container {
	width: 700px; 
	margin: 0 auto; 
	padding: 0;
	list-style: none;
	text-align: center;
	background-color: transparent;
	}
	
#content ul.cast_container li {
	width: 60px;
	margin: 0px 35px 20px 13px;
	padding: 0;
	float: left;
	background-color: transparent;
	}
	
#content ul.cast_container li a.img_cast {
	width: 65px; /*ACTUAL WIDTH 60px*/
	height: 95px; /*ACTUAL HEIGHT 99px*/
	margin: 0px 0px 3px 0px; 
	padding: 2px;
	display: block;
	float: left;
	background-color: #999;
	}
	
#content ul.cast_container li a.img_cast:hover { background-color: #333; }

#content ul.cast_container li a.img_cast img { margin: 0; }
	
ul.cast_container li p a,
ul.cast_container li p a:hover { 
	width: 60px; 
	margin: 0;
	padding: 0;
	font: 70%/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #d2c293;
	}
	
ul.cast_container li p a:hover { color: #666; }

#content .tabs img { margin: 5px 20px 20px 0; float: left; }
	
#content #stills {
	width: 522px;
	height: 270px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	}
	
#content #stills a.img_still, 
#content #stills a.img_still:hover {
	min-height: 100px;
	margin: 5px;
	float:left;
	padding: 5px;
	background-color: #999;
	}
	
#content #stills a.img_still:hover { background-color: #333; }
	
#content img#packshot {
	width: 250px;
	height: 352px;
	margin: 0 20px 0 15px;
	padding: 0;
	float: left;
	background-color: #333;
	}
	
#retaillogos_container {
	width: 700px; 
	height: 60px; 
	margin: 20px 0 0 0; 
	padding: 0; 
	text-align: center; 
	float: left; 
	background-color: #cccccc;
	}
	
#retaillogos {
	width: 390px;
	margin: 10px auto; 
	padding: 10px 0 10px 0;
	background-color: transparent;
	float: left; 
	text-align: center; 
	}
	
#retaillogos img { margin: 0 5px; }

	
/* FORM */

#form_container,
#table_container {
	width: 700px;
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	background-color: transparent;
	}
	
form,
form.buy_now {
	width: 275px;
	margin: 0 auto;
	padding: 0;
	color: #000;
	border: none;
	background-color: transparent;
	}
	
form.buy_now { width: 610px; border: none; }
	
fieldset { 
	width: 610px; 
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px solid #000;
	}
		
#content form.buy_now fieldset h1 { 
	width: 600px; /*ACTUAL WIDTH 510px*/
	margin: 0 0 20px 0;
	padding: 3px 0 3px 10px;
	font-size: 90%;
	color: #FFF;
	float: left;
	background-color: #000;
	}
	
	label { 
	width: 60px; 
	margin: 0 8px 0 0;
	padding: 0;
	float: left;
	display: block;
	}
	
#content form.buy_now fieldset label { width: 130px; margin: 0 15px 0 60px; text-align: right; }

input { 
	width: 200px;
	margin: 0 0 20px 0; 
	padding: 0;
	float: left;
	background-color: #FFF;  
	}
	
#content form.buy_now fieldset p { width: 610px; margin: 0 0 10px 0; padding: 0; float: left; }
	
#content form.buy_now fieldset input { width: 200px; margin: 0; }

#content form.buy_now fieldset input.radio_btn { width: 20px; margin: 3px 10px 0 30px; }		

.button,
#content form.buy_now .button { 
	width: 70px;
	margin: 0 0 0 68px;
	padding: 5px;
	font-size: 110%;
	text-transform: uppercase;
	color: #FFF;
	float: none;
	background-color: darkgray;  
	}
	
#content form.buy_now .button { font-size: 90%; text-transform: none; margin: 0 0 0 500px; background-color: #000; }

	
/* Buy now */
	
table.buy_now,
#table_container p {
	width: 610px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #000;
	background-color: transparent;
	}
	
#table_container p { padding: 10px 0; border: none; }
	
#table_container p a { font-size: 70%; text-decoration: none; color: #666; }

#table_container p a:hover { text-decoration: underline; }

tr th {
	padding: 0 0 3px 10px;
	font-size: 90%;
	color:#FFF;
	background-color: #000;
	}
	
table.buy_now tr td { margin: 0; padding: 0; } 
	
table.buy_now table#summary,
table.buy_now table#total {
	width: 350px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: transparent;
	}
	
table.buy_now table#total { width: 260px; color: #FFF; background-color: #CCC; }
	
table#summary tr#heading { font-style: italic; color: #999; }
	
table#summary tr td.col1, 
table#summary tr td.col2, 
table#summary tr td.col3 {
	width: 100px;
	margin: 0;
	padding: 8px 5px;
	border: none;
	background-color: transparent;
	}
	
table#summary tr td.col2, 
table#summary tr td.col3 { width: 30px; text-align: center; background-color: transparent; }
	
table#total tr td.col1,
table#total tr td.col2 { width: 125px; padding: 8px 5px; }


table#total tr td.col1 { text-align: right; }

table#total tr td.col2 { text-align: left; }

table#total tr#equals { text-transform: uppercase; }
			
#additional_links { 
	width: 776px; /*ACTUAL WIDTH 960px*/
	height: 35px;
	margin: 0;
	padding: 0 20px 0 15px;
	float: left;
	background: url(../images/footer_back.png) repeat-x;
	}
	
ul#links,
ul#social_networks {
	width: 836px;
	height: 35px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
	float: left;
	
	}
	
ul#links { width: auto; font-weight: normal; }	
	
ul#social_networks { width: auto; margin: 6px 0 0 0; float: right; }

ul#links li,
ul#social_networks li {
	width: auto;
	height: 35px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	color: #FFF;
	float: left;
	background-color: transparent; 
	}
	
ul#links li { height: 21px; padding: 7px 5px 7px 5px; border-right: 2px solid #FFF; }
	
ul#social_networks li { margin: 0 0 0 10px; border: none; background-color: transparent; }
		
ul#links li a { color: #FFF; text-decoration: none; background-color: transparent; }

ul#links li a:hover { color: #FFF; text-decoration: underline; }
	
#footer { 
	width: 980px; 
	margin: 0;
	padding: 0;
	float: left;
	background-color: transparent;
	}

#release_line { 
	width: 425px; 
	margin: 0 auto;
	padding: 0 0 10px 0;
	background-color: transparent;
	} 
	
#footer_content { 
	width: 980px; 
	margin: 0;
	padding: 8px 0 0 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	float: left;
	border-top: 1px solid #f8f1ca;
	background-color: transparent;
	}
	
#footer .addthis_button {
	width: 270px; 
	margin: 0; 
	padding: 0; 
	float: left; 
	overflow: visible;
	background-color: transparent;
	}
	
#footer .addthis_button { margin: 5px 0 0 0; }
	
#footer .logo { text-align: right; float: right; margin-right: 30px}
	
	
#footer #release_logos {
	margin: 0;
	padding: 0;
	float: right;
	background-color: transparent;
	}
	
#footer .release_logo { margin-right: 8px; float: left; }

#footer #partnerslogos_container {
	width: 980px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
	background-color: transparent;
}

#footer #partnerslogos {
	margin: 0 auto;
	background-color: transparent;
}

	
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	}