#navbar ul#menu	{
	height: 30px;
	width: 700px;
	background: transparent url(images/nav.gif) top left no-repeat;
	position: relative;
}

#navbar ul#menu li {
	list-style: none;
	position: absolute;
	top: 0px;
}
	
ul#menu li, ul#menu a {
	height: 30px;
	display: block;
}
	
#navbar ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
#home	{left: 148px; width: 56px;}
#paintings {left: 231px; width: 87px;}
#giclees {left: 343px; width: 70px;}
#about	{left: 439px; width: 101px;}

#home a:hover	{background: transparent url(images/nav.gif) -148px -40px no-repeat;}
#paintings a:hover {background: transparent url(images/nav.gif) -231px -40px no-repeat;}
#giclees a:hover {background: transparent url(images/nav.gif) -343px -40px no-repeat;}
#about a:hover {background: transparent url(images/nav.gif) -439px -40px no-repeat;}


body.home #home {background: transparent url(images/nav.gif) -148px -40px no-repeat;}
body.paintings #paintings {background: transparent url(images/nav.gif) -231px -40px no-repeat;}
body.giclees #giclees {background: transparent url(images/nav.gif) -343px -40px no-repeat;}
body.about #about {background: transparent url(images/nav.gif) -439px -40px no-repeat;}