/*
dark blue - 0d1079
blue - 0692C2
light grey - A6BFC8
cream - fcf5d9
*/

html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; background-color: #0d1079; text-align: center; font-family: "Trebuchet MS",Tahoma,Arial,sans-serif; font-size: 1em; line-height: 1.1em; }
h1  { font-size: 1.5em; font-weight: bold; margin: 0 0 0.5em 0; border-bottom: 1px solid #0692C2; padding: 0.25em 0 0.5em 0; }
h3 { padding: 1em 0 1em 0; }
p { padding: 0 0 1em 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; font-weight: bold; margin: 0.75em 0 0.5em 0;}
dt { font-weight: bold; font-size: 0.9em; padding: 0.5em 0 0.5em 1em; }
dd { padding: 0 0 0 2em; }
ul { list-style-type: circle; margin: 0 0 1em 3em; }
ul li { padding: 0.25em 0 0.25em 0; text-align: left; }

#page_container { clear: both; margin: 20px auto 0 auto; width: 800px; text-align: left; border: 3px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; background-color: #fcf5d9; }
#logo { float: left; width: 342px; padding: 1em; }
#quick_contact { float: right; width: 200px; padding: 1em; text-align: right; }

nav { width: 100%; clear: both; background-color: #0692C2; border-top: 2px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; height: 2em; letter-spacing: 1px; }
#nav, #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; }
#nav a:link, #nav a:active, #nav a:visited { display: block; padding: 0.5em 20px; font-weight: bold; font-size: 0.9em; border-left: 1px solid #000; color: #000; text-decoration: none; background-color: #0692C2; }
#nav a:hover, #nav #selected_menu { background-color: #A6BFC8; }
#nav li { float: left; position: relative; margin: 0; padding: 0; border-bottom: 1px solid #C9C9C9; }

#header_image { clear: both; border-top: 2px solid #C9C9C9; width: 800px; height: 300px; }
section { clear: both; }
article { clear: both; float: left; width: 420px; text-align: justify; padding: 20px 0 10px 15px; }
article h1 { text-align: left; }
aside { width: 330px; float: right; text-align: left; padding: 0 25px 20px 0; margin: 4.5em 0 0 0; }
#testimonial { padding: 0 0 0 20px; }
.quote { font-style: italic; }
.signature { text-align: right; font-size: 0.85em; }
#gallery_photos { float: right; width: 300px; border: 2px solid #0692C2; text-align: center; }
.gallery_thumb { width: 300px; height: 200px; }
.slideshow_link { font-size: 0.85em; font-weight: bold; }
#rates { width: 400px; margin: 0 1em 1em 1.5em; }
#rates th { font-size: 0.85em; }
#rates th,td { padding: 0.25em; }
#rates .row-on { background-color: #FAFAFA; }

label.error { color: #B0171F; position: relative; top: -4em; left: 5em; }
#contact_us_form { float: left; width: 400px; }
.submit_btn { background-color: #A6BFC8; padding: 0.25em 1em 0.25em 1em; }
#confirmation_msg { padding: 0.5em; color: #63152a; }
.form_input { width: 100%; clear: both; margin: 0.5em 0 1em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 1em 0; }
#last_name { visibility: hidden; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#map { float: right; width: 300px; height: 250px; border: 1px solid #aaa; margin: 0 20px 1em 20px; }
.vcard { padding: 0 0 1em 0; clear: both; }
.tel { padding: 0.5em 0 0.5em 0 }
.tel .type,.tel .value  { font-size: 1.3em; font-weight: bold; }
.clear { clear: both; }

footer { clear: both; margin: 0 auto; width: 800px; font-size: 0.75em; color: #FFF; text-align: left; padding: 10px 0 10px 0; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited { color: #FFF; }
footer a:hover  { color: #E5E5E5; }