#navigation {
	height: 30px;
	background: url(../grfx/menu.gif) bottom left repeat-x;
}

#navigation ul {
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 4;
	top: 105px;
	left: 0;
}

#navigation li {
	float:left;
	list-style:none;
	font-weight:bold; /* font properties added to fool IE */
	margin: 0px;
	padding: 0;
	border: 0px;
	text-align: center;
}

#navigation li a {
	margin: 0px;
	padding: 7px 8px 0px 9px;
	border: 0px;
	display: block;
	height: 29px;
	color: #fff;
	text-decoration: none;
	background: url(../grfx/nav/navbg.gif) right top no-repeat;
}

/* ie needs a width otherwise the navigation breaks */
* html #navigation li a {
	width: 30px;
}

#navigation li a:hover {
	background: url(../grfx/nav/navbg-over.gif) right top no-repeat;
}

#navigation li a#home {
	width: 35px;
}

#navigation li a#about {
	background: url(../grfx/nav/about.gif) right top no-repeat;
	width: 48px;
}

#navigation li a#about:hover {
	background: url(../grfx/nav/about-over.gif) right top no-repeat;
} 

#navigation li a#contact {
	background: url(../grfx/nav/navbg.gif) left top no-repeat;
}

#navigation li a#contact:hover {
	background: url(../grfx/nav/navbg-over.gif) left top no-repeat;
} 

#newsletter {
	top:27px;
	left:600px;
	color:#FFFFFF;
	position:absolute;
	z-index:3;
	font-weight:bold;
	font-size:0.7em;
	line-height:0.7em;
}