@charset "UTF-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100.1%;
	color: 663300;
}
p {
	font-size: 0.9em;
	text-align: left;
	line-height: 1.6em;
	color: #663300;
}

#wrapper {
	width: 883px;
	height: 100%;
	border: solid;
	border-width: 1px;
	border-color: #663300;
	padding-left: 18px;
	padding-right: 18px;
}

#header {
	height: 80px;
	position: relative;
}
#main {
	width: 883px;
	height: 517px;
	background-color: #E4E678;
	position: relative;
	margin-bottom: 18px;
	padding-bottom: 50px;
}
#mainBio {
	width: 883px;
	height: 600px;
	background-color: #E4E678;
	position: relative;
	margin-bottom: 18px;
}
#mainPortfolio {
	width: 883px;
	height: 700px;
	background-color: #E4E678;
	position: relative;
	margin-bottom: 18px;
}

#logo {
	position: absolute;
	top: 20px;
	left: 0px;
}


#nav {
	height: 49px;
	position: absolute;
	top: 4px;
	left: 344px;
}
h1 {
	font-size: 0.85em;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 10px;
	color: #663300;
	letter-spacing: .1em;
}
h2 {
	font-size: .8em;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #663300;
	letter-spacing: 0.1em;
}
.splash {
	position: absolute;
	top: 141px;
	left: 55px;
}

/*navigation starts. Navigation is all css with background images*/
	
	
.buttons {
	list-style: none;
	background: #fff;
}
.buttons li {
	padding: 0;
	margin: 0;
	height: 49px;
	list-style: none;
	background-repeat: no-repeat;
	text-align: right;
}
.buttons li a, .buttons li a:visited{
	display: block;
	text-decoration: none;
	height: 49px;
	background-repeat: no-repeat;
}
.home {
	background-image: url(images/nav01_over.gif);
	width: 127px;
}
.home a {
	background-image: url(images/nav01.gif);
}
.homeStat {
	background-image: url(images/nav01_over.gif);
	width: 127px;
}
.portfolio {
	background-image: url(images/nav02_over.gif);
	width: 127px;
}
.portfolio a {
	background-image: url(images/nav02.gif)
}
.portfolioStat {
	background-image: url(images/nav02_over.gif);
	width: 127px;
}
.bio {
	background-image: url(images/nav03_over.gif);
	width: 125px;
}
.bio a {
	background-image: url(images/nav03.gif);
	width: 125px;
}
.bioStat {
	background-image: url(images/nav03_over.gif);
	width: 125px;
}
#wn {
	position: absolute;
	width: 665px;
	top: 95px;
	left: 120px;
	height: 500px;
	overflow: hidden;
}
#wn2 {
	position: absolute;
	width: 640px;
	top: 85px;
	left: 120px;
	height: 600px;
	overflow: hidden;
}
a {
	color: #D56537;
}

.contact{
	background-image: url(images/nav04_over.gif);
	width: 120px;
}
.down {
	position: absolute;
	top: 425px;
	left: 137px;
}
.up {
	position: absolute;
	top: 425px;
	left: 117px;
}
.down2 {
	position: absolute;
	top: 630px;
	left: 137px;
}
.up2 {
	position: absolute;
	top: 630px;
	left: 117px;
}
.contact a {
	background-image: url(images/nav04.gif)
}
.contactStat {
	background-image: url(images/nav04_over.gif);
	width: 120px;
}

ul.buttons li a:hover {background: none;}
.buttons li {float: left;}
.buttons:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contact {
	position: absolute;
	top: 240px;
	left: 165px;
}
#text {
	width: 665px;
	position: absolute;
	top: 95px;
	left: 120px;
}