@charset "utf-8";

html,body {
	padding:0px;
	margin:0px;
	background-color:#000;
	background-position:center;
	background-position:center -330px;
	background-repeat:no-repeat;
	
	width:100%;
	height:100%;
	min-height:300px;
}

 @media screen{	 
  body>div#bottm {position:fixed;}
  
  body>div#bottom-glow {position:fixed;}
  
  body>div#bottom-glow2 {position:fixed;}
  
  body>div#content-container {position:fixed;}
  
 }

#bottm {
	position:absolute;
	
	background-color:#000;
	background-image:url(../images/intro-bottom-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	height:50%;
	min-height:260px;
	top:50%;
	
	z-index:500;
}

#bottom-glow {
	position:absolute;
	
	background-image:url(../images/intro-glow.png);
	
	height:105px;
	width:100%;
	
	top:50%;
	margin-top:-105px;
	
	z-index:300;
}


#bottom-glow2 {
	position:absolute;
	width:100%;
	height:265px;
	
	background-image:url(../images/intro-glow-2.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	
	top:50%;
	margin-top:-265px;
	
	z-index:303;

}

#player {
	position:absolute;
	
	width:350px;
	height:400px;
	top:50%;
	left:50%;
	
	margin-top:-250px;
	margin-left:-500px;
	
}

#content-container {
	position:absolute;
	left:50%;
	margin-left:-469px;
	margin-top:-135px;
	width:938px;
}

#intro-wrapp {
	position:absolute;
	width:500px;
	left:50%;
	margin-left:-250px;
	margin-top:60px;
	text-align:center;
}

#buttons-wrapp {
	background-color:#000;
}

.intro-button {
	border:#232323 1px solid;
}

#intro-file {
	position:absolute;
	z-index:2000;

	left:50%;
	top:50%;
	
	margin-top:-430px;
	margin-left:-200px;
	
	z-index:65464;
	
	width:400px;
	height:300px;
}