﻿* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	font-size: 62.5%;
	font-family: arial;
	background: #000;
	color: #424d67;
}

img { border: 0; }

ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#contentcontainer {
	width: 100%;
	text-align: left;
	background: url(../images/splash-awards.jpg) no-repeat center 0;
}

	#contentcontainer a { color: #424d67; }

#content {
	/*background: url(../images/splash-awards.jpg) no-repeat center 0;*/
	width: 1000px;
	margin: 0 auto;	
}

	 #main-content {
		width: 980px;
		height:1745px;
		padding: 18px 0 0px 0px;
	}
	
	#top-nav {
		height:1535px;
		position:relative;
	}
	
	#enter-the-site {
		width: 168px;
		height: 0;
		padding: 48px 0 0;
		position:absolute;
		left:395px;
		top:11px;
		overflow: hidden;
		display: block;
	}
	
	#download-the-screenplay {
		width: 300px;
		height: 0;
		padding: 48px 0 0;
		position:absolute;
		left:564px;
		top:11px;
		overflow: hidden;
		display: block;
	}
	
	ul#logos {
		clear: both;
		height: 32px;
		padding: 25px 0 0 350px;
		list-style-type: none;
	}
	
		ul#logos li { 
			float: left;
			margin-left: 19px;
		}
		
			ul#logos li.listfirst { margin: 0; }
		
	p#ratings {	
		clear: both;
		padding: 10px 0 0 ;
		text-align: center;
	}
	
	ul#legal {
		padding: 8px 0 30px 267px;
		list-style-type: none;
	}
	
		ul#legal li { 
			float: left;
			border-left: 1px solid #424d67;
			padding: 0 10px;
		}
		
			ul#legal li.listfirst { 
				border: none; 
				padding: 0 10px 0 55px;
			}
			
	p#copyright {	
		clear: both;
		text-align: center;
	}

	
	/*
	#content h1 a {
		width: 583px;
		height: 0;
		padding-top: 864px;
		margin: 0 0 35px;
		overflow: hidden;
		display: block;
		background: url(../images/splash.jpg) no-repeat;
	}
	
	#sidebar {
		width: 320px;
		padding: 11px 0 0 24px;
		float: left;
	}
		
		#sidebar h2 {
			width: 258px;
			height: 0;
			padding: 61px 0 0;
			margin: 0 auto;
			overflow: hidden;
			display: block;
			background: url(../images/thesocialnetwork.jpg) no-repeat 0 0;
		}
		
			 #sidebar h2.released { background-position: 0 -86px; } 
		
		#flashcontent  {
			width: 259px;
			height: 303px;
			display: block;
			color: #fff;
		}
		
			#flashcontent a { color: #f00; }

		ul#film-menu {
			width: 320px;
			list-style-type: none;
			margin: 11px 0 0;
		}
		
			ul#film-menu li#quote {
				width: 259px;
				height: 113px;
				margin: 0 0 22px;
				overflow: hidden;
			}
			
				ul#film-menu li#quote .quote { 
					width: 259px;
					height: 113px;
				}
				
					ul#film-menu li#quote .quote1 { background: url(../images/quote.jpg) no-repeat; }
					ul#film-menu li#quote .quote2 { background: url(../images/quote2.jpg) no-repeat; }
					ul#film-menu li#quote .quote3 { background: url(../images/quote3.jpg) no-repeat; }
					ul#film-menu li#quote .quote4 { background: url(../images/quote4.jpg) no-repeat; }
					ul#film-menu li#quote .quote5 { background: url(../images/quote5.jpg) no-repeat; }
					ul#film-menu li#quote .quote6 { background: url(../images/quote6.jpg) no-repeat; }
					ul#film-menu li#quote .quote7 { background: url(../images/quote7.jpg) no-repeat; }
					ul#film-menu li#quote .quote8 { background: url(../images/quote8.jpg) no-repeat; }
					ul#film-menu li#quote .quote9 { background: url(../images/quote9.jpg) no-repeat; }
		
			ul#film-menu li#fb-recommend {
				width: 259px;
				height: 65px;
				background: url(../images/bg-recommend.jpg) no-repeat;
				margin: 0 0 8px;
			}
			
				ul#film-menu li#fb-recommend iframe {
					margin: 22px 0 0 73px;
				}
				
			ul#film-menu li#releasetime {
				width: 259px;
				height: 40px;
				margin: 0 0 11px;
			}
			
				ul#film-menu li#releasetime {
					width: 259px;
					height: 0;
					padding: 40px 0 0;
					overflow: hidden;
					display: block;
					background: url(../images/text-callout.jpg) no-repeat;
				}
										
			ul#film-menu li a {
				width: 259px;
				height: 0;
				padding-top: 43px;
				display: block;
				overflow: hidden;
			}
			
			ul#film-menu li a#enter-the-site {
				padding-top: 50px;
				background: url(../images/button-enterthesite.jpg) no-repeat;
				margin: 0 auto 10px;
			}
			
			ul#film-menu li.awards  {
			}
			
			ul#film-menu li a#sweepstakes {
				background: url(../images/button-sweepstakes.jpg) no-repeat;
			}
			
				#select-language-flags {
					width: 243px;
					height: 38px;
					padding: 49px 0 0 16px;
					background: url(../images/bg-selectlanguage.jpg) no-repeat;
				}
				
					#prev, #next, #carousel-container { float: left; }
					
					#prev {
						width: 15px;
						height: 15px;
						cursor: pointer;
					}
					
					#carousel-container {
						width: 187px;
						height: 15px;
						overflow: hidden;
						position: relative;
					}
					
						#carousel { 
							list-style-type: none;
							position: relative;
						}
						
							#carousel li { 
								float: left; 
								width: 27px;
								padding: 0 0 0 10px;
							}
								
								#carousel li a { 
									width: 27px !important;
									height: 15px !important;
									padding: 0 !important;
								}
									
							
								#carousel li img { 
									width: 27px;
									height: 15px;
									display: block;
								}
					
					#next {
						width: 15px;
						height: 15px;
						cursor: pointer;
					}
						
			
				a#select-language-button {background: url(../images/button-selectlanguage.jpg) no-repeat 0 0; }
			
				.select-language-current { background: url(../images/button-selectlanguage-down.jpg) no-repeat 0 0 !important;}	
			
				ul#select-language {
					display:none;
					clear: both;
					width: 259px;
					height: 190px;
					padding: 0;
					background: url(../images/menu-selectlanguage.jpg) no-repeat 0 -260px;
				}
				
					ul#select-language li { 
						float: left;
						width: 129px;
						height: 0px;
						overflow: hidden;
						display: block;
					}
					
						ul#select-language li.german { height: 39px; }
						ul#select-language li.portuguese { height: 39px; }
						ul#select-language li.english { height: 39px; }
						ul#select-language li.russian { height: 39px; }
						ul#select-language li.spanish { padding-top: 34px; }
						ul#select-language li.korean { height: 34px; }
						ul#select-language li.french { height: 35px; }
						ul#select-language li.chinese { height: 35px; }
						ul#select-language li.italian { height: 41px; }
						ul#select-language li.japanese { height: 41px; }
					
						ul#select-language li a {
							width: 129px;
							background: url(../images/menu-selectlanguage.jpg) no-repeat 0 0;
						}
						
							ul#select-language li.german a { background-position: 0px -36px; padding-top: 39px; }
							ul#select-language li.portuguese a { background-position: -129px -36px; padding-top: 39px; }
							ul#select-language li.english a { background-position: 0px -75px; padding-top: 39px; }
							ul#select-language li.russian a { background-position: -129px -75px; padding-top: 39px; }
							ul#select-language li.spanish a { background-position: 0px -114px; padding-top: 34px; }
							ul#select-language li.korean a { background-position: -129px -114px; padding-top: 34px; }
							ul#select-language li.french a { background-position: 0px -148px; padding-top: 35px; }
							ul#select-language li.chinese a { background-position: -129px -148px; padding-top: 35px; }
							ul#select-language li.italian a { background-position: 0px -183px; padding-top: 41px; }
							ul#select-language li.japanese a { background-position: -129px -183px; padding-top: 41px; }		
						
			
			ul#film-menu li a#trailer-and-video { background: url(../images/button-trailervideo.jpg) no-repeat 0 -43px; }	
			
				ul#film-menu li a.trailer-current { background-position: 0 0 !important; }		
				
				ul#trailer-menu {
					width: 259px;
					height: 142px;
					background: url(../images/menu-trailervideo.jpg) no-repeat;
					margin: 0;
					list-style-type: none;
					display: none;
				}
				
					ul#trailer-menu li a {
						padding: 35px 0 0;
					}
				
			ul#film-menu li a#the-music	{ background: url(../images/button-themusic.jpg) no-repeat; }
			ul#film-menu li a#about	{ background: url(../images/button-about.jpg) no-repeat; } 
			ul#film-menu li a#news	{ background: url(../images/button-tumblr.jpg) no-repeat; } 
			ul#film-menu li a#wwrd	{ background: url(../images/button-wwrd.jpg) no-repeat; } 
			ul#film-menu li a#register { background: url(../images/button-register.jpg) no-repeat; }
			ul#film-menu li a#itrailer { background: url(../images/button-watchitrailer.jpg) no-repeat; }
	*/					
		
	
	
#overlayAbout {
	display: none;
	position: fixed;
	z-index: 200;
	width: 649px;
	height: 366px;
	padding: 19px 0 0 10px;	
	background: url(../images/bg-about.png) no-repeat;
	left: 50%;
	margin-left: -330px;
	margin-top: 10%;
	outline: none;
}

* html #overlayAbout {
	background: url(../images/bg-about.gif) no-repeat;
}

#section-about {
	width: 632px;
	height: 358px;
	background: #000;
	color: #fff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}

	#section-about h1 {
		color: #415b99;
		font-weight: bold;
		font-size: 1.8em;
		padding: 55px 0 32px 60px;
		text-transform: uppercase;
	}
	
	#section-about p { 
		padding: 0 60px;
		font-size: 1.3em;
	}
