/* Navigation bar */

.nav-bar {
	width: 600px;
	height: 20px;
	background: url(/gfx/bar.gif) no-repeat;
	position: relative;
	padding: 0;
	margin: 0;
}
	
.nav-bar li {
	display: inline; 
	margin: 0;
	padding: 0;
}

.nav-bar li p {
  border: none;
	position: absolute;
	top: 0;
	height: 20px;
	text-indent: -9000px;
	overflow: hidden;   
}

.nav-bar li a:link, .nav-bar li a:visited {
  border: none;
	position: absolute;
	top: 0;
	height: 20px;
	text-indent: -9000px;
	overflow: hidden; 
}

/* Contact */  

.nav-bar .contact a:link, .nav-bar .contact a:visited {
	left: 16px;
	width: 54px; 
}

.nav-bar .contact a:hover, .nav-bar .contact a:focus {
	background: url(/gfx/bar.gif) no-repeat -16px -20px; 
}

.nav-bar .contact a:active {
	background: url(/gfx/bar.gif) no-repeat -16px -40px; 
}

/* Blog */
	
.nav-bar .blog a:link, .nav-bar .blog a:visited {
  left: 69px;
  width: 37px; 
}
  
.nav-bar .blog a:hover, .nav-bar .blog a:focus {
  background: url(/gfx/bar.gif) no-repeat -69px -20px; 
}
  
.nav-bar .blog a:active {
  background: url(/gfx/bar.gif) no-repeat -69px -40px; 
}
  
/* OpenSource */
  
.nav-bar .open-source a:link, .nav-bar .open-source a:visited {
  left: 105px;
  width: 84px; 
}
  
.nav-bar .open-source a:hover, .nav-bar .open-source a:focus {
  background: url(/gfx/bar.gif) no-repeat -105px -20px; 
}
  
.nav-bar .open-source a:active {
  background: url(/gfx/bar.gif) no-repeat -105px -40px; 
}