html {
	height: 100%;
}
body {
	margin: 0;
	height: 100%;
}
a {
	color: #a59a6d;
	text-decoration: none;
	font-weight: bold;
}

#page {
	height: 100%;
	min-height: 100%;
	background-color: #3a2f1b;
	background-image: url(images/backdrop.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#main {
	width: 963px;
	height: 560px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -284px;
	margin-left: -481px;
}

#square {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 529px;
	height: 500px;
	background-color: #a59a6d;
}

#text {
	position: absolute;
	top: 128px;
	left: 30px;
	width: 196px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: 1justify;
	color: #3a2f1b;
}

#innertext { line-height: 1.15em; }
#innertext p { margin: 0 0 7px 0; }

#navigation {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

#thumbs {
	position: absolute;
	right: 620px;
	bottom: 30px;
}

.navlink {
	display: block;
	margin-top: 6px;
	height: 21px;
	width: 152px;
	background-repeat: no-repeat;
	background-image: url(images/nav.png);
	overflow: hidden;
	text-indent: -200px;
	text-decoration: none;
}
#nav_elan { background-position: 0 0; }
#nav_elan:hover { background-position: -152px 0; }
#nav_hca { background-position: 0 -21px; }
#nav_hca:hover { background-position: -152px -21px; }
#nav_wool { background-position: 0 -42px; }
#nav_wool:hover { background-position: -152px -42px; }
#nav_contact { background-position: 0 -63px; }
#nav_contact:hover { background-position: -152px -63px; }