#nav a .img {
  margin: 20px auto;
  margin-top: -45px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}

a#nav-home .img { 
   background-image: url(images/nav-home.gif); 
}
a#nav-home:hover .img, 
a#nav-home .active .img { 
   background-image: url(images/nav-home-hot.gif);
}

a#nav-hosting .img { 
   background-image: url(images/nav-hosting.gif); 
}
a#nav-hosting:hover .img, 
a#nav-hosting .active .img {
   background-image: url(images/nav-hosting-hot.gif);
}

a#nav-clients .img { 
   background-image: url(images/nav-services.gif); 
}
a#nav-clients:hover .img, 
a#nav-clients .active .img {
   background-image: url(images/nav-services-hot.gif);
}

a#nav-contact .img { 
   background-image: url(images/nav-contact.gif); 
}
a#nav-contact:hover .img, 
a#nav-contact .active .img {
   background-image: url(images/nav-contact-hot.gif);
}

a#nav-about .img { 
   background-image: url(images/nav-about.gif); 
}
a#nav-about:hover .img,
a#nav-about .active .img {
   background-image: url(images/nav-about-hot.gif);
}