/************************************************************************************
GENERAL STYLING
*************************************************************************************/
* {
margin: 0;
padding: 0;
border: 0;
outline: none;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

html, body {
height: 100%;
}

body {
margin: 0 auto;
background: #000000;
font-size: 14px; 
line-height: 1.35;
font-family: Arial,Helvetica,sans-serif; 
color: #ececec;
}

#theater {
width: 100%;
height: 800px;
background: url(../_images/theater.jpg) no-repeat center top fixed;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 1;
}


#blackbox {
z-index: 5;
position: relative;
width: 100%;
margin: 0 auto;
background: #000000;
behavior: url(_css/PIE.php);/* for ie */
-moz-box-shadow: 0px -3px 20px #000000;
-webkit-box-shadow: 0px -3px 20px #000000;
box-shadow: 0px -3px 20px #000000;
display: block;
}

.container {
margin: 20px auto 0 auto;
text-align: center;
width: 50%;
font-size: 5.5em;
line-height: 1.1;
color: #ffffff;
font-family: 'Pathway Gothic One',Arial,Helvetica,sans-serif; 
text-transform: uppercase;
}