/* 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%;
	left:0px;
	
	}
	
	
	
	#main { 
		
		display:none;
		width:1px;
		height:50%;
		margin-bottom:-270px;  /* half of container's height */
		float:left;

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


	#classic {
	
	display:none;
	float:left;
	width:900px;
	height:540px;
	
	}