@charset "UTF-8";

#navbar  {
	width: 100%;
	text-align: center;
	background-image: url(images/navbar/background2.png);
	background-repeat: repeat-x;
	display: block;
	height: 38px;
}
#navbar  ul {
	margin: 0 auto 0 auto;
	width: 751px;
}
#navbar   li  {
	display: inline;
	float: left;
}
#navbar a {
	display: block;
	height: 38px;
	background-position: center -38px;
	text-decoration: none;
	margin: 0;
}
#navbar  a:hover {
	background-position: center -76px;
}
#navbar  a.about {
	background-image: url(images/navbar/about.png);
	width: 139px;
}
#navbar  a.message {
	background-image: url(images/navbar/message.png);
	width: 230px;
}
#navbar  a.reading {
	background-image: url(images/navbar/reading.png);
	width: 218px;
}
#navbar  a.contact {
	background-image: url(images/navbar/contact.png);
	width: 164px;
}