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

ul#residents {
list-style-type: none;
width: 550px;
height: 450px;
margin: 0;
padding: 0;
padding-left: 50px;
}

li#nm1 {
position: absolute;
padding: 0;
margin: 0;
top: 300px;
width: 550px;
height: 150px;
background: url(images/residents.png) no-repeat 0 0;
}

li#nm2 {
position: absolute;
padding: 0;
margin: 0;
top: 450px;
width: 550px;
height: 150px;
background: url(images/residents.png) no-repeat 0 -150px;
}

li#nm3 {
position: absolute;
padding: 0;
margin: 0;
top: 600px;
width: 550px;
height: 150px;
background: url(images/residents.png) no-repeat 0 -300px;
}

ul#residents a { 
display: block;
width: 550px;
height: 150px;
text-indent: -9999px;
text-decoration: none;
}

li#nm1 a:hover {background: url(images/residents.png) no-repeat -550px 0;}
li#nm2 a:hover {background: url(images/residents.png) no-repeat -550px -150px;}
li#nm3 a:hover {background: url(images/residents.png) no-repeat -550px -300px;}