#menu {
    width: 540px; height: 30px;
    background:  url(../ui/sprite_navbar.gif) no-repeat;
    margin: 0 auto; padding: 0;
    position: relative;}
  #menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0px;}
  #menu li, #menu a {
    height: 30px; display: block;}


  #navhome {left: 0; width: 130px;}
  #navhome span {display: none;} 
  #navhome {text-indent: -5000px; height: 30px;}
  #navphotos {left: 131px; width: 130px;}
  #navphotos span {display: none;} 
  #navphotos  {text-indent: -5000px; height: 30px;}
  #navprofile {left: 262px; width: 130px;}
  #navprofile span {display: none;} 
  #navprofile  {text-indent: -5000px; height: 30px;}
  #navcontact {left: 393px; width: 130px;}
  #navcontact span {display: none;} 
  #navcontact  {text-indent: -5000px; height: 30px;}


  #navhome a:hover {
    background: transparent url(../ui/sprite_navbar.gif)
	0 -30px no-repeat;}
  #navphotos a:hover {
    background: transparent url(../ui/sprite_navbar.gif)
	-131px -30px no-repeat;}
  #navprofile a:hover {
  	background: transparent url(../ui/sprite_navbar.gif)
	-262px -30px no-repeat;}
  #navcontact a:hover {
    background: transparent url(../ui/sprite_navbar.gif)
	-393px -30px no-repeat;}


  #navhome a:active {
    background: transparent url(../ui/sprite_navbar.gif)
	0 -60px no-repeat;}
  #navphotos a:active {
    background: transparent url(../ui/sprite_navbar.gif)
	-131px -60px no-repeat;}
  #navprofile a:active {
  	background: transparent url(../ui/sprite_navbar.gif)
	-262px -60px no-repeat;}
  #navcontact a:active {
    background: transparent url(../ui/sprite_navbar.gif)
	-393px -60px no-repeat;}


/* NAVIGATION bar for photos */
  #subnavbox {
	position: absolute;
	right: 10px;
	bottom: 10px;
	margin: 0px;
}
/* Hide from IE5/MAc \*/
* html #subnavbox {bottom: 10px;}
/* End hide from IE5/Mac */

  #subnav  {
	width: 64px;
	height: 30px;
	background:  url(../ui/sprite_arrow_nav.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}
  #subnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0px;}
  #subnav li, #subnav a {
    height: 30px; display: block;}
	
  #back {left: 0px; width: 31px;}
  #back span {display: none;} 
  #back {text-indent: -5000px; height: 30px;} 
    
  #next {left: 33px; width: 32px;}
  #next span {display: none;} 
  #next {text-indent: -5000px; height: 30px;}  
  
  #back a:hover {
    background: transparent url(../ui/sprite_arrow_nav.gif)
	0 -30px no-repeat;}
  #next a:hover {
    background: transparent url(../ui/sprite_arrow_nav.gif) 
	-33px -30px no-repeat;}