/*

Highland House II
by Seth Thomas Rasmussen
http://sethrasmussen.com/
for Esultants
http://esultants.com/

*/



/* BASE */
* {margin: 0; padding: 0;}

body {
	background: #050729 url(images/bg_tile_main.gif) 50% 0 repeat-y;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; /* will center #site for IE5 */
}

/* Text */
h2 {
	color: #1A1D4A;
	margin: 1em 0 0.5em 0;
	clear: both;
}
h3 {
	margin: 2em 0 0.5em 0;
	color: #99080F;
	clear: both;
}
p {margin: 0 0 1em 0}

blockquote {
	background: url(images/quote.gif) no-repeat;
	padding: 0 0 0 65px;
}

/* Forms */
fieldset {
	padding: 0;
	border: none;
	margin: 0 0 1em 0;
}
label {font-weight: bold; color: #999;}
legend {color: #666; font-weight: bold;}
input#submit,
input#reset {width: auto !important}
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}

/* Lists */
dl {margin: 0 0 1em 0}
dt {color: #333; font-weight: bold;}
dd {margin: 0 0 0 0.5em}

/* Tables */
table {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin: 0 0 1em 0;
}
th,td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 0.25em;
}


/* LAYOUT */
div#site {
	text-align: left; /* fix IE5 adjustment above */
	width: 760px;
	margin: 0 auto;
	position: relative;
}

.first {margin-top: 0 !important}

/* Header */
h1 {
	height: 139px;
}
ul#nav-main {
	background: #F2F3F7;
	border-bottom: 1px solid #CCC;
	list-style: none;
	padding: 0 10px 0 0;
	margin: 0;
	height: 2em;
}
#nav-main li {
	float: right;
	margin: 0 0 0 10px;
	line-height: 2em;
}
#nav-main a {
	display: block;
	padding: 0 0 0 10px;
	background: url(images/bullet_red_triangle.gif) 0 50% no-repeat;
	color: #1B224E;
	font-weight: bold;
	text-decoration: none;
}

/* Content */
div#content {
	position: absolute;
	top: 200px;
	left: 235px;
	width: 500px;
}
dl#details-additional {font-weight: bold; color: #333; margin-bottom: 3em;}
#details-additional dt {float: left; clear: left; margin: 0 0.5em 0 0;}

/* Secondary Content */
div#content-secondary {
	position: absolute;
	top: 200px;
	left: 25px;
	border: 1px solid #CCC;
	padding: 15px 15px 45px 15px;
	width: 155px;
	background: #FFF url(images/logo_red.gif) 50% 100% no-repeat;
}

/* SPECIFICS */

/* Order Book */
form#order {text-align: center}
#order input {width: 3em; text-align: center;}
#order abbr {border: none}
#order label,
#order label img,
#order input#submit {vertical-align: middle}
#order fieldset {margin: 0 0 10px 0}
dl#details-price * {display: inline; vertical-align: middle;}

/* Contact Form */
form#contact label {
	display: block;
	float: left;
	clear: left;
	width: 100px;
	margin: 0 0 0.25em 0;
}
#contact input,
#contact textarea {width: 393px; margin: 0 0 0.25em 0;}
#contact div.buttons {margin: 0 0 0 100px}

/* Alerts */
div.alert {
	background: url(images/alert.gif) 0% 0% no-repeat;
	width:100%;
	border-bottom: 1px solid #ccc;
	margin-bottom:30px;
}
.alert p {
	margin-left:60px;
	font-weight:bold;
	color: #99080F;
}
.alert em {
	font-weight:normal;
}