body{
	margin:0 auto;
	padding:0;
}
img{
	border:0;
}
p, div{
margin:0;
padding:0;
}
#wrapper{
	width:100%;
	margin:0 auto;
}
#header{
	background:#43474a; /*dark gray*/
	height:43px;
	text-align:center;
}
#middle{
	width:477px;
	height:474px;
	margin:35px auto 0px auto;
}

.hpimglist {
	height:484px;
	padding:23px 0 0 26px;
	background:url(images/hp/hpbg.jpg) top left no-repeat #fff;
}
.hpimglist div{
	margin:0 10px 10px 0;
	float:left;
}
.hpimglist a {
	display:block; 
	width:100px; 
	height:100px; 
	position:relative;

}	
.hpimglist a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100px; 
	height:100px; 
	cursor:pointer;
}
.img0 a .rollover{	background:url(images/hp/h0on.jpg);}
.img1 a .rollover{	background:url(images/hp/h1on.jpg);}
.img2 a .rollover{	background:url(images/hp/h2on.jpg);}
.img2-1 a .rollover{	background:url(images/hp/h2-1on.jpg);}
.img3 a .rollover{	background:url(images/hp/h3on.jpg);}
.img4 a .rollover{	background:url(images/hp/h4on.jpg);}
.img5 a .rollover{	background:url(images/hp/h5on.jpg);}
.img6 a .rollover{	background:url(images/hp/h6on.jpg);}
.img7 a .rollover{	background:url(images/hp/h7on.jpg);}
.img8 a .rollover{	background:url(images/hp/h8on.jpg);}
.img9 a .rollover{	background:url(images/hp/h9on.jpg);}
.img10 a .rollover{	background:url(images/hp/h10on.jpg);}

a:focus {
	outline: none;
}
        
#footer{
	width:500px;
	margin:0 auto 10px auto;
	text-align:center;
}
#footer a{
	text-decoration:none;
	font:11px Arial, Helvetica, sans-serif;
}
#footer a:link, #footer a:visited{
	color:#747474;
}
#footer a:hover{
	color:#ababab;
}

.clear{
	clear:both;
}