#sprite_menu 
{
    width: 315px; height: 35px;
    background:url('../images/sprite.png');
    margin: 0px auto; padding: 0;
    position: relative;
}

#sprite_menu li 
{
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}

#sprite_menu li, #sprite_menu a 
{
    height: 35px; 
    display: block;
}

#panel1b {left: 27px; width: 67px; }
#panel2b {left: 95px; width: 58px; }
#panel3b {left: 154px; width: 62px; }
#panel4b {left: 217px; width: 66px; }


/* Hover Classes for sprite */
  #panel1b a:hover {
    background: transparent url('../images/sprite.png')
    -27px -35px no-repeat;}
  #panel2b a:hover {
    background: transparent url('../images/sprite.png')
    -95px -35px no-repeat;}
  #panel3b a:hover {
    background: transparent url('../images/sprite.png')
    -154px -35px no-repeat;}
  #panel4b a:hover {
    background: transparent url('../images/sprite.png')
    -217px -35px no-repeat;}

/* Selected Page Classes */ 
.home
{
	background: transparent url('../images/sprite.png')
    -27px -35px no-repeat;}

.about
{
	background: transparent url('../images/sprite.png')
    -95px -35px no-repeat;}
	
.designs
{
	background: transparent url('../images/sprite.png')
    -154px -35px no-repeat;}

.contact
{
	background: transparent url('../images/sprite.png')
    -217px -35px no-repeat;}