/* CSS Document */

html,body {
	height:100%;
}
#cover[id] {
	
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000;
	width:100%;
	height:100%;
	z-index:999;
	-moz-opacity:.8;
}

#cover {
	display:none;
	position:absolute;
	top:expression( ( ignoreMe = document.documentElement.scrollTop)+'px' );
	left:0px;
	background:#000000;
	width:100%;
	height:100%;
	z-index:999;
	filter:alpha(opacity=80);
	opacity:.8;
	-khtml-opacity:.8;

	
}

	.fade[class] {
	
	display:none;
	position:fixed;
	top:0px;
	background:transparent;
	z-index:1000;
	width:100%;
	height:100%;
	
	}
	
	
	.fade {
	
	display:none;
	position:absolute;
	top:expression( ( ignoreMe = document.documentElement.scrollTop)+'px' );
	background:transparent;
	z-index:1000;
	width:100%;
	height:100%;
	
	}
	
	
	
	#main { 
		
		display:none;
		width:1px;
		height:50%;
		margin-bottom:-153px; /* half of container's height */
		float:left;
		
		}
		
	#frame { 
		
		display:none;
		width:1px;
		height:50%;
		margin-bottom:-260px; /* half of container's height */
		float:left;
	}	

	#tv {
			display:none;
			margin:0 auto;	
			position:relative; /* puts container in front of distance */
			text-align:left;
			height:464px;
			width:724px;
			clear:left;
			z-index:1001;
			}

	#demo {
			display:none;
			margin:0 auto;	
			position:relative; /* puts container in front of distance */
			text-align:left;
			height:520px;
			width:875px;
			clear:left;
			z-index:1001;
			}


	#movie{
	
	display:none;
	/*margin:-80px auto;*/
	float:left;
	width:724px;
	height:464px;
	position:relative;
	top:-80px;
	z-index:1002;
	}
	
	
	
	#classic {
	
	display:none;
	float:left;
	width:875px;
	height:520px;
	
	
	}
	
	#close{
	
	display:none;
	position:relative;
	top:-49px;
	float:right;
	width:35px;
	padding-right:10px;
	z-index:10000;
	
	}
	
	#clear{
	
	display:none;
	position:relative;
	top:50px;
	float:right;
	width:35px;
	padding-right:65px;
	
	}