/*
#111b5d - blue
#9a9fbb - light blue
#3b447a - med blue
#f0e100 - yellow
*/

html { margin: 0; padding: 0; height: 101%;  }
body { background: #FFF url("../_images/background.png") repeat-x; margin: 0; padding: 0; text-align: center; font-family: Verdana,Tahoma,Helvetica,Arial,Sans-Serif; font-size: 85%; line-height: 1.5em; }
header, nav, section  { clear: both; margin: 0 auto 0 auto; width: 960px; text-align: left; }
h1  { font-size: 1.5em; font-weight: bold; margin: 0 0 1em 0; }
h4 { padding: 0 0 0.5em 0; }
a,a:link,a:focus,a:active { color: #000; }
a:visited,a:hover { color: #333; }
label  { width: 70px; 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: circle; margin-left: 2em; }
ul li { padding: 0.25em 0 0.25em 0; }
mark { font-weight: bold; }

header { height: 360px; padding: 10px 20px; }
#logo { float: left; width: 249px; padding: 0 0 0 20px;}
#logo img { border: none; }
#subaru_logo { float: right; width: 92px }
#page_slogan { clear: both; width: 400px; font-size: 28px; color: #FFF; padding: 60px 0 20px 20px; line-height: 1.3em;}
#home_page_image { width: 488px; height: 259px; position: relative; top: -80px; left: 450px; } 
#subaru_page_image { width: 371px; height: 270px; position: relative; top: -100px; left: 550px; } 
#services_page_image { width: 550px; height: 251px; position: relative; top: -125px; left: 400px; } 
#engine_page_image { width: 452px; height: 250px; position: relative; top: -100px; left: 500px; } 
#about_us_page_image { width: 488px; height: 259px; position: relative; top: -120px; left: 450px; } 
#contact_us_page_image { width: 500px; height: 287px; position: relative; top: -130px; left: 380px; } 

nav { clear: both; height: 80px; background-color: #FCFCFC; } 
nav ul { margin: 0; padding: 20px 0 20px 20px; list-style-type: none;  }
nav ul li { float: left; position: relative; }
nav a { padding: 8px 10px 8px 10px; text-decoration: none; font-size: 16px; letter-spacing: 1px; }
nav a:link,nav a:visited{ color: #333; }
nav a:hover,nav a:focus,nav a:active,nav #selectedmenu{ background-color: #3b447a; color: #f0e100; }

section { background-color: #FCFCFC; }
#contact_quick_info { float: right; width: 200px; background-color: #EEE; border: 1px solid #111b5d; padding: 0.5em 1em; margin: 0 20px 20px 20px; line-height: 2em; }
article { width: 650px; margin: 0 0 20px 20px; }
article p { padding: 0 0 0.75em 0; }
article ul { padding: 0 0 0.75em 0; }
.engine_pics { float: right; padding: 0 120px 20px 10px; }
#association_logos img { padding: 2em 30px 0 20px; vertical-align: top; }
#contact_us { width: 900px; margin: 0 20px 20px 20px; }
#form_intro { clear: both; padding: 1em 0 0 0; }
label.error { float: none; color: #B0171F; padding-left: .5em; vertical-align: top; }
#confirmation_msg { padding: 0 0.5em 20px 20px; color: #3b447a; }
.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: 400px; height: 250px; border: 1px solid #aaa; padding: 0 20px 1em 20px; }
.tel { padding: 0.5em 0 0.5em 0 }
.tel .type,.tel .value  { font-size: 1.3em; font-weight: bold; }

footer { background-color: #3b447a; color: #FFF; clear: both; font-size: 85%; text-align: center; padding: 10px 0 10px 0; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited, footer a:hover  { color: #FFF; }