/* CSS Document */

html, body {
		
		height:100%;
		
}


	.fade[class] {
	
	position:fixed;
	top:0px;
	background:url('ide_fade.png');
	z-index:1000;
	width:100%;
	height:100%;
	
	}
	
	
	.fade {
	
	display:none;
	position:absolute;
	top:expression( ( ignoreMe = document.documentElement.scrollTop) + 'px' );
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ide_fade.png, sizingMethod='scale');*/
	background:url('ide_fade.png');
	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;
	
	}