html, body 
{ 
	margin: 0px; 
	padding: 0px; 
	font-size: 13pt;
}
img
{
	border: 0px;
}

#back
{
	background: #d7eeff; 
	background-image: url( bg.jpg); 
	background-repeat: repeat-x;
}
#header-top 
{ 
	margin-left: 30px;
	width: 160px; 
	height: 30px;
	background-image: url( nav-bg.jpg);
}
#header-title
{
	width: 100%; 
	height: 160px;
	background: #cdcdcd; 
}
#header-bottom
{ 
	width: 100%; 
	height: 14px;
	background: #5c281a; 
}
#nav
{ 
	position: absolute;
	left: 30px;
	width: 160px; 
	padding-top: 60px;
	padding-bottom: 100px;
	background-image: url( nav-bg.jpg);
}
.nav-link
{
	display: block;
	width: 160px; 
	height: 60px; 
	background-image: none;
}
#nav-home            { background-image: url( nav-text-home.jpg); }
#nav-home:hover      { background-image: url( nav-text-home-a.jpg); }
#nav-home-sel        { background-image: url( nav-text-home-s.jpg); }
#nav-bio             { background-image: url( nav-text-bio.jpg); }
#nav-bio:hover       { background-image: url( nav-text-bio-a.jpg); }
#nav-bio-sel         { background-image: url( nav-text-bio-s.jpg); }
#nav-photos          { background-image: url( nav-text-photos.jpg); }
#nav-photos:hover    { background-image: url( nav-text-photos-a.jpg); }
#nav-photos-sel      { background-image: url( nav-text-photos-s.jpg); }
#nav-samples         { background-image: url( nav-text-samples.jpg); }
#nav-samples:hover   { background-image: url( nav-text-samples-a.jpg); }
#nav-samples-sel     { background-image: url( nav-text-samples-s.jpg); }
#nav-ensembles       { background-image: url( nav-text-ensembles.jpg); }
#nav-ensembles:hover { background-image: url( nav-text-ensembles-a.jpg); }
#nav-ensembles-sel   { background-image: url( nav-text-ensembles-s.jpg); }
#nav-contact         { background-image: url( nav-text-contact.jpg); }
#nav-contact:hover   { background-image: url( nav-text-contact-a.jpg); }
#nav-contact-sel     { background-image: url( nav-text-contact-s.jpg); }

.content 
{ 
	margin-left: 220px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	border: solid 6px #c0c0c0;
	background: #ffffff;
	background-image: url( content-bg.jpg);
	background-repeat: repeat-x;
	padding: 20px;
}

.content-title
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 6px;
	border-bottom: solid 1px #000000;
}

.normal
{
	font-size: 13pt;
}
.sub
{
	font-size: 10pt;
}

.link
{
	color: #000000;
	font-size: 13pt;
	font-weight: bold;
}

.photo
{
	display: inline;
	margin: 6px;
	border: solid 6px #000000;
}

.gallery-photo
{
	display: block;
	margin-top: 25px;
	margin-bottom: 45px;
	margin-left: auto;
	margin-right: auto;
	border: solid 6px #000000;
	padding: 15px;
	background-color: #ffffff;
}
.gallery-caption
{
	margin-bottom: 45px;
	text-align: center;
}
.gallery-thumb
{
	width: 60px;
	height: 60px;
	padding: 5px;
	vertical-align: middle;
}

.letter
{
	margin: 0px;
	float: left;
}

.grid-table
{
	padding: 20px;
}
.grid-cell
{
	padding: 10px;
	background-color: #e0e0e8;
}

.photo-grid-cell
{
	padding: 10px;
	text-align: center;
}

.footer
{
	text-align: right;
	font-size: 8pt;
	color: #808080;
}

/*
.title { font: bold 48pt serif; }
.sub { font: bold 24pt serif; }
.foot { font: 8pt sans-serif; color: #a0a0a0; }
.foot-link { font: 8pt sans-serif; color: #808080; }
.layout { margin: 0; spacing: 0; padding: 0; }
*/

