* {margin: 0;	padding: 0;}
a img, img {border: 0;}
a {color: white; text-decoration: none;}
a:hover {text-decoration: underline;}

ul {list-style: none;}

.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both;}

#intro {
	margin: 10px auto 0px auto;
	text-align: center;
}

body {
	background-color: black;
	font: 14px sans-serif;
	font-style: italic;
	font-weight: bold;
	color: white;
}

div.navigation {
	margin: 35px auto 0 auto;
	text-align: center;
}

div.navigation ul {
	list-style: none;
}

div.navigation ul li {
	display: inline;
	margin: 0 8px 0 8px;
}

#content {
	position: relative;
	background-repeat: no-repeat;
	width: 720px;
	margin: 0 auto 0 auto;
}

div.construction {
	height: 486px;
	background-image: url("../images/bg/construction.jpg");
}

div.contact {
	height: 486px;
	background-image: url("../images/bg/contact.jpg");
}

div.touring {
	height: 486px;
	background-image: url("../images/bg/touring.jpg");
}

#content ul {margin: 20px 10px;}

#content #bioText {
	float: left;
	position: absolute;
	top: 210px;
	width: 600px;
	font-style: normal;
	font-size: 13px;
	font-weight: normal;
	margin: 0px 60px 0px 60px;
	z-index: 2;
}
#content #bioText p {
	text-indent: 10px;
}
#content #bioText span.title {
	font-style: italic;
}
#content img.bio {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

/* Photo gallery */
#photo {
	background: black;
	text-align: center;
}

#photo #photo_navigation { margin: 10px auto; }
#photo #photo_navigation a img { border: none; }
#photo #photo_navigation img {
	margin: 0 40px;
	text-align: center;
}

#photo #back {
	text-decoration: none;
	color: white;
}
#photo #back a:hover { text-decoration: underline; }