* { 
    margin: 0; 
    padding: 0; 
}

ul {margin-left: 0; padding-left: 2.5em;}

a {text-decoration: none; color:#908e8b;}

a.content {text-decoration: none; color:#FFFFFF;}


img
{  border-style: none;
}

body {
background-color: #01010a;
} 


#bg { 
    position: fixed;
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg img {
	width: 1005px;
	height:775px;
	margin-left: -502.5px;
	position: absolute;
	left: 50%;
	top:0px;
}

#header {
	position: absolute;
    width:725px;
	margin-left:-375px;
	left: 50%;

}

#header img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
    padding-left:2px;
	padding-right:2px;
    padding-top:10px;
	z-index: 1;
}

#menu { 
	position: fixed;
	top: 75px;
	width: 200px;
	left: 50%;
	margin-left:-372px;
	color:#908e8b;
	font-size:12px;
	font-family: "Al Bayan", Helvetica, Arial, Sans-serif;
	letter-spacing:1px;
	font-weight:100;
	background-color:clear;
	z-index: 90;
}

#menu2 { 
	position: fixed;
	top: 95px;
	width: 300px;
	left: 50%;
	margin-left:-260px;
	color:#908e8b;
	font-size:12px;
	font-family: "Al Bayan", Helvetica, Arial, Sans-serif;
	font-weight:100;
	background-color:clear;
	z-index: 90;
}

#narrative { 
	position: fixed;
	top: 115px;
	width: 300px;
	left: 50%;
	margin-left:-260px;
	color:#908e8b;
	font-size:12px;
	font-family: "Al Bayan", Helvetica, Arial, Sans-serif;
	font-weight:100;
	background-color:clear;
	z-index: 90;
}

#commercial { 
	position: fixed;
	top: 115px;
	width: 300px;
	left: 50%;
	margin-left:-193px;
	color:#908e8b;
	font-size:12px;
	font-family: "Al Bayan", Helvetica, Arial, Sans-serif;
	color:#FFFFFF;
	font-weight:100;
	background-color:clear;
	z-index: 90;
}

#musicvideo { 
	position: fixed;
	top: 115px;
	width: 300px;
	left: 50%;
	margin-left:-104px;
	color:#908e8b;
	font-size:12px;
	font-family: "Al Bayan", Helvetica, Arial, Sans-serif;
	font-weight:100;
	background-color:clear;
	z-index: 90;
}

#cont {
    position:relative;
	top: 75px;
    z-index:70;
    overflow:auto;
	z-index:4;
}

.box { 
    margin: 0 auto; 
    width: 500px;
    background: clear;
    font: 14px/2.8 Georgia, Serif;
}

.box2 { 
    margin: 0 auto; 
	position: fixed;
	top: 75px;
	width: 920px;
	left: 50%;
	margin-left:-460px;
    background: clear;
    font: 14px/2.8 Georgia, Serif;
}

.transbox
{
  width: 100%;
  background-color: #000000;
  filter:alpha(opacity=30);
  opacity:0.3;
  z-index:3;
}

.blackBox { 
    margin: 0 auto; 
    width: 480px;
    padding: 20px;
    padding-top: 20px;
	padding-bottom: 40px;
    background: black;
    font: 13px Georgia, Serif;
	color: white;
	
}

.whiteBox { 
    margin: 0 auto; 
    width: 500px;
    padding: 50px;
    background: white;
    font: 14px/2.8 Georgia, Serif;
}

.whiteBox A:link {text-decoration: none; color: blue;}
.whiteBox A:visited {text-decoration: none; color: blue;}
.whiteBox A:active {text-decoration: none; color: blue;}
.whiteBox A:hover {text-decoration: underline; color: blue;}

.film-title {
   	float: left;
	width: 79%;
	font-size: 14px;
	color:#ffffff;
	font-size:12px;
	font-family: "Al Bayan", Helvetica, Arial, Sans-serif;
}

.film-description {
   	float: left;
	width: 79%;
	font-size: 14px;
	color:#908e8b;
	font-size:12px;
	font-family: "Al Bayan", Helvetica, Arial, Sans-serif;
	line-height:110%;
	overflow: hidden;
}

.film-description2 {
   	float: left;
	width: 79%;
	font-size: 12px;
	color:#908e8b;
	font-size:12px;
	font-family: "Al Bayan", Helvetica, Arial, Sans-serif;
	line-height:110%;
	overflow: hidden;
}

.back-link {
   	float: right
   	width: 19%;
   	text-align: right;
	font-size: 14px;
	color:#908e8b;
	font-size:12px;
	font-family: "Al Bayan", Helvetica, Arial, Sans-serif;
}

.back-link A {
	color: white;
	position:absolute;
	margin-left:-45px;
}
