/*
#eed79e cream
#002D00 dark green
#fff8dc light cream
#fbcf00 best western yellow
*/

html { margin: 0; padding: 0; height: 101%;  }
body { background: #bab27b url("../_images/background.png") repeat-x; margin: 0; padding: 0; text-align: center; font-family: Geneva, “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, Verdana, sans-serif; font-size: 85%; line-height: 1.5em; }
h1  { font-size: 1.5em; font-weight: bold; margin: 0 0 1em 0; }
h4 { padding: 1em 0 1em 0; }
p { padding: 0 0 0.5em 0; }
a,a:link,a:focus,a:active,a:visited { color: #000; }
a:hover { color: #333; }
label  { clear: both; width: 100%; display: block; font-size: 0.85em; }
dt { font-weight: bold; padding: 0.5em 0 0.5em 0; }
ul { list-style-type: circle; margin-left: 1em; }
ul li { padding: 0.25em 0 0.25em 0; }

#page_container { clear: both; margin: 10px auto; width: 960px; text-align: left; background-color: #eed79e; border: 2px solid #FFFFFC; }

#chain_logo { float: left; width: 180px; height: 200px; border-bottom: 1px solid #002D00; }
.slideshow { float: left; width: 600px; height: 200px; border-bottom: 1px solid #002D00; }
#motel_logo { float: left; width: 180px; height: 200px; border-bottom: 1px solid #002D00; }
#title { clear: both; width: 100%; font-size: 1.7em; text-align: center; padding: 0.5em 0; }

nav { clear: both; width: 100%; }
nav ul { margin: 0; padding: 0; list-style-type: none; }
nav ul li  { float: left; position: relative; margin: 0 1px; }
nav a  { text-decoration: none; color: #fffffc; display: block; background-color: #fffffc; border: 1px solid #002D00;}
nav a  img { border-bottom: 1px solid #002D00; }
nav a:link,nav a:visited { color: #002D00; }
nav a:hover,nav a:focus,nav a:active,nav #selectedmenu { color: #fffffc; background-color: #002D00; }
.menu_title { text-align: center; padding: 0 0 2px 0; font-weight: bold; font-size: 0.75em; }

section { clear: both; padding: 2em 1em; }
article { clear: both; }
article #photos{ float: left; width: 300px; padding: 0 1em; }
article #photos img { margin-bottom: 1em; }
article #content { float: left; width: 600px; }
article #content h3 { padding: 2em 0 1em 0; }
article #content ul li { margin-left: 2em; }
#home_cta { float: left; width: 600px; }

.clear { overflow: hidden; width: 100%; }
a.button { background: transparent url('../_images/bg_button_a.gif') no-repeat scroll top right; margin: 2em; color: #000; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; padding-right: 18px; text-decoration: none; }
a.button span { background: transparent url('../_images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } 
a.button:active { background-position: bottom right; color: #000; outline: none; }
a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; } 
.submit_btn, #submit_contact_us_btn { background-color: #fff8dc; margin-bottom: 2em; }

#food_menu { clear: both; width: 520px; text-align: center; background-color: #FFF; border: 1px solid #333; padding: 30px; }
#food_menu h2 { font-size: 1.6em; }
#food_menu h4 { font-size: 1.3em; color: #666; border-top: 1px solid #666; margin-top: 0.5em; }
#food_menu .dish_name { font-weight: bold; }
#food_menu .dish_desc { font-size: 0.85em; padding-bottom: 0.5em; }

#gallery { padding: 20px 40px 0 40px; width: 100%; }
#gallery img { padding: 0 5px 10px 5px; }
#gallery_help { font-size: 0.85em; }

#contact_us { width: 300px; float: left; margin-top: 2em; }
#contact_us_form { padding-left: 2em; }
.vcard { margin: 1em 0 1em; }
#form_intro { margin: 1em 0 0.25em 0; }
label.error { color: #B0171F; position: relative; top: -4em; left: 5em; }
#confirmation_msg { padding: 0 0.5em 20px 20px; color: #470a1c; 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 { width: 500px; height: 350px; border: 1px solid #aaa; margin: 0 20px 20px 0; }
.tel { padding: 0.5em 0 0.5em 0 }
.tel .type,.tel .value  { font-size: 1.1em; font-weight: bold; }
#error { padding: 2em; }
#map { width: 500px; height: 350px; border: 1px solid #aaa; }
#directions { margin: 0 0 2em 1em }
#directions ul { list-style-type: circle; }
#directions ul li { padding: 0.1em 0; margin-left: 1em; }
#signature { margin: 2em 0 0 0; font-style: italic; }
#progress_indicator { visibility: hidden; }

#admin_toolbar { float: right; margin: 1em 0 0 0; }
#admin_toolbar a{ padding: 0 0.5em 0 0.5em; color: #000; }
.list_items { padding: 0.5em 1em 0.5em 2em; }
.list_items td { padding: 0.25em; vertical-align: top; }
.list_button { width: 10%; padding: 0.25em 0.5em; }
.list_hot_deal_number { width: 10%; padding: 0.25em 0.5em; }
.list_hot_deal_title { padding: 0.25em 0.5em; }

.hot_deal { margin: 10px auto; width: 700px; height: 220px; background-color: #FFF; padding: 10px; border: 4px solid #fff8dc; }
.hot_deal img { float: right; margin: 30px 1em 0 0; border: 1px solid #000; }
.hot_deal h2 { float: left; width: 450px; font-size: 1.3em; font-weight: bold; padding: 0.25em 0 1em 0; }
.hot_deal p { float: left; width: 450px; padding: 0 0 1em 1em; }
.hot_deal_cta { font-size: 1.3em; }

.testimonial { padding: 1em 0; }
.testimonial .name  { font-style: italic; font-weight: bold; padding: 0 0 0 1em;}
.testimonial .comment  { padding: 0 0 0.5em 1em; }

footer { clear: both; font-size: 0.85em; text-align: center; padding: 10px 0 10px 0; border-top: 1px solid #002D00; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited, footer a:hover  { color: #333; }

/* 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;
}