body { font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.65em; background-color: #5b5a4b; text-align: center; margin: 0; padding: 0; }
#container { text-align: left; width: 731px; margin: 40px auto 0; padding: 0 20px; }


p { color: #d1d1b6; font-size: 110%; font-weight: normal; }
h1 { margin: 0 0 0 20px; }
h2 { color: #d1d1b6; font-size: 150%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0; padding-bottom: 5px; border-bottom: 1px solid #909182; } 

span.quiet { display: none }

a:link, a:visited { text-decoration: underline; }
a:hover, a:active { color: #d1d1b6; text-decoration: none; }

#sidebar { background-color: #464536; background-image: url(../images/woodburn_swirl.jpg); background-repeat: no-repeat; background-position: right bottom; width: 150px; float: left; margin: 0; padding: 5px 0 0; }
	#sidebar h1 { text-align: center; width: 150px; height: 143px; margin: 10px 0; border-width: 0; }
	#sidebar img { border: none; }

#mainnav    { background-repeat: no-repeat; background-position: right bottom; width: 150px; margin: 0; padding: 0 0 92px; }
	#mainnav li { vertical-align: middle; width: 126px; margin-right: 10px; margin-left: 10px; padding: 4px 4px 4px 0; list-style-type: none; list-style-image: none; }
	#mainnav li a  { color: #9c9c8a; font-size: 130% !important; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; margin: 0; padding: 0 0 2px 6px; display: block; border-bottom: 1px solid #545243; }
	#mainnav li a:hover, #mainnav li a.selected     { color: #d1d1b6; text-decoration: none; vertical-align: middle; }
	#mainnav li a.bottom { padding-bottom: 2px; border-bottom: 1px solid #494949; }	

#subnav { margin-bottom: 5px; margin-left: 10px; padding: 0; }
	#subnav li { line-height: 1em; vertical-align: middle; width: 100px; margin: 0 0 0 10px; padding: 5px 0 0; border-bottom-style: none; border-bottom-width: 0; list-style-type: none; display: list-item; }
	#subnav li a { color: #9c9c8a; font-size: 110% !important; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.25em; margin: 0; padding: 0; border-bottom-style: none; border-bottom-width: 0; }
	#subnav li a:hover, #nav li a.selected  { color: #d1d1b6; text-decoration: none; vertical-align: middle; margin: 0; padding-left: 0; }

html>body #main { text-align: left; width: 565px; float: left; margin: -10px 0 15px -25px; padding: 0; }
	/* commented backslash hack v2 \*/
	#main { text-align: left; width: 565px; float: left; margin: 0 0 15px -25px; padding: 0; }
	/* end hack */


#left { text-align: left; position: absolute; top: 40px; width: 250px; margin: 0; padding: 0; border-style: none; border-width: 0; }
html>body #left  li { text-align: left; width: 250px; height: 212px; clear: left; margin: -10px 0 25px; padding-bottom: 25px; list-style-type: none; display: block; }
	/* commented backslash hack v2 \*/
	#left  li { text-align: left; width: 250px; clear: left; margin: 0 0 25px; list-style-type: none; display: block; }
	/* end hack */
#left li img { width: 269px; height: 185px; float: left; clear: left; margin: 0 0 15px; padding: 0; border-style: none; border-width: 0; }
#left  li span { background-image: url(/images/portfolio/back.gif); background-repeat: repeat-y; background-position: 0 100%; width: 269px; height: 25px; float: left; margin: 0; padding: 0 100% 0 5px; }
	#left  li a:link, #left li a:visited { font-size: 140%; font-family: Georgia, "Times New Roman", Times, serif; color: #d1d1b6; line-height: 25px; text-decoration: none; vertical-align: middle; padding: 0 0 0 15px; list-style-type: none; }

#right { text-align: left; position: absolute; top: 40px; width: 250px; clear: left; margin-top: 0; margin-left: 285px; }
html>body #right  li { text-align: left; width: 250px; height: 212px; margin: -10px 0 25px; padding-bottom: 25px; clear: left; list-style-type: none; display: block; }
	/* commented backslash hack v2 \*/
 	#right  li { text-align: left; width: 250px; margin: 0 0 25px; clear: left; list-style-type: none; display: block; }
	/* end hack */
	#right li img { width: 269px; height: 185px; float: left; margin: 0 0 15px; padding: 0; border-style: none; border-width: 0; }
	#right  li span { background-image: url(/images/portfolio/back.gif); background-repeat: repeat-y; background-position: 0 100%; width: 269px; height: 25px; float: left; margin: 0; padding: 0 100% 0 5px; }
	#right  li a:link, #right li a:visited { font-size: 140%; font-family: Georgia, "Times New Roman", Times, serif; color: #d1d1b6; line-height: 25px; text-decoration: none; vertical-align: middle; padding: 0 0 0 15px; list-style-type: none; }

	
	
#imageCaption2    { position: absolute; width: 1px }

#images { text-align: right; margin-top: 5px; float: left; }
	#images img { margin: 0; width: 67px;}

#content { background-color: #464536; width: 260px; height: 5em; float: left; margin-top: 5px; margin-right: 5px; margin-left: 15px; }
	#content a { background-color: transparent; background-image: url(http://www.primalmedia.com/wb/images/pdf_rollover.jpg); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; text-decoration: none; width: 50px; height: 47px; float: right; margin-top: 3px; margin-right: 3px; border-width: 0; }
	#content a:hover#pdf { background-color: transparent; background-image: url(http://www.primalmedia.com/wb/images/pdf_rollover.jpg); background-repeat: no-repeat; background-position: 0 -47px; width: 50px; height: 47px; }

#project { width: 190px; float: left; margin-top: 0; margin-left: 5px; }
	#project h2 { font-size: 140%; width: 190px; float: left; margin-top: 0; margin-right: 5px; margin-bottom: 0; padding-top: 5px; border-bottom: 1px solid #545243; }
	#project p { color: #8f8f7c; width: 190px; float: left; margin-top: 2px; }


#thumbs { text-align: right; float: right; margin-top: 5px; }
	#thumbs img { margin: 0 1px 0 0; }
	
#photos { text-align: left; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding: 0; }
	#photos img { width: 175px; border: none; }
	img.photo1 { margin-right: 13px; }
	img.photo2 { margin-right: 13px; }
	img.photo3 { margin-right: 0;}

#footer { text-align: right; height: 100px; clear: both; margin: 0; padding-top: 20px; padding-bottom: 0; }
	#footer p { color: #787868; font-size: 100% !important; line-height: 1.65em; margin: 0; padding: 0; }
	#footer a { color: #787868; font-size: 100%; text-decoration: none; }
	#footer a:hover, #footer a:active { color: #d1d1b6; text-decoration: underline; }