body {font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: #545657;}
body a {text-decoration: none; color: #999;}
body a hover {text-decoration: underline; color: #999;}

legend {display: none;}
.container_12 {margin-top: 20px;}
#header {position: absolute; }
#logo {height: 103px; background: url(../img/logo.gif) left top no-repeat; margin-bottom: 5px;}
#logo h1, #logo h2 {position: absolute; left:-9999em;}

#nav {background-color: #3f4a4d;  background: url(../img/nav_bg.png) no-repeat top left; width:960px; height: 71px; color: #fff; margin:0; padding: 0; }
#nav ul {list-style-type: none; font-size: 110%; margin: 0; padding: 0;}
#nav li {float: left; margin: 0; }
#nav li a {text-decoration: none; display: block; color: #fff;padding: 19px 15px;}
#nav li a:hover {/* background-color: #7f7f7f; */ background: url(../img/nav_bg_over.gif) top left repeat-x;}
#nav li a.selected {background: url(../img/nav_bg_over.gif) top left repeat-x;}

#language {background-color: #3f4a4d; text-align: right; }
#language a {text-decoration: none; display: block; color: #999; padding: 19px 15px;}
#language a:hover {color:#fff;}

#footerlinks {text-align: right; padding-top: 5px; padding-left:80px;}

#content_div {padding-top: 220px; background: url(../img/content_bg.gif) top left repeat-y; background-color: #999;}
#content h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; letter-spacing: 0.05em; font-size: 250%; margin-bottom:10px; line-height: 1.2em; color: #3f4a4d; width:380px;}


#mainImage_div { margin-top:-55px; }

#footer {background-color: #e7e7e7; color: #c1c1c1; height: 50px;}
#footer p {padding: 15px; margin-right:50px; float: left; }

/* homepage specific css */
#header.home #nav {margin-top:375px;}
#content_div.home {padding-top: 110px;}
#content_div #home_img {margin: 0; margin-bottom: 100px;}
#content_div #quote {margin-bottom: 100px;}
#content_div blockquote {font-family: Georgia, "Times New Roman", Times, serif; font-size: 300%; color: #3f4a4d; line-height: 1.3em;}
#content_div .credit {position: relative; right:90px; top:-30px;}
#content_div #teaser {border-left: 1px solid #efefef; width:299px; font-size: 95%;}
#content_div #teaser p {padding-left:20px; padding-top: 10px;}

/* services specific css */
#content_div.services #content p {padding-right: 50px;}

/* contact specific css */
form#contactForm {font-size:90%;}
form#contactForm p {float:left; width:50%;}
form#contactForm p.message_para {width:100%;}
form#contactForm p.name_para input, form#contactForm p.firm_para input {width:90%;}
form#contactForm input {width:100%; border: 1px solid #ccc;}
form#contactForm input.buttons {width:auto; border: 1px solid #ccc; padding: 3px 6px;}
form#contactForm textarea {width:100%; height:100px; border: 1px solid #ccc;}

/* team css */
#content_div.team .team_member {margin-bottom: 40px; position: relative;}
#content_div.team .team_member img {border: 5px solid #9fa4a6;}
#content_div.team .team_member h3 span a {font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: #3f4a4d; text-decoration: none; padding-right: 14px; background: url(../img/triangle.gif) center right no-repeat; line-height: normal; letter-spacing: normal; font-size: 40%;}
#content_div.team .team_member h3 span a:hover {background-image: url(../img/triangle_over.gif);}

/* content colour background */
#content_div.home {background-color: #fff;}
#content_div.services {background-color: #f7f6f6;}
#content_div.contact {background-color: #e4effa;}
#content_div.team {background-color: #f7f6f6;}
