body{
	background: #726862;
}

#horizon {
	position: absolute;
	top: 50px;
	left: 0;
}
#horizon {
	width: 100%;
	/*top: 50%;
	margin-top: -30%; */
}
/*
#web-portfolio #horizon{
	margin-top: -35%;
}*/

#wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	text-align: left;
}

#content{
	margin: 1.75em 3em 1em 80px;
	background: #fff;
}
ul{
	list-style: square;
}
h1{
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(../img/header.gif) no-repeat;
	text-indent: -100000em;
}
h1 a{
	display: block;
	height: 50px;
	text-indent: -100000em;
}
#nav{
	float: left;
	width: 102px;
	margin: 1em 2em 2em 2em; 
	padding-left: 0;
	list-style: none;
}
#nav a{
	padding: 0;
	display: block;
	width: 92px;
	height: 75px;
	text-indent: -10000em;
	background-repeat: repeat-y;
	background-position: 70px 50%;
}
#nav li{
	width: 100px;
	border-left: 5px solid #bbb;
	background-repeat: no-repeat;
	margin-bottom: 0.75em;
}
#nav #web{
	background-image: url(../../images/thumbs/iowastories-t.jpg);
	}
#nav #web a{
	background-image: url(../img/web-tag.gif);
}
#nav #web a:hover, #content{
	background-image: url(../img/web-tag-over.gif);
}

#nav #print{
	background-image: url(../../images/thumbs/ahistoryv2-t.jpg);
	}
#nav #print a{
	background-image: url(../img/print-tag.gif);
}
#nav #print a:hover, #horizon{
	background-image: url(../img/print-tag-over.gif);
}
#nav #logo{
	background-position: -30px 0;
	background-repeat: no-repeat;
	background-image: url(../../images/full/dpdlogo.jpg);
	}
#nav #logo a{
	background-image: url(../img/logo-tag.gif);
}
#nav #logo a:hover, #wrapper{
	background-image: url(../img/logo-tag-over.gif);
}
#wrapper, #horizon, #content{
	background-position: -1000px -1000px;
	background-repeat: no-repeat;
}

#nav li:hover, #nav li.here{
	border-color: #B28135;
}


	
#footer{
	clear: both;
	background: #595959;
	padding: 0.75em;
	font-size: 95%;
}
#footer, #footer a{
	color: #999;
}

.clear{
	clear: both;
	height: 1px;
	line-height: 1px;
}