* {	padding:0;margin:0;}

body {
	background:#9AE4E8 url('img/bg.png') top left no-repeat;
	font-family:Tahoma,"Trebuchet MS",Trebuchet,"Lucida Grande",Verdana,sans-serif;
	color:#212d4b;
	overflow-x:hidden;
	overflow-y:auto;
}

h1 {background:transparent url('img/title.png') top right no-repeat;
	height:150px;
	text-indent:-9999px;
	margin-right:150px;
}
h2 {display:none;}
#header {background:transparent url('img/logo.png') top right no-repeat;
	height:180px;
}

#wrap {text-align:left;width:1010px;margin:0 auto;}

#main {
	position:relative;
	width:1000px;
	height:522px;
	background:#eee;
	margin:0 auto;
	overflow:hidden;
	background:#fff url('img/empty.png') top left no-repeat;
	border:1px solid #ccc;
}

#bg1 {background:transparent url('img/1024x768.png') top left no-repeat;display:none;}
#bg2 {background:transparent url('img/1280x1024.png') top left no-repeat;display:none;}
#bg3 {background:transparent url('img/1680x1050.png') top left no-repeat;display:none;}
#bg4 {background:transparent url('img/1900x1200.png') top left no-repeat;display:none;}
#bg5 {background:transparent;display:none;}
.layer {
	position:relative;
	width:1000px;
	height:523px;
	top:0px;
	left:0px;
	z-index:1000;
}
#check {position:relative;top:0;left:0;z-index:10;float:left;white-space:pre}
#check img {zfloat:left;}

.control {
	position:absolute;
	width:520px;
	right:-450px;
	z-index:2000;
}

.control .label {
	cursor:pointer;
	position:relative;
	width:50px;
	height:50px;
	top:18px;
	left:18px;
	text-align:center;
	font-size:30px;
	color:#fff;
	MozUserSelect: none;
}

.control .content {
	position:relative;
	top:-35px;
	width:415px;
	left:15px;
	margin-left:70px;
	font-size:20px;
}

.control .content p {
	padding-bottom:5px;
}

div.control .button {
	cursor:pointer;
	border:2px solid #212d4b;
	padding:2px 4px;
	background:#43A7FB;
	color:#fff;
	-moz-border-radius:8px;
}

.ctrl_layer {
	border:3px solid #ccc;
}

#source {top:150px;background:transparent url('img/float-red.png') top left no-repeat;zcolor:#fff;}
#resolution {top:270px;background:transparent url('img/float-green.png') top left no-repeat;}
#brag {top:390px;background:transparent url('img/float-orange.png') top left no-repeat;}
#wtf {top:520px;background:transparent url('img/float-blue.png') top left no-repeat;}

.ajax {background:transparent url('img/ajax.gif') center center no-repeat;}

#footer {margin-top:10px;text-align:center;font-size:20px;}
#footer img {
	border:0px;
}

#resolution .button {font-size:14px}

#brag_text {font:12px monospace;word-spacing: -1px}
#brag a {text-decoration:none;}
#brag label {background:#FBC773;}

.center {text-align:center}

#msie {display:block;position:absolute;z-index:9999;top:0;left;0;width:100%;height:100%;background:yellow;padding:20px;font:60px sans-serif;text-align:center;line-height:0px;}
#msie small {font-size:10px}
#noscript {display:block;text-align:center;font-size:30px;width:50%;padding:10% 25%;}
#preload {position: absolute;left:-9999px;top:-9999px;height:1px;width:1px;}