body {
    background-color: #cfc5b9;
}

#horizon {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -305px;
	text-align: center;
	min-width: 900px;
}
#wrapper {
	position: relative;
	text-align: center;
	width: 900px;
/*	height: 380px; */
	margin: 0px auto;
}

p {
	text-align: center;
}

.menu {
	margin: 0;
	padding: 0 0 0 176px;
	list-style: none;
		text-align: center;
		width: 900px;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 37px;

	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -5000px;
	height: 37px;
	background-repeat: no-repeat;
}
.home {background-image: url(images/nav-home-on.jpg); width: 87px;}
.home a {background-image: url(images/nav-home.jpg);}
.about {background-image: url(images/nav-about-on.jpg); width: 101px;}
.about a {background-image: url(images/nav-about.jpg);}
.portfolio {background-image: url(images/nav-portfolio-on.jpg); width: 150px;}
.portfolio a {background-image: url(images/nav-portfolio.jpg);}
.contact {background-image: url(images/nav-contact-on.jpg); width: 133px;}
.contact a {background-image: url(images/nav-contact.jpg);}
.blog {background-image: url(images/nav-blog-on.jpg); width: 74px;}
.blog a {background-image: url(images/nav-blog.jpg);}
ul.menu li a:hover {background: none;}
.menu li {float: left;}