@charset "utf-8";
body, html{
	background-image: url(../graphics/background_shadows_red.gif);
	background-repeat: repeat-y;
	background-color: #91262d;
	background-position: center;
}
div.page {
	border: 1px solid #000;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#main {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}


#main h1 {
	color: #FFF;
	margin: auto;
	text-align: center;
}
#main img {
	margin-top: -30px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

#main h2 {
	text-align: center;
	font-weight: bold;
}
#main h3 {
	text-align: center;
	font-style: italic;
}
#main2 {
	width: 800px;
}
#main2 #left {
	float: left;
}
#main2 #right {
	float: right;
}
#main2 h1 {
	color: #FFF;
	margin: auto;
	text-align: center;
}
#main2 img {
	margin: -25px auto 25px;
	width: 450px;
}

#main2 h2 {
	text-align: center;
	font-weight: bold;
	margin-top: 150px;
}
#main2 h3 {
	text-align: center;
	font-style: italic;
}
.bar {
	width: 800px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#slideshow {
	width: 700px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#viewer {
	width: 490px;
	margin-right: auto;
	margin-left: auto;
}

#topframe {
	height: 470px;
}

#bottomframe {
	background-color: #FFF;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	height: 120px;
}
#thumbnails {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}