body {
	background-image: url('/images/background.jpg');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #333;
}

h1 {
	font-size: 32px; 
	color: #f00;
}

p {
	line-height:200%;
	font-family: Palatino, serif;
	font-size: 16px;
}

.sub_nav {
	display: block;
	height:  500px;
	width: 852px;
	padding: 1px;
	margin: 0;
}

.sub_nav .left {
	display: block;
	position:fixed;
	top: 45%;
	left: 50%;
	margin-left: -425px; /* - 1/2 from the size of the width */
	z-index: 3;
}

.sub_nav .left a {
	display: block;
	height:  30px;
	width: 20px;
	background-image: url('/images/left_inactive.png');
	background-repeat: no-repeat;
	text-decoration:none;
}

.sub_nav .left a:hover {
	background-image: url('/images/left_active.png');
}

.sub_nav .right {
	display: block;
	position:fixed;
	top: 45%;
	left: 50%;
	margin-left: 410px; /* 1/2 from the size of the width */
	z-index: 3;
}

.sub_nav .right a {
	display: block;
	height:  30px;
	width: 20px;
	text-decoration:none;
	background-image: url('/images/right_inactive.png');
	background-repeat: no-repeat;
}

.sub_nav .right a:hover {
	background-image: url('/images/right_active.png');
}

.page {
	display: block;
	height:  500px;
	width: 852px;
	padding: 1px;
	margin: 0;
	background-image: url('/images/hangback.jpg');
	background-repeat: no-repeat;
}

.fullpage h1 {
	margin: 130px 0 0 150px;
}

.fullpage p {
	margin: 30px 50px 0 250px;
}

.halfpage h1 {
	margin: 100px 0 0 50px;
}

.halfpage p {
	width: 275px;
	margin: 0 50px 0 50px;
}

.contact_form {
	background: #fff;
	font-family: Palatino, serif;
	height:  330px;
	width: 253px;
	margin-left: 100px;
	padding: 10px;
	border: 1px solid #bbb;
}

.contact_form * {
	font-family: Palatino, serif;
        float: left;
	border: 0;
	width: 250px;
	margin: 0 0 2px 0;
	color: #333;
}

.contact_form *:focus {
	border: 1px solid #333;
}

.contact_form label {
	color: #f00;
}

.contact_form input {
	background: #f0f0f0;
	border: 1px solid #c0c0c0;
}

.contact_form sub {
	display: none;
}

.contact_form textarea {
	height: 75px;
	background: #f0f0f0;
	border: 1px solid #c0c0c0;
}

.contact_form table img {
	width: 100px;
	border: 1px dotted #ddd;
}

.contact_form table input {
	width: 135px;
	height: 30px;
	background: #f0f0f0;
	border: 1px solid #c0c0c0;
}

.contact_form table td {
	width: 112px;
	text-align:center;
	padding: 0;
}

.contact_form h2 {
	display: block;
	position:fixed;
	top: 45%;
	left: 50%;
}

.contact_form h2 em {
	color: #f00;
}

#outer {
	background-color: #fff;
	color: #333;
	padding: 0;
	border: 2px solid #333;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 890px;
	height: 605px;
	margin-left: -445px; /* - 1/2 from the size of the width */
	margin-top: -305px; /* -1/2 from the size of the height */
}

#main {
	margin: 0;
	padding: 20px 20px 10px 20px;
}

#footer {
	text-align:center;
	padding: 0;
	margin: 0;
	display: block;
}

#footer p {
	text-align: center;
	padding: 20px 0 15px 0;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing:2px;
	margin: 0;
	clear: both;
	background-image: url('/images/hr.gif');
	background-repeat: no-repeat;
	background-position: top center;
}

#navbox {
	padding: 0;
	margin: 0;
	display: block;
}

#navbox ul {
	padding: 0;
	margin: 0;
	display: block;
}

#navbox ul li {
	display: block;
	float: left;
	padding: 0 20px 0 20px;
}

#navbox ul li a {
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	padding: 0 0 0 5px;
}

#navbox ul li a:hover {
	color: #a33;
}

#validations {
	position: absolute;
	bottom: 0;
	right: 0;
}

#theadora h1 {
	position: relative;
	font-size: 50px;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 118px;
	margin-left: -250px; /* -1/2 from the size of the width */
	margin-top: -59px; /* - 1/2 from the size of the height*/
}
