/*
orange - fab20a
black - 231f20
grey - b2b1b1
*/

html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; text-align: center; font-family: "Trebuchet MS",Tahoma,Arial,sans-serif; font-size: 0.9em; line-height: 1.1em; background: url('../_images/background.png') repeat; }
h1  { font-size: 1.4em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0.5em 0; border-bottom: 4px solid #D5D4D4; }
h2 { font-size: 1.2em; font-weight: bold; padding: 1em 0 1em 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-left: 3em; }
ul li { padding: 0.25em 0 0.25em 0; }

#page_container { clear: both; margin: 20px auto 0 auto; width: 960px; text-align: left; background-color: #FFF; }
header  { background: #231f20; border: 1px solid #FFF; }
#logo { margin: 0 auto; width: 500px; padding: 0.75em 0 0.5em 0; }
#quick_contact { width: 100%; text-align: center; color: #FFF; font-size: 1.1em; font-weight: bold; letter-spacing: 2px; padding: 0.5em 0; border-top: 1px solid #FFF;  }

section { clear: both; }
nav { width: 180px; float: left; }
#nav, #nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav li { margin: 0; padding: 0; border-bottom: 1px solid #FFF; }
#nav a:link, #nav a:active, #nav a:visited { display: block; font-size: 16px; padding: 10px 20px; text-decoration: none; color: #000; background: url('../_images/menu_background.png'); }
#nav a:hover, #nav #selected_menu { background: url('../_images/menu_background_selected.png'); font-weight: bold; }
article { width: 720px; float: left; padding: 10px 20px; }
.article_photo_right_land { float: right; padding: 0 0 20px 20px; width: 320px; }
.article_photo_right_land img { float: right; }
.article_photo_right_port { float: right; padding: 0 0 20px 20px; width: 220px; }
.article_photo_right_port img { float: right; }
.question { font-size: 1.1em; font-weight: bold; padding: 1em 0 0.5em 0; }
.gallery_item { width: 150px; height: 170px; margin: 0 5px 0 0; float: left; }
.gallery_item h2 { font-weight: normal; }

label.error { color: #B0171F; position: relative; top: -4em; left: 5em; }
#contact_us { width: 900px; margin: 0 20px 20px 20px; }
#contact_us_form { float: left; width: 400px; }
#form_intro { clear: both; padding: 1em 0 0 0; }
#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; }
.submit_btn { background-color: #fab20a; color: #FFF; padding: 0.25em 1em 0.25em 1em; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#map { clear: both; float: right; width: 300px; height: 250px; border: 1px solid #aaa; margin: 0 20px 1em 20px; }
.vcard { width: 300px; float: left; padding: 1em 0; }
.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: 960px; font-size: 0.75em; color: #231f20; background-color: #fab20a; text-align: center; padding: 10px 0 10px 0; border: 1px solid #231f20; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited { color: #231f20; }
footer a:hover  { color: #FFF; }