#header-image { 
	visibility: visible; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 196px;
	background-repeat: no-repeat;
}

#header-image[id] { 
	/* Transparent header, text scrolls behind it! */
	background-image: url("../page-artwork/continuum-page-header.png"); 
	position: fixed;
	z-index: 1000;
}

#IElte7 #header-image {
	/* IE7 and earlier can't handle z-index properly, so just set this to -1 and let text scroll above it. */
	z-index: -1;
}


#header-image { 
	background-image: url("../page-artwork/continuum-page-header-8bit.png"); 
}

#header-image-alt { }

#top-fadeout {
	display: none;
	position: absolute; 
	top: 0; 
	left: 0; 
}

/* For new browsers, fade text out faster as it goes up: */
#top-fadeout[id] {		
	display: block; 
	width: 100%; 
	height: 196px;
	z-index: 999;
	background-image: url("../page-artwork/top-fadeout.png");
	background-repeat: repeat-x;
	position: fixed;
}

#IElte7 #top-fadeout {
	display: none;
}


/* Disable header and show text alt for non-visual browsers */

@media all {
	#header-image-alt { display: none; }
}
@media aural, braille, tty {
	#header-image-alt { display: block; }
	#header-image { display: none; }
	#top-fadeout { display: none; }
}


#page-content { 
	visibility: visible; 
	position: absolute; 
	top: 132px; 
	left: 240px; 
	width: 480px; 
	padding-bottom: 36px; 
}

#main-buttonbar { 
	position: absolute; 
	left: 10px; 
	top: 200px; 
	width: 200px; 
}

#main-buttonbar[id] {
	position: fixed;
}

img.main-button { 
	margin: 5px 0; 
	width: 200px; 
	height: 24px; 
	border-style: none 
}