@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	background-color:#FFFFFF;
}

h1 {
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:bold;
}

#middle p, #middle p a {
	font-size:12px;
	font-weight:bold;
	color:#666666;
	line-height:14px;
	text-decoration:none;
}

#middle p a:hover  {
	background-color:#666666;
	color:#FFFFFF;
}


#container {
	position:absolute;
	float:left;
	width:800px;
	height:600px;
	left:50%;
	top:50%;
	margin:-300px 0px 0px -400px;
	background:url(../img/page_bg.jpg) no-repeat;
}

#left, #right {
	float:left;
	width:320px;
	margin-top:134px;
}

#middle {
	float:left;
	width:160px;
	margin-top:150px;
	text-align:center;
	
}

#left a {
	display:block;
	float:left;
	width:320px;
	height:280px;
	background:url(../img/but_resid_off.jpg) no-repeat;
}
#left a:hover {
	background:url(../img/but_resid_on.jpg) no-repeat;
}

#right a {
	display:block;
	width:320px;
	height:280px;
	background:url(../img/but_comm_off.jpg) no-repeat;
}
#right a:hover {
	background:url(../img/but_comm_on.jpg) no-repeat;
}



#preload {
	display:none;
}