/*
gold fffbc1
*/

html { margin: 0; padding: 0;	height: 101%; }
body { margin: 0; padding: 0; text-align: center; font-family: Georgia,Tahoma,Verdana,Helvetica,Arial,Sans-Serif; font-size: 85%; background-color: #90725A; }
h1  { font-size: 1.3em; margin: 0 0 1em 0; }
a, a:link, a:visited { color: #000; }
a:hover, a:focus, a:active { color: #6B6051; }
label  { display: block; width: 80px; float: left; font-size: 0.75em; margin-bottom: 0.85em; text-align: right; vertical-align: top; padding-right: 10px; }
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
ul { list-style-type: none; margin-left: 20px; }
ul li { padding: 0.25em 0 0.25em 0; }

#background { background: url('../_images/background.jpg') no-repeat; width: 1150px; margin: 0 auto 1em auto; }
#page_container { clear: both; margin: 0 auto 0 auto; width: 960px; text-align: left; background-color: #E6DFD2; }

header { position: relative; top: -45px; }
#logo { float: left; width: 660px; background-color: #6B6051; color: #FFF; }
#quick_contact { float: right; width: 280px; height: 80px; font-size: 18px; padding: 20px 10px 0 10px; background-color: #6B6051; color: #FFF; }
#slogan { clear: both; float: left; width: 280px; height: 180px; font-size: 22px; line-height: 120%; padding: 30px 20px 40px 20px; background-color: #E6DFD2; }
#header_image { float: right; width: 640px; }

nav{ float: left; position: relative; top: 396px; width: 100%; background-color: #edd47a; border-top: 6px solid #fffbc1; border-bottom: 5px solid #fffbc1; }
nav ul{ margin: 0; padding: 0; list-style-type: none; }
nav ul li { float: left; position: relative; border-right: 1px solid #A59B99; }
nav a { padding: 8px 20px 8px 20px; text-decoration: none; font-size: 12px; letter-spacing: 1px; display: block; }
nav a:link,nav a:visited{ color: #6B6051; }
nav a:hover,nav a:focus,nav a:active,nav #selectedmenu{ color: #FFF; }

section { clear: both; text-align: left; font-size: 1.2em; line-height: 120%;  }
article { width: 580px; float: left; padding: 20px 0 20px 20px; margin: 0 0 40px 0; }
article p, article ul { padding-bottom: 1.5em; }
#photo_col { width: 300px; float: right; padding: 65px 20px 0 20px; margin: 0 0 40px 0; }
#photo_col img{ border: 2px solid #fffbc1; }
#call_to_action { font-size: 1.2em; margin: 20px 0 0 0; }
#call_to_action a { background-color: #edd47a; border-top: 5px solid #fffbc1; border-bottom: 5px solid #fffbc1; padding: 5px 10px; margin: 0 20px; }
#gallery { padding: 20px 40px 0 40px; width: 100%; }
#gallery img { padding: 0 5px 10px 5px; }
#gallery_help { font-size: 0.85em; }
#contact_us { width: 500px; padding: 20px 0 20px 20px; }
#contact_details { width: 400px; float: right; padding: 65px 20px 0 20px; }
label.error { float: none; color: #B0171F; padding-left: .5em; vertical-align: top; width: 100%; text-align: left; }
#confirmation_msg { padding: 0 0.5em 20px 20px; color: #6B6051; width: 100%; }
.form_input { width: 100%; clear: both; margin: 0.5em 0 0.5em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 0.5em 0; }
#lastname { visibility: hidden; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#map { float: right; width: 380px; height: 250px; border: 1px solid #aaa; margin: 1em 20px 20px 0; }
.tel { padding: 0.5em 0 0.5em 0 }
.tel .type,.tel .value  { font-size: 1.1em; font-weight: bold; }
#submit_contact_us_btn { border: none; background: url('../_images/button_background.jpg'); height: 45px; padding: 0 20px; font-size: 1.2em; cursor: auto; }
#error { padding: 2em; }

/* footer */
footer { clear: both; text-align: center; font-size: 85%; padding: 25px 0 15px 0; background-color: #6B6051; color: #FFF; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited, footer a:hover { color: #FFF; }

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../_images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}