* {
	padding: 0;
	margin: 0;
	outline: none;
}

body {
	font-size: 62.5%;
	font-family: arial;
	background: #171717;
	color: #373c3a;
}

img { border: 0; }

.sprite {
	display: block;
	height: 0;
	overflow: hidden;
}

#takeover-layer {
	position: fixed; 
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: #000;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 200;
}

#takeover {
	position: fixed;
	top: 60px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	height: 448px;
	z-index: 200;
}

#contentcontainer, #content {
	text-align: left;
	
}

#contentcontainer {
	background: #000 url(../images/keyart.jpg) no-repeat center 35px;
	border-bottom: 5px solid #0D0D0D;
}

#content {
	background: #000 url(../images/keyart.jpg) no-repeat center 35px;
	margin: 0 auto;
	width: 1000px;	
	height: 909px;
	}

#social {
	width: 100%;
	height: 35px;
	background: #000;
	position: relative;
}

#facebook-recommend {
	width: 550px;
	margin: 0 auto 0 -275px;
	padding: 4px 0 0;
	position: absolute;
	left: 50%;
	background: transparent;
}

#inner-content {
	float: left;
	width: 1000px;
	margin: 0 auto;
	/* height: 742px; */
}

	#main-content {
		float: left;
		width: 700px;
	}
	
	h1 {
		clear: both;
		width: 700px;
		height: 0;
		padding: 740px 0 0;
		margin: 0;
		overflow: hidden;
		display: block;
		cursor: pointer;
	}
	#menu {
		float: left;
		width: 258px;
		padding: 21px 0 0;
		list-style-type: none;
	}
	
		#menu ul { list-style-type: none; }
	
		#menu li#enterthesite {
			width: 258px;
			padding: 6px 0 12px;
			border: 1px solid #838b8d;
			background: #415053 url(../images/bg-enterthesite.jpg) repeat-x;
			cursor: pointer;
		}
		
			#menu li#enterthesite p { text-align: center; }
		
			#menu li#enterthesite p.enter { font-size: 2.8em; }
			#menu li#enterthesite p.bla { font-size: 1.7em; }
		
			#menu li#enterthesite a {
				text-decoration: none;
				color: #fff;
				font-weight: bold;
				text-align: center;
			}
			
				#menu li#enterthesite a span {
					font-size: 0.6em;
				}
				
			#menu li#enterthesite #enterthesite-video {
				width: 232px;
				height: 94px;
				margin: 8px auto 0;
				display: block;
			}
	
		#menu li a.button {
			width: 257px;
			height: 30px;
			padding: 13px 0 0;
			display: block;
			text-align: center;
			font-family: 'helveticaNeue', arial;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
			font-size: 1.5em;
			background: url(../images/bg-button.png) no-repeat 0 -4px;
		}
		
			#menu li a.button:hover { background-position: 0 -46px; }
		
		#menu li a#watch-trailer {
		}
		
			/* #menu li a#watch-trailer:hover { background-position: 0 -44px; } */
			
		#menu li a#watch-restrictedtrailer {
			padding: 0 0 12px;
		}
			#menu li a#watch-restrictedtrailer span {
				color: #d22f2d;
			}
		
			/* #menu li a#watch-restrictedtrailer:hover { background-position: 0 -44px; } */
			
		#menu li a.watchops {
			clear: both;
			width: 258px;
			height: 0;
			padding: 90px 0 0;
			margin: 4px 0 0;
			overflow: hidden;
			display: block;
			background: url(../images/button-watchops.png) no-repeat;
		}
		
		#menu li a#watch-videogametrailer {
			padding: 9px 0;
			height: 52px;
			font-size: 1.2em;
			background: url(../images/bg-button-bigger.png) no-repeat 0 -1px;
		}
		
			#menu li a#watch-videogametrailer:hover {
				background-position: 0 -71px;
			}
		
		#menu li a#watch {
			padding: 15px 0 0;
			height: 46px;
			font-size: 1.2em;
			background: url(../images/bg-button-big.png) no-repeat 0 0;
		}
		
			#menu li a#watch:hover {
				background-position: 0 -61px;
			}
			
		/* connect and share */
			
		#menu li#connect-share, #menu .connect-hover {	
			width: 259px;
			margin: 0 auto;
			z-index: 0;
			cursor: pointer;	
			background: url(../images/bg-button-big.png) no-repeat 0 0;
		}
		
		#menu li#connect-share {
			position: relative;
			z-index: 0;
		}
		
			#menu .connect-hover { background-position: 0 -60px !important; }
			
			#menu .connect-expanded {
				width: 257px !important;
				/*background: #838b8d !important;*/
			}
			
				#menu .connect-expanded .aesthetics {
					background: #465559 url(../images/bg-connectandshare.jpg) repeat-x !important;
					/* padding: 1px 0 8px; */
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
					padding: 1px;
				}

			
			#menu li#connect-share p {
				text-align: center;
				font-family: helveticaNeue, arial;
				font-size: 1.3em;
				color: #fff;
				padding: 11px 0 9px;
				font-weight: bold;
			}
			
			#menu li#connect-share #arrow {
				position: absolute;
				width: 33px;
				height: 0;
				padding: 34px 0 0;
				overflow: hidden;
				display: block;
				background: url(../images/arrow.png) no-repeat 0 0;
				display: none;
				left: 7px;
				top: 15px;
				z-index: 1;
			}				
		
			#menu #share {
				clear: both;
				width: 190px;
				height: 16px;
				float: none;
				padding: 0 0 7px 65px;
				list-style-type: none;	
				background: url(../images/share.png) no-repeat 70px 0;
				z-index: 1;
			}
			
				#menu #share li { float: left; padding-left: 5px; }
				
					#menu #share li a { 
						width: 16px;
						height: 0;
						padding: 16px 0 0;
						overflow: hidden;
						display: block;
						z-index: 1;
					}
					
						#menu #share li a.sharetwitter_button, #menu #share li a.sharedelicious_button { width: 15px; }
			
			#menu #connect-share-extras { 
				position: relative;
				display: none; 
				overflow: auto; 
				padding: 0 0 9px; 
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
					}
			
			#menu #connect-container {
				width: 241px;
				padding: 4px;
				margin: 8px auto 0;	
				z-index: 0;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			
				#menu #connect { 
					width: 213px;
					background: #2F2F2F;
					padding: 8px 10px 1px;
					border: 3px solid #4D4D4D;
					list-style-type: none;
					display: block;
					float: none;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
				}
				
					#menu #connect li a {
						width: 219px;
						background: url(../images/button-social.jpg) no-repeat;
						height: 36px;
						display: block;
						text-align: center;
						font-size: 1.3em;
						text-decoration: none;
						color: #484847;
						margin: 0 0 7px;
						z-index: 1;
					}
					
						#menu #connect li a span { 
							position: relative; 
							font-family: "helveticaNeue", arial;
							font-weight: bold;
						}
						
							#menu #connect li a.fanfacebook_button span { top: -2px; }
							#menu #connect li a.followtwitter_button span { top: -1px; }
							#menu #connect li a.followyoutube_button span { top: -4px; }
							#menu #connect li a.followmyspace_button span { top: -3px; }
					
						#menu #connect li a img { margin: 9px 0 0 4px; }
						
							#menu #connect li a img.facebook { margin: 9px 0 0 5px; }							
							#menu #connect li a img.youtube { margin-top: 7px; }
							
			#menu #getglue-container {
				width: 234px;
				border: 1px solid #758387;
				padding: 13px 0 13px 7px;
				margin: 9px 0 0 6px;
				background: #637275;
				z-index: 0;
				float: left;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			
				#menu #getglue-container img { float: left; }
				
				#menu #getglue-container #exclusive {
					float: left; 
					width: 160px;
					padding: 0 0 0 5px;
				}
				
					#menu #getglue-container #exclusive p {
						padding: 0;
						margin: 0;
					}
				
					#menu #getglue-container #exclusive p.check-in {
						padding: 15px 0 0;
						font-size: 1.3em;
					}
					
					#menu #getglue-container #exclusive p.bla-sticker {
						padding: 0 0 5px;
						font-size: 1.1em;
						color: #e6e3d1;
					}
		/* get tickets and showtimes */		
		#menu li#gettickets, #menu .gettickets-hover {	
			width: 257px;
			margin: 4px auto;
			z-index: 0;
			cursor: pointer;	
			background: url(../images/bg-button.png) no-repeat 0 -2px;
		}
			#menu #gettickets {
				position: relative;
				z-index: 0;
			}
			#menu .gettickets-hover { 
				background-position: 0 -46px !important; 
			}
			#menu #gettickets p {
				color: #FFFFFF;
				font-family: helveticaNeue,arial;
				font-size: 1.4em;
				font-weight: bold;
				height: 30px;
				padding: 12px 0 0;
				text-align: center;
			}
			#menu #gettickets #arrow {
				position: absolute;
				width: 32px;
				height: 0;
				padding: 34px 0 0;
				overflow: hidden;
				display: block;
				background: url(../images/arrow.png) no-repeat 0 0;
				display: none;
				left: 8px;
				top: 6px;
				z-index: 100;
			}
			#menu .gettickets-expanded .gettickets-hover{
				width: 257px !important;
			}
			
				#menu .gettickets-expanded .aesthetics {
					background: #121212 url(../images/bg-connectandshare.jpg) repeat-x !important;
				}
				
			#menu #getticketswidget-container {
				/* display: none; */
				overflow: auto;
			}
				#menu #getticketswidget {
					display: block;
					margin: 0 auto;
					position: relative;
					height: 355px;
					width: 257px;
					z-index: 1;
				}
			
				
			#menu a#register {
				clear: both;
				font-size: 1.3em;
			}			
			#menu a#wwrd {
				clear: both;
				font-size: 1.3em;
			}
			
			#menu a#preorder {
				clear: both;
				font-size: 1.1em;
				padding: 3px 0;
			}
				
	#menu li a.sphe {
		height: 142px;
		background: url(../images/perSPEctive-bg.png) no-repeat;
		margin: 5px 0 5px;
		overflow: hidden;
		display: block;
		text-indent: -9999px;
		
	}	

	#menu li a.urbandaddy_button {
		height: 142px;
		background: url(../images/button-urbandaddy.jpg) no-repeat;
		margin: 0 0 10px;
		overflow: hidden;
		display: block;
		text-indent: -9999px;		
	}

	#menu li p#urbandaddy-disclaimer {
		color: #977E61;
	}
	
		#menu li p#urbandaddy-disclaimer a { color: #977E61; }
	
	#inner-footer {
		clear: both;
		width: 700px;
		margin: 0 auto;
		padding: 40px 0 0;
		overflow: hidden;
	}

		#inner-footer a {
			color: #373c3a;
		}
		
		#inner-footer ul {
			height: 40px;
			list-style-type: none;
			padding: 0 0 0 170px;
		}
		
			#inner-footer ul li {
				float: left;
				padding: 0 0 0 30px;
			}
			
				#inner-footer ul li.listfirst { padding: 0 0 0 115px; }
				
				#ratings {
					clear: both;
					padding: 10px 0 0 200px;
					overflow: hidden;
					margin-left: 0;
				}
					#ratings img {
						float: left;
						padding: 0 0 0 10px;
					}
						#ratings p {
							color: #977E61;
							float: left;
							margin: 3px 0 0 10px;
							width: 280px;
						}
							#ratings p a {
								color: #977E61; 
							}
							


/** FOOTER **/
#footer, #footer a { color: #373c3a; }	
#footer #footerlegal { border-top: 1px solid #373c3a; }
#footer #footerinfo li, #footer #footerlegal ul li { border-left: 1px solid #373c3a; }