html { 
	width: 100%; height: 100%; 
	margin: 0; padding: 0; 
}

body {
	width: 100%; height: 100%; 
	margin: 0; padding: 0; 
	background: #ededed url('/bg.gif') repeat-x 50% 50%;
	font: 72%/1.4em Helvetica, Arial, sans-serif; 
}

#frame { 
	width: 100%; height: 100%; 
	position: relative; 
	margin: 0; padding: 0; 
	text-align: center; 
	overflow: hidden;
}

/*#frame[id]{ display: table; position: static; }*/

#main {
	position: absolute; top: 50%; left: 50%;
	width: 820px; height: 520px; 
	margin: auto; padding: 0;
	text-align: center;
}

/*#main[id] { display: table-cell; vertical-align: middle; }*/

#content {
	position: relative; top: -50%; left: -50%;
	width: 100%; height: 520px; 
	 margin: 0; padding: 26px 0 0; 
}

#content[id] { padding-top: 13px; }

#branding { 
	position: absolute; top: 0; left: 0; 
	margin: 26px 0 0; padding: 0;
	width: 250px; 	height: 495px; 
	background: transparent url('/imgs/swirl.jpg') 0 0 no-repeat; 
}

#branding[id] { margin-top: 13px; }

#branding #tagline {
	margin: 138px 0 0; padding: 0;
	width: 250px; height: 40px; line-height: 40px;
	background: transparent url('/imgs/tagline.gif') 0 0 no-repeat; 
	text-indent: -9999px;
}

#warning {
	position: absolute; top: 0; left: 250px;
	margin: 0; padding: 0; 
	width: 500px; height: 495px;
	text-align: left;
}

#warning h1 {
	margin: 145px 0 0; padding: 0;
	color: #bc78b5;
}

#warning p {
	color: #717f81;
}

#warning a,
#warning a:link,
#warning a:active,
#warning a:hover,
#warning a:visited {
	color: #a17dba;
	text-decoration: none;
}