html {background-color: #FFF;/* border-top: 10px solid #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; */ padding: 10px;}

body {margin: 0;}

#wrapper {width: 870px; float: right;} /*m3:1Sep08 	Was 790px */

#marker {width: 2px; height: 3px; background-color: #f03; position: absolute; top: 0px; right: 190px;}

#top {height: 140px; padding: 0 15px 10px 0; float: left; width: 80px; margin: 165px 0 0 0;}

/*m3:4Jul07 This CSS image map is from the following article  at A List Apart. http://www.alistapart.com/articles/sprites/ */
#previous_next { width: 84px; height: 53px; /*background: url(../images/previous_next.gif); */ margin: 0; padding: 0; position: relative;}
	#previous_next li {margin: 0; padding: 0; list-style: none; position: absolute;}
	#previous_next li, #previous_next a {width: 29px; height: 32px; display: block;}
	#previous {left: 28px; top: 20px; /*border: 1px solid #390; */}
		/* #previous a:hover {background: transparent url(../images/previous_next_over.gif) -28px -20px no-repeat;} */
	#next {left: 56px; top: -1px; /*border: 1px solid #F30;*/}
		/* #next a:hover {background: transparent url(../images/previous_next_over.gif) -56px 1px no-repeat;} */
	.slideShowButton {display: none;}
	

.landscape {margin: 165px 0 0 0; width: 600px;}
.portrait {margin: 10px 0 0 0; width: 600px;}
.biography {margin: 10px 0 0 200px; width: 400px;}
.content img {padding-bottom: 8px;}
.content {font: 9pt/120% georgia, serif; color: #666; background-color: #fff; text-align: right; float: left;}
	#proof_sheet img {margin: 0 0 14px 14px; /*border: 1px solid #666 width style color */; padding: 0; }
	#caption {color: #999;}

img {border: 0;}

/* This needs to be more specific */
ul, ol, a, li {padding: 0; margin: 0; list-style-type: none; border: 0;}

#nav {width: 139px; margin: 165px 0 0 710px;}
#nav li {display: inline;} /* This fixes a spacing issue in Firefox and apparentlly MS IE */

a {display: inline;} /* I am hoping that this will fix some of the space issues present in MS IE on PC at AUT */