* { margin:0; padding:0; font-size:12px; font-family:Arial; color:#FFF; line-height:default; }
body { text-align:center; background:#211D22 url('../img/face/mainBG.gif') center center repeat-x; }

#preloader { position:relative; width:100%; height:100%; min-width:980px; min-height:486px; width:expression(document.body.clientWidth < 980 ? "980px" : "100%"); height:expression(document.body.clientHeight < 486 ? "486px" : "100%"); background:#9CD3ED url('../img/face/preloaderBG.jpg') center center no-repeat; display:block; }
	#preFlash { position:absolute; top:50%; left:0; margin-top:-243px; max-width:980px; width:100%; max-width:100%; height:486px; }

#main { position:relative; width:100%; height:100%; min-width:982px; min-height:608px; width:expression(document.body.clientWidth < 982 ? "982px" : "100%"); height:expression(document.body.clientHeight < 608 ? "608px" : "100%"); }
	#topBG { position:absolute; bottom:50%; left:0; margin-bottom:304px; width:100%; height:206px; background:url('../img/face/topBG.gif') bottom repeat-x; }
	#top { position:absolute; bottom:50%; left:0; margin-bottom:304px; width:100%; height:50%; background:url('../img/face/topPic.gif') bottom center no-repeat; }
	#content { position:absolute; top:50%; left:0; margin-top:-304px; max-width:982px; width:100%; max-width:100%; height:608px; }
		#topFlash { position:relative; width:100%; height:122px; background:url('../img/face/flashBG.gif') top repeat-x; }
			#flashBG { position:absolute; top:0; left:0; width:100%; height:122px; background:url('../img/face/flashPic.gif') top center no-repeat; }
			#flashMain { position:absolute; top:0; left:0; width:100%; height:122px; }