/*
blue - A6B6BA
gold - EEC900
off white - FEFDF5
grey - 454545
dark blue - 627E85
*/

html { margin: 0; padding: 0; height: 101%; background-color: #A6B6BA; }
body { margin: 0; padding: 0; text-align: center; font-family: 'Quattrocento', arial, serif; color: #454545; font-size: 1em; line-height: 1.2em; background-color: #d9e8ef; }
h1 { font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; padding: 0 0 0.25em 0; margin: 0 0 0.75em 0; }
h2 { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; padding: 0 0 0.25em 0; }
p { padding: 0 0 1em 0; }
a,a:link,a:focus,a:active,a:visited { color: #454545; }
a:hover { color: #627E85; }
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 0.75em 3em; }
ul li { padding: 0.25em 0 0.25em 0; }
ol { margin: 0 0 0.75em 3em; }
ol li { padding: 0.25em 0 0.25em 0; }

#slogan_strip { width: 100%; background-color: #A6B6BA; height: 30px; border-bottom: 1px solid #EEC900; }
#slogan { margin: 0 auto; width: 960px; color: #FEFDF5; font-size: 0.75em; padding: 7px 0 0 0; text-align: left; }
#header_strip { width: 100%; height: 120px; background-color: #FEFDF5; }
header  { clear: both; margin: 0 auto; width: 960px; height: 120px; text-align: left; }
#logo { width: 300px; float: left; margin: 25px 0; }

nav { width: 600px; float: left; margin: 65px 0 0 60px; line-height: 1em; font-family: Geneva, Verdana, sans-serif; font-size: 1em; text-transform: uppercase; }
#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: 10px 8px; font-size: 12px; letter-spacing: 1px; color: #454545; text-decoration: none; }
#nav a:hover, #nav #selected_menu { color: #627E85; }
#nav li { float: left; position: relative; margin: 0; padding: 0; }
#nav ul { position: absolute; width: 300px; top: 36px; display: none; background-color: #FFFEFB; }
#nav ul li { float: left; position: relative; margin: 0; padding: 0; border-bottom: 1px dashed #EEC900; }
#nav li ul a { width: 280px; float: left; }
#nav li:hover ul { display: none; }
#nav li:hover ul, #nav li li:hover ul { display: block; }

#section_strip { background-color: #FEFDF5; }
section { clear: both; margin: 0 auto; width: 960px; padding: 0; text-align: left; background-color: #FEFDF5; border-top: 1px solid #627E85; }
article { clear: both; padding: 20px 0; }
.portfolio_listing { padding: 0.5em 0; text-align: left; }
.portfolio_listing img { border: 1px #000000 solid; float: left; width: 200px; }
.portfolio_desc { width: 450px; float: left; padding: 0 0 3em 1em; }
.portfolio_title { font-style: italic; padding: 0 0 0.5em 0; }
#sibling_menu { width: 220px; float: left; padding: 16px 0 2em 0; font-family: Helvetica, Arial, sans-serif; }
#sibling_menu ul { list-style-type: none; font-size: 0.85em; margin: 0; }
#sibling_menu_content { width: 680px; float: left; clear: none; padding: 20px 0 20px 20px; }
#portfolio_year_nav  { padding: 0.25em 0; margin: 0 0 1em 0; }
#portfolio_year_nav a { padding: 0 0.5em 0 0; font-weight: bold; }
#portfolio_menu_main { margin: 0.5em 0 1em 0; padding: 0.25em 0 1em 0; border-bottom: 1px dashed #627E85; }
#portfolio_menu_type { margin: 0.5em 0 1em 0; padding: 0.25em 0 1em 0; border-bottom: 1px dashed #627E85; }
#portfolio_menu_location { margin: 0.5em 0 1em 0; padding: 0.25em 0 1em 0; border-bottom: 1px dashed #627E85; }
#articles_main_menu { margin: 0.5em 0 1em 0; padding: 0.25em 0 1em 0; border-bottom: 1px dashed #627E85; }
#articles_menu_type { margin: 0.5em 0 1em 0; padding: 0.25em 0 1em 0; border-bottom: 1px dashed #627E85; }
.testimonial { clear: both; padding: 1em 0; width: 100%; border-bottom: 1px dashed #043667; }
.testimonial .signature { font-style: italic; color: #627E85; float: left; padding: 0 0.5em 0.5em 0; }
.testimonial .date { float: left; padding: 0 0 0.5em 0.5em; font-size: 0.85em; }
.testimonial .link { float: left; padding: 0 0 0.5em 0.5em; font-size: 0.85em; }
#newsletter_year_nav  { padding: 0.25em 0; margin: 0 0 1em 0; }
#newsletter_year_nav a { padding: 0 0.5em 0 0; font-weight: bold; }
.newsletter_summary { font-size: 0.85em; padding: 0.5em 0 0 20px }
.newsletter_link { font-size: 0.85em; padding: 0 0 1.5em 3em; }
#social_media_links { min-height: 100px; clear: both; margin: 0.5em 0 0 0; }
#social_media_links h2 { padding: 0 0 0.25em 0; margin: 0 0 0.5em 0; border-bottom: 1px solid #A6B6BA; } 
#social_media_links div { float: left; }
#social_media_links img { border: 0; margin: 0 5px 15px 0; height: 38px; }
#social_media_links p { font-size: 11px; font-weight: bold; line-height: 1em; }
#home_page { width: 500px; float: left; }
#recent_work { margin: 20px 0 20px 0; width: 440px; float: right; }
#recent_work h2 { padding: 0 0 20px 20px; font-weight: bold; }
#recent_work_link { padding: 0 0 20px 20px; }
.recent_work_item { margin: 0 0 30px 20px; font-size: 0.85em; width: 200px; height: 170px; float: left; }
.recent_work_item img { border: 1px #000000 solid; width: 200px; height: 150px; }
.recent_work_item p { text-align: left; line-height: 1em; }
.profile { width: 800px; }
.profile_photo { float: right; margin: 30px 65px 20px 40px; }
.blog_year_heading { font-weight: bold; padding: 1em 0 0.25em 0; }
#blog_date { font-style: italic; font-size: 0.85em; padding: 0 0 0.5em 0; }
.blog_section { padding: 0 0 0.5em 0; margin: 0 0 2em 0; }
.blog_section_photo { padding: 0 0 0.5em 0; }
#comments { margin: 1em 0 0 0; }
.comment_container { padding: 1em 0 2em 0; border-top: 1px dashed #7A7A7A; width: 500px; }
.comment_container .name  { font-style: italic; font-weight: bold; width: 200px; float: left; }
.comment_container .date  { font-size: 0.85em; width: 200px; float: left; clear: right; }
.comment_container .comment  { padding: 0 0 0.25em 0; }
#pricing { text-align: left; margin: 0 0 2em 0; }
#pricing thead, #pricing tfoot { background-color: #A6B6BA;}
#pricing .row-on { background-color: #FFF; }
#pricing .hosting_monthly_price { background-color: #FCF5D1; }
#pricing .sub_heading { vertical-align: top; padding: 0.5em; width: 200px; font-weight: bold; background-color: #F7F8F9; }
#pricing .name { padding: 0.5em 0.5em 0.5em 2em; width: 200px; font-size: 0.85em; }
#pricing .email { text-align: center; padding: 0.5em; width: 120px; }
#pricing .standard { text-align: center; padding: 0.5em; width: 120px; }
#pricing .advanced {	text-align: center; padding: 0.5em; width: 120px; }
#pricing .professional {	text-align: center; padding: 0.5em; width: 120px; }
#website_review_toolbar { width: 100px; float: right; }
#giving_back_year_nav { padding: 0.5em 0; }
.giving_back_item { clear: both; margin: 1em 0 1.5em 0; }
.giving_back_item_title  { padding: 0 0 0.5em 0; font-weight: bold; }
.giving_back_item_date { padding: 0 1em 0.5em 0; font-size: 0.85em; font-style: italic; }
.giving_back_item_photo { width: 300px; float: right; margin: 0 0 20px 0; }
.giving_back_item_description { width: 600px; float: left; padding: 0.5em 0 0 1em; }

label.error { color: #B0171F; position: relative; top: -4.5em; left: 5em; }
#contact_info { width: 400px; float: left; padding: 20px 40px 0 0; }
#contact_form_container { width: 500px; float: left; padding: 50px 0 0 0; }
#form_intro { clear: both; padding: 1em 0 0 0; }
#error_msg { padding: 0.5em 0; color: #bb2828; }
#confirmation_msg { padding: 0.5em 0; color: #627E85; }
.form_input { width: 100%; clear: both; margin: 0 0 1em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 1em 0; }
#bot_check { visibility: hidden; float: right; }
.submit_btn { background-color: #5997d0; color: #FFF; padding: 0.25em 1em 0.25em 1em; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#map { float: left; width: 400px; height: 300px; border: 1px solid #aaa; margin: 0 20px 1em 0; }
.vcard { padding: 1em 0 1em 0; clear: both; }
.tel { padding: 0.5em 0 }
.tel .type,.tel .value  { font-size: 1.1em; font-weight: bold; }
.fax { padding: 0.25em 0 }
.email { padding: 0.25em 0 }
.clear { clear: both; }

#footer_strip { width: 100%; background-color: #A6B6BA; border-top: 1px solid #EEC900; }
footer { clear: both; margin: 0 auto; width: 960px; text-align: left; font-size: 0.85em; color: #FEFDF5; padding: 0 0 10px 0; } 
#footer_main_menu { width: 280px; float: left; margin: 0; padding: 10px 0 20px 0; color: #FEFDF5; text-align: left; list-style-type: none; } 
#footer_portfolio { width: 320px; float: left; margin: 0; padding: 10px 0 20px 0; color: #FEFDF5; text-align: left; list-style-type: none; } 
#footer_credits { width: 250px; float: left; margin: 0; padding: 10px 0 20px 0; color: #FEFDF5; text-align: left; list-style-type: none; } 
footer  li { padding: 0.25em 0; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited { color: #FEFDF5; }
footer a:hover  { color: #627E85; }