/* Reset CSS
------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
  font-size:100%;
}
fieldset,img {
  border:0;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-weight:normal;
  font-size:100%;
}

/* elements  */
body{
  background:#fff;
  font:76% helvetica, arial,verdana, sans-serif;
  color: #000;
  text-align:center;
}

a {text-decoration:none; color: #000;}
a:hover {text-decoration:underline;}

.blue, a.nav-process:hover {color: #0096d6;}
.purple, a.nav-services:hover {color: #91268f;}
.orange, a.nav-testimonials:hover {color: #f78e1e;}
.green, a.nav-about:hover {color: #6cb33f;}
.grey, a.nav-contact:hover {color: #8c8c8c;}

/* containers */
#full {background:#fff url(../images/bg-home.jpg) bottom left no-repeat; width: 955px; height: 764px; margin:0px auto; text-align:left;}
#full-services {background:#fff url(../images/bg-services.jpg) bottom left no-repeat; width: 955px; height: 757px; margin:0px auto; text-align:left;}
#full-process {background:#fff url(../images/bg-process.jpg) bottom left no-repeat; width: 955px; height: 705px; margin:0px auto; text-align:left;}
#full-aboutus {background:#fff url(../images/bg-aboutus.jpg) bottom left no-repeat; width: 955px; height: 660px; margin:0px auto; text-align:left;}
#full-testimonials {background:#fff url(../images/bg-testimonials.jpg) 0px 357px no-repeat; width: 955px; min-height:710px; height:auto !important; height:710px; margin:0px auto; text-align:left;}
#full-contact {background:#fff url(../images/bg-contact.jpg) 0px 354px no-repeat; width: 955px; min-height:755px; height:auto !important; height:755px; margin:0px auto; text-align:left;}

#container {width: 899px;}

#topnav {height: 102px;}
#topnav ul {float: right; width: 498px; margin-top: 30px; font-size: 1.0em; font-weight: bold;}
#topnav ul li {float: left; width: 80px;}
#topnav ul li.contact {padding-left: 12px;}
#topnav ul li a{ text-decoration: none;}

#content {overflow: hidden;}
#content #left{float: left; background:#fff url(../images/logo-bhh.gif) bottom right no-repeat; width: 318px; height: 255px; text-align: right;}
#content #right{float: right; width: 498px;}

#content #right #home-toparea{height: 204px;}
#content #right #home-sublinks {height: 312px;}

#content #right #services-toparea{height: 380px; background:#fff url(../images/bg-services-right.jpg) bottom right no-repeat; }
#content #right #aboutus-toparea{height: 430px; background:#fff url(../images/bg-aboutus-right.jpg) bottom right no-repeat; margin-bottom: 10px;}
#content #right #process-toparea {margin-bottom: 15px;}

#content #left h2{font-size: 2.1em; font-weight: bold;}
#content #right h2{font-size: 2.1em; font-weight: bold;}
#content #right p{margin-top: 10px; line-height: 1.2em; font-size: 0.9em;}

#right #home-sublinks div{float: left; width: 140px; padding-right: 26px;}
#right #home-sublinks span.title{font-size: 1.4em; font-weight: bold; display: block;}
#right #home-sublinks span{margin-top: 0; font-size: 0.9em;}


#footer {border-top: 1px solid #000; height: 92px; font-size: 0.9em;}
#footer #updates {border-bottom: 1px solid #000; padding: 10px 0; overflow: hidden; width: 498px;}

#footer ul {margin-top: 10px; font-size: 0.9em; overflow: hidden;}
#footer ul li {float: left; border-right: 1px solid #7d7d7d; padding: 0 10px;}
#footer ul li.first {padding: 0 10px 0 0;}
#footer ul li.last {border-right: 0px;}
#footer ul li a{ text-decoration: none; color: #7d7d7d; text-transform: uppercase;}
#footer #copyright {clear: both; margin-top: 8px; color: #7d7d7d; font-size: 0.9em;}

#upd-left {float: left; width: 280px; color: #323232; font-weight: bold; font-size: 1.1em; line-height: 1.5em;}
#upd-right {float: right; color: #7f7f7f; font-weight: bold; font-size: 0.9em; line-height: 1.5em;}
#upd-right input.email {width: 110px; border: 1px solid #000; margin: 0 5px 0 3px;}

#services-toparea .padright {padding-right: 285px;}
#aboutus-toparea .padright {padding-right: 225px;}
#aboutus-toparea .padright2 {padding-right: 240px;}

#aboutus-toparea h3{font-size: 1.7em; font-weight: bold; padding-right: 260px; line-height: 1.0em; margin-top: 10px;}

#services-toparea a {color: #f78e1e; text-decoration: underline;}
#aboutus-toparea a {color: #6cb33f; text-decoration: underline;}
#contact-toparea a {color: #8c8c8c; text-decoration: underline;}

#testimonials-toparea div.adjust {background:transparent url(../images/divider.gif) bottom left repeat-x; padding-bottom: 10px; text-align: right; color: #f78e1e; text-decoration: none; cursor: pointer; margin-bottom: 10px; font-size: 0.8em;}
#testimonials-toparea p.testimonials-top {background:transparent url(../images/divider.gif) bottom left repeat-x; padding-bottom: 14px; margin-bottom: 5px;}


#process-toparea p#integrated {display: block; height: 102px; background:#fff url(../images/process-integrated.jpg) top left no-repeat; padding: 170px 0 0 180px;}

#contact-toparea div.map {margin: 25px 0;}

#contact-toparea div.address {border-top: 1px solid #464646; padding-top: 20px; margin-top: 28px; line-height: 1.2em; font-size: 0.9em; overflow: hidden;}
#testimonials-toparea div.testimonial{margin-top: 10px; line-height: 1.2em; font-size: 0.9em; font-style:italic;}
#testimonials-toparea div.testimonial b{font-style:normal;}

#contact-toparea div.address div.right{float: right; width: 250px;}
#contact-toparea div.address div.left{float: left; width: 200px;}

#testimonials-toparea span.showmore {display: none;}

#popup {text-align: left; margin: 12px 14px 0 20px;}
#popup h2{clear: both; font-size: 0.9em; font-weight: bold; color: #6bb441; width: 220px; line-height: 1.0em; margin-bottom: 10px;}
#popup ul {margin: 20px 20px 0 0; font-size: 0.9em; clear: both;}

#popup ul li {
  background-image:url(../images/bullet.gif);
  background-position:2px 4px;
  background-repeat:no-repeat;
  padding-left: 10px;
  margin-top: 3px;
  }

#popup a.close {margin-top: 3px; display: block; float: right; color: #666; font-size: 0.8em;  text-decoration: underline;}

#popup .enclose {overflow: hidden; width: 270px;}

#bhhFormContainer {background:#fff url(../images/bg-form.jpg) bottom left no-repeat; width: 725px; height: 575px; margin:0px auto; text-align:left;}
#bhhFormContainer h2{ font-size: 2.2em; margin-top: 10px; text-align: center;}
#bhhForm{margin: 20px 0 0 50px;}
#bhhForm label{
  float: left;
  width: 130px;
  text-align: right;
  color: #0095d5;
  margin: 10px 10px 0 0;
}
#bhhForm input{
  width: 185px;
  margin-top: 5px;
}
#bhhForm input.submit{
  width: auto; margin-left: 142px;
}

#bhhFormContainer div.returntosite{
  color: #0095d5; font-size: 1.1em; margin-left: 195px; margin-top: 10px;
}

#bhhFormContainer div.returntosite a{
  color: #0095d5; 
}

#bhhForm label.error{
  float: none;
  width: auto;
  text-align: left;
  color: #6cb33f;
  margin: 0 0 0 10px;
}