body {
background:#fff;
margin:0;
padding:0;
font-family:arial;
}

div#container {
width: 400px;
padding:30px;
}

div#container h1 {
font-family:arial;
color:#222;
font-size:18px;
}

a {
color:#006CB5;
text-decoration:none;
}


#container li{
height:54px;
list-style-type:none;
display:block;
margin:3px 0 3px 0px;
font-size: 46px;
}

li.item1 a{
background:url('csssprites.jpg') no-repeat;
background-position:0px 0px;
padding-left:58px;
}
li.item1 a:hover {
background:url('csssprites.jpg') no-repeat 0px -54px;
color:#F3AE08;
}
li.item2 a  {
background:url('csssprites.jpg') no-repeat 0px -108px;
padding-left:58px;
}
li.item2 a:hover {
background:url('csssprites.jpg') no-repeat 0px -162px;
color:#F3AE08;
}
li.item3 a  {
background:url('csssprites.jpg') no-repeat 0px -216px;
padding-left:58px;
}
li.item3 a:hover {
background:url('csssprites.jpg') no-repeat 0px -270px;
color:#F3AE08;
}
li.item4 a  {
background:url('csssprites.jpg') no-repeat 0px -324px;
padding-left:58px;
}
li.item4 a:hover {
background:url('csssprites.jpg') no-repeat 0px -378px;
color:#F3AE08;
}