@import 'fonts/stylesheet.css';
html { height: 100%; overflow: hidden; }
h1, h2, h3, h4,h5, h6, fieldset, input, form, table, td, tr, thead, ul, ul li, ol, ol li {
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
}

body {
	background: #fff;
	font: 12px/14px VerlagLightRegular, Arial;
	letter-spacing: .08em;
	color: rgb(88,87,71);
	margin: 0;
	padding: 0;
	height: 100%;
}

#wrapper {
	height: 100%;	width: 100%;
	position: relative;

}

#box {
	position: absolute; bottom: 40px; right: 0;
	background: url(images/bg.jpg) -250px 0 repeat-x;
	padding: 20px 10px 20px 30px;
	z-index: 5;
}

#box form { float: right; letter-spacing: normal; margin-top: 2px; }
#box select { margin-right: 20px; }

h1 {
	float: left;
	width: 150px;
	padding-bottom: 2px;
}

h1 a {
	font: 14px/22px VerlagLightRegular;
	color: #fff;
	text-decoration: none;

}

.caption {
	position: absolute; bottom: 48px; left: 50px;
	font: 12px/14px VerlagLightRegular;
	height: 40px;
	width: 500px;
	z-index: 5;
	text-align: left;
}

.copy {
	position: fixed; bottom: 48px; left: 50px;
	font: 12px/14px VerlagLightRegular;
	height: 40px;
	width: 500px;
	z-index: 5;
	text-align: left;
}

.caption .next {
	color: rgb(88,87,71);
	text-decoration: none;
	margin-left: 20px;
}

.caption .next:hover { color: rgb(208, 155, 44) !important; }

.black, .black a { color: black !important; }
.white, .white a { color: #fff !important; }

.whitedrop, .whitedrop a {
	color: #fff !important;
	text-shadow: #000 0 1px 1px;
}

#stage {
	width: 100%;
	height: 100%;
	float: left;
	z-index: 1;
	position: absolute;
}

.slide {
	position: absolute;
	width: 100%;
	height: 100%;
}

.silent img {
	display: none;
}

.slide img { cursor: pointer; }

.topright { top: 0; right: 0; text-align: right; }
.topleft { top: 0; left: 0;	text-align: left; }
.topcenter { top: 0; text-align: center; }
.bottomright { bottom: 0; right: 0; text-align: right; position: absolute; }
.bottomright img { bottom: 0; right: 0; position: absolute; }
.bottomleft { bottom: 0; left: 0; text-align: left; position: absolute; }
.bottomleft img { bottom: 0; left: 0; position: absolute; }
.left { left: 0; top: 10px; text-align: left; }
.middle { top: 10px; text-align: center; }

.bleed {
	width: 2000px !important;
	height: 1200px !important;
	left: 50%;
	top: 50%;
	margin: -600px 0 0 -1000px;	
}

.bleedtop {
	width: 2000px !important;
	height: 1200px !important;
	left: 50%;
	top: 0;
	margin: 0 0 0 -1000px;
}

.bleedbottomright {
	width: 2000px !important;
	height: 1200px !important;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#greeting {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 5;
	height: 600px;
	z-index: 10;
}

#greeting a {
	color: rgb(208, 155, 44);
	text-decoration: none;
}

#greeting a:hover {	color: rgb(88,87,71); }

#welcome, #contact, #friends {
	font: 50px/60px VerlagLightRegular;
	position: absolute;
	left: 100%;
	width: 800px;
	display: none;
	z-index: 10;
}

#welcome { margin: -150px 0 0 -400px; }
#welcome.hatch { margin: -175px 0 0 -400px; font-size: 50px; }
#welcome.hutner { margin: -175px 0 0 -400px; font-size: 40px; line-height: 52px; }
#welcome.pena { margin: -175px 0 0 -400px; font-size: 45px; line-height: 56px; }
#welcome.mende { margin: -150px 0 0 -400px; font-size: 37px; line-height: 52px; }
#contact { margin: -70px 0 0 -400px; }
#friends { margin: -140px 0 0 -400px; }

#contact .lcol {
	display: block;
	float: left;
}

#contact .rcol {
	display: block;
	float: right;
}

#contact a, #friends a { color: rgb(88,87,71); }
#contact a:hover, #friends a:hover { color: rgb(208, 155, 44); }
#contact .phone { display: block; }

.gold { color: rgb(208, 155, 44); }