/* --------------- topnav sprite begins --------------- */


#topnav {
	position:relative;
	left:0px;
	margin:0;
	padding:0;
}

#topnavbuttons {
	width:850px;
	height:22px;
	background: url(../images/topnav.png);
	margin: 0px auto; padding: 0;
	position: absolute; 
	top: 15px; 
	left:0px;
}

 #topnavbuttons li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position:absolute; 
	top:0;
}
 
#topnavbuttons li, #topnavbuttons a { height:22px; display:block; }

#paintings {left: 0; width: 105px;}
#installations {left: 106px; width: 157px;}
#community {left: 262px; width: 214px;}
#teaching {left: 476px; width: 123px;}
#about {left: 599px; width: 178px;}
#links {left: 777px; width: 72px;}


#paintings a:hover {
    background: transparent url(../images/topnav.png) -0 -22px no-repeat;}
#installations a:hover {
    background: transparent url(../images/topnav.png) -106px -22px no-repeat;}
#community a:hover {
    background: transparent url(../images/topnav.png) -262px -22px no-repeat;}
#teaching a:hover {
    background: transparent url(../images/topnav.png) -476px -22px no-repeat;}
#about a:hover {
	background: transparent url(../images/topnav.png) -599px -22px no-repeat;}
#links a:hover {
	background: transparent url(../images/topnav.png) -777px -22px no-repeat;}


#paintingsup { left:0; width: 105px;
	background: transparent url(../images/topnav.png) -0 -22px no-repeat;}

#installationsup { left: 106px; width: 156px;
	background: transparent url(../images/topnav.png) -106px -22px no-repeat;}

#communityup { left: 263px; width: 236px;
	background: transparent url(../images/topnav.png)-262px -22px no-repeat;}

#teachingup	{ left:500px; width: 114px;
	background: transparent url(../images/topnav.png) -476px -22px no-repeat;}

#aboutup { left: 615px; width: 173px;
	background: transparent url(../images/topnav.png) -599px -22px no-repeat;}

#linksup { left: 789px; width: 65px;
	background: transparent url(../images/topnav.png) -777px -22px no-repeat;}


/* ---------------  topnav sprite ends --------------- */