img {border:0;}
body { background-color: black; background-image: url(../images/background_y.png); background-repeat: repeat-x; background-position: center 100px; font-family:"Century Gothic", Arial, sans-serif; font-size:11px;}
a {color:white; text-decoration: underline;}
a:hover {text-decoration:none;}
a:visited {color:lightgrey;}
.clear { clear:both; }

#nav { margin:0 auto; width: 516px; height: 40px; padding: 30px 0 0 0; }
#nav li { display:inline; float:left; line-height: 10px; padding: 0 1px; cursor:pointer;}
#nav li a { color:transparent; background-repeat:no-repeat; font-size: 15px; }

#content { width: 1177px; margin: 0 auto; position:relative; height: 530px; }
#content .left { background-image: url(../images/background_left.png); width:311px; height:498px; position:absolute; top:-16px; z-index: 10;}
#content .right { background-image: url(../images/background_right.png); width:313px; height:498px; position:absolute; top:-16px; right:0; }
#content .bottom { background-image: url(../images/background_bottom.png); width:554px; height:104px; position:absolute; bottom:38px; left:310px; }
#content .top { background-image: url(../images/background_top.png); width:554px; height:86px; position:absolute; top:-16px; left:310px; }

#footer { margin: 0 auto; text-align:center; color:grey; font-size: 10px; width: 100%; line-height: 14px;}
#footer .margin { margin: 15px 0;}
#footer img { padding: 0 5px; }
#footer a:hover, #footer a, #footer a:visited, #footer a:active {text-decoration:none;}

#content_main { position:absolute; left: 310px; top: 69px; width: 554px; height: 317px;}
#content_main .main { float:left; width: 70%; }
#content_main .info { float:right; width: 30%; }
#content_main.text { overflow:hidden; background:black; color:white; line-height: 17px; height:234px; padding-bottom: 44px;}
#content_main.text p { padding: 10px 15px; }
#content_main.text ul { padding: 10px 15px; margin-left: 1px; }
#content_main.text ul li { margin-left: 0; line-height: 16px; }
#content_main.text ul.photos { list-style-type: none; padding: 0; margin-left: 0;}
#content_main.text ul.photos li { margin-left: 0; line-height: 16px; text-align:center; padding: 7px 0; }
#content_main.text ul.photos.list { padding: 15px; margin-left: 10px; }
#content_main.text ul.photos.list li { float:left; width:85px; height:45px; overflow:hidden; margin:7px; border: 1px solid white; }
#content_main.text ul.videos { list-style-type: none; padding: 0; margin-left: 0; }
#content_main.text ul.videos li { float:left; width:95%; height:265px; margin:7px; text-align:center; }
#content_main.text ul.videos li h3 { display:none; }
#content_main.text h3, #content_main.text h2 { font-size: 14px; padding:15px 7px 7px 15px; color:#4D4D4D; text-transform: uppercase; }
#content .nav { position:absolute; top: 347px; left: 310px; height: 41px; background: #ececec url(../images/content_nav.gif) no-repeat scroll left top; width: 554px; z-index:9;}

#content_main.text ul.press { margin-left:0px; }
ul.press li { border-bottom: 1px solid white; padding: 5px 0 5px 0; display:block; }
ul.press li div.main { width: 90%; float:left; }
ul.press li span { width: 100%; }
ul.press li span.type { color: #4D4D4D; }
ul.press li div.icon { width: 9%; float:right; padding-top: 7px; }
ul.downloads li { text-align:center; width: 50%; }
ul.buy_dvd li { width: 100%; }
ul.buy_dvd li img.dvd { float:left; padding: 0 15px 7px 0; }

#nav li { background-repeat: no-repeat; background-position: center -12px; cursor:pointer; height: 12px; }
#nav li.hover, #nav li:hover, #nav li.active { background-position: center 0; }
#nav li.cast { background-image:url(../images/cast.png); width: 40px;  }
#nav li.crew { background-image:url(../images/crew.png); width: 45px;  }
#nav li.story { background-image:url(../images/story.png); width: 45px; }
#nav li.trailer { background-image:url(../images/trailer.png); width: 55px; }
#nav li.music { background-image:url(../images/music.png); width: 45px; }
#nav li.press { background-image:url(../images/press.png); width: 45px; }
#nav li.buy_dvd { background-image:url(../images/buy_dvd.png); width: 65px; }
#nav li.pictures { background-image:url(../images/pictures.png); width: 65px; }
#nav li.outtakes { background-image:url(../images/outtakes.png); width: 70px; }
#nav li.downloads { background-image:url(../images/downloads.png); width: 85px; }
#nav li.contact { background-image:url(../images/contact.png); width: 67px;  }

.up, .down { cursor:pointer; }
.up { width: 50px; height:20px; position:absolute; top: 15px; right:70px; }
.down { width: 60px; height:20px; position:absolute; top: 15px; right:40px; }
.buy_now { z-index: 1; position:absolute; top: 0px; right: 110px; z-index: 1000; background-image:
   url(../images/buy_now.png); background-repeat: no-repeat; background-position: left -34px; }
.premier { z-index: 1; position:absolute; right:97px; top:177px; z-index: 1000; background-image:
  url(../images/premier_button.png); background-repeat: no-repeat; background-position: left top; }
.merchandise { z-index: 1; position:absolute; right:110px; top:47px; z-index: 1000; background-image: url(../images/buy_now.png); background-repeat: no-repeat; background-position: left -102px;  }
.merchandise.hover { background-position: left -68px;}
.buy_now.hover { background-position: left top;}
.iphone { background: transparent url(../images/iphone_button.png) no-repeat scroll top center; margin-top: 10px; }
.iphone.hover { background-position: center -29px;}

form fieldset legend { position:absolute; left: -9999px; }
#content_main.text form p { padding: 2px 2px 2px 15px; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	z-index: 100;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	z-index: 100;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}