html { font-size: 1em; }
body { margin: 0; padding: 0; background: #ffffff; font-family: "Times New Roman", Times, serif; font-size: 1em; line-height: 1.2em; }
h1, h2, h3, h4, h5, h6, p, address { margin: 0 0 1.2em 0; padding: 0; font-weight: normal; font-style: normal; }
h2, h3, h4, h5, h6 { color: #854A3B; }
h3 { border-bottom: 1px dotted #85613B; }
h4 { margin-bottom: 0; font-weight: bold; }
ul, ol { padding-bottom: 1.2em; padding-top: 0; margin-top: 0; margin-bottom: 0; font-weight: normal; }
strong { color: #7C5B5B; font-weight: bold; font-size: 1em; }

#content a { background: #ffffff; border-bottom: 1px solid #857C3B; padding: 0; color: #85613B; text-decoration: none; display: inline-block; font-weight: bold; }
#content a:link {  }
#content a:visited { background: #ffffff; }
#content a:hover, #content a:focus { background: #ffffff; color: #857C3B; }
#content a:active { background: #ffffff; color: #E6E4D8; }

#header { background: #ffffff; color: #857C3B; text-align: center; }
	#header h1 { color: #857C3B; width: auto; text-align: right; margin: 0; padding: .5em 0 0 0; }
		#header h1 strong { color: #857C3B; font-weight: normal; 	}

#body { background: url(../images/bg-body.gif) repeat-x; }
	#narrow { width: auto; margin: 0; text-align: left; }
		#content { margin-left: 0; padding: 1em 0 0 0; }
		#navigation { float: none; width: auto; display: none; }
			#navigation ul { margin: 0; padding: 0; list-style: none; overflow: visible; }
				#navigation ul li { display: inline; }
					#navigation ul li#biography { display: none; }
					#navigation ul li#resume {  }
					#navigation ul li#portfolio { display: none; }
					#navigation ul li#contact {  }
					#navigation ul li a { display: block; float: left; width: 80px; height: 367px; margin-right: 2px; }
					#biography a { background: url(../images/navigation-biography.gif) no-repeat; }
					#biography a:hover { background: url(../images/navigation-biography-o.gif) no-repeat; }
					#resume a { background: url(../images/navigation-resume.gif) no-repeat; }
					#resume a:hover { background: url(../images/navigation-resume-o.gif) no-repeat; }
					#portfolio a { background: url(../images/navigation-portfolio.gif) no-repeat; }
					#portfolio a:hover { background: url(../images/navigation-portfolio-o.gif) no-repeat; }
					#contact a { background: url(../images/navigation-contact.gif) no-repeat; }
					#contact a:hover { background: url(../images/navigation-contact-o.gif) no-repeat; }
						#navigation ul li a strong { position: relative; left: -1000px; }
		.clear { clear: both; }