body {
	background: #655d55;
	color:#8d8277;
	font: small "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size/* */:/**/small;
	font-size: /**/small;
	margin: 0;
	padding: 0;
	text-align: center;
}
img {
	border: 0px;
	margin: 50px 20px;
}
a, a:link, a:visited {
	color: #6b5e4d;
	text-decoration: none;	
}
a:hover, a:active {
	color: #000;	
}
fieldset {
	margin: 30px;
	padding: 10px;
	border: 3px double #a6b6c9;
}
legend {
	padding: 10px;
}
ol, ul {
	display: block;
	clear: left;
	padding: 0;
	margin: 4px 0;	
}

#wrap {
	background: #8d8277 url('bgtop2.gif') repeat-x;
	max-width: 75em;
	margin: 0 3em 0 0;
	border-right:17px solid #000;
}
#masthead {
	background: url('nurita3.jpg') no-repeat;
	color: #000;	
	height: 200px;
	text-align: right;
	vertical-align: bottom;
}
#masthead h1 {
	position:absolute; 
	top:110px;
	left:-120px; 
	background: url('bgto.gif') repeat-x;
	margin: 0 280px 0 120px;
	padding: 125px 30px 20px 14px;
	font: xx-large Georgia, serif;
	letter-spacing: .1em;
	text-transform: lowercase;
}
#masthead a, #masthead a:link, #masthead a:visited {
	text-decoration: none;	
	color: #6b5e4d;
	font-size: 1.2em;
}
#masthead a:hover {
	color: #000;	
}

#content {
	padding: 50px 20px;
	min-height: 25em;
}

h2 {
	position:absolute; 
	top: 0px;
	left:720px; 
	font: x-large Georgia, serif;
	letter-spacing: .1em;
}
h3 {
	color: #655d55;
	font: large Georgia, serif;
	letter-spacing: .1em;
}
.footnote {
	position:absolute; 
	top:50px;
	left:720px; 
	font-size: xx-small;
	text-align: left;
}
#navigate {
	position:absolute; 
	top:200px;
	left:720px; 
	font-size: xx-small;
	text-align: left;
	list-style-type: none; 
}
.nav {
	padding: 0; 
	margin: 0 0 0 0; 
	list-style-type: none; 
}
#footer {
	background: #000;
	text-transform: lowercase;
	text-align: right;
	padding: 5px 15px;
	clear: both;
}
#footer a {
	text-decoration: none;
}

/* style the outer containing div to fit the landscape, portrait and buttons */
#album {
position:absolute; 
top:0;
left:280px; 
width:422px; 
height:668px;
background:#000 url(../gallery/photos.gif) 10px 54px repeat;
border:5px solid #000;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:10px; 
margin:0 0 0 0; 
list-style-type: none; 
position:relative; 
width:402px; 
z-index:1;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#655d55; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:4px;
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-442px; 
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:-20px;
border-left:10px solid #000;
border-right:10px solid #000;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background: #000;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}