@charset "UTF-8";
/* CSS Document */
/*
Colors used in the site
Blue: 0,170,172 #5AA9A3
Brown: 141,118,48
Red: 237,28,36
Green: 133,154,75
Aqua: #5aa9a3
Orange: 249,160,27 #E75D1D
Light Orange: #ffa502
Grey: 125,125,125
*/

body {
  color: rgb(125,125,125);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
}

body, form {
  margin: 0;
  padding: 0;
}

a {
  color: rgb(125,125,125);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  margin: 0 0 10px 0;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 9px 0;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 2px 0;
}

#container {
  margin: 0 auto 0 auto;
  text-align: left;
  width: 864px;
}

#header {
  float: left;
  height: 102px;
  padding: 0 49px 0 42px;
  width: 773px;
}

#logo {
  float: left;
  padding: 39px 60px 0 0;
  width: 258px;
}

#navigation {
  float: left;
  padding: 0 0 0 0;
  white-space: nowrap;
  width: 265px;
}

#navigation img {
  float: left;
}

#content {
  float: left;
  padding: 0 49px 0 42px;
  width: 773px;
}

#footer {
  float: left;
  font-size: 10px;
  padding: 0 49px 0 42px;
  width: 773px;
}

#footer a {
  font-weight: bold;
}

#addressLogoBar {
  float: left;
  padding: 20px 0 35px 0;
  text-align: right;
  width: 773px;
}

.footerLogo {
  border-right: 1px solid #5AA9A3;
  float: right;
  height: 46px;
  padding: 0 8px 0 8px;
}

#addressBlock {
  float: right;
  padding: 0 0 0 10px;
  text-align: right;
  width: 150px;
}

#footerSignup {
  float: left;
  font-size: 11px;
  text-align: left;
  width: 386px;
}

#footerSignup input[type="text"] {
  border: 1px solid #5AA9A3;
  font-size: 11px;
}

#footerSignup input[type="button"] {
  font-size: 11px;
}

#footerDescriptionPopup {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  left: 0px;
  opacity:0;
  filter:alpha(opacity=0);
  padding: 5px 5px 5px 5px;
  position: absolute;
  top: 0px;
  visibility: visible;
  width: 150px;
}

#copyright {
  float: left;
  text-align: right;
  width: 387px;
}

/* 3 column styles */
#triCol1 {
  float: left;
  padding: 0 20px 0 0;
  width: 279px;
}

#triCol2 {
  float: left;
  height: 275px;
  overflow: auto;
  margin: 0 18px 0 0;
  visibility: visible;
  width: 255px;
}

#triCol2 h4 {
  clear: both;
  margin-top: 8px;
}

#triCol3 {
  float: left;
  width: 200px;
}

/*Error Message Boxes*/
#errorMessage {
  border: solid 1px #000000;
  background-color: #e3e3e3;
  font-size: 10px;
  color: #CC0000;
  font-weight: bold;
  margin: 10px 5px 10px 5px;
  padding: 5px;
}

#successMessage {
  border: solid 1px #000000;
  background-color: #e3e3e3;
  font-size: 10px;
  color: #006600;
  font-weight: bold;
  margin: 10px 5px 10px 5px;
  padding: 5px;
}

/* special design styles */
.green {
  color: rgb(133,154,75);
}

.aqua {
  color: #5aa9a3;
}

.lightOrange {
  color: #ffa502;
}

.orange {
  color: #E75D1D;
}

.brown {
  color: rgb(141,118,48);
}

.year {
  float: left;
  margin-top: 5px;
  width: 230px;
}

/* home page style */
#homePageCol1 {
  float: left;
  padding: 0 42px 0 0;
  width: 260px;
}

#homePageCol1 strong {
  color: rgb(133,154,75);
}

#homePageCol2 {
  float: left;
  text-align: right;
}

/* design section styles */
#triColDesign {
  float: left;
  padding: 0 20px 0 0;
  width: 237px;
}

#projectDetails {
  color: #FFFFFF;
  height: 51px;
  left: 0px;
  opacity:0;
  filter:alpha(opacity=0);
  padding: 5px 5px 5px 5px;
  position: absolute;
  top: 0px;
  vertical-align: bottom;
  visibility: visible;
  width: 103px;
}

img.projectThumbnail {
  border: none;
  float: left;
  margin: 0 5px 5px 0;
}

.residentialThumbnailHover {
  background-color: #5AA9A3;
}

.commercialThumbnailHover {
  background-color: #E75D1D;
}

#projDescCol1 {
  float: left;
  padding: 0 40px 0 0;
  width: 265px;
}

#projDescCol2 {
  float: left;
  width: 415px;
}

#projArchiveCol2 {
  float: left;
  width: 465px;
}

#triCol2Work {
  float: left;
  height: 275px;
  overflow: auto;
  margin: 0 15px 0 0;
  visibility: visible;
  width: 240px;
}

#triCol3Work {
  float: left;
  width: 217px;
}

/* contact section styles */
.formLabel {
  float: left;
  margin: 0 0 6px 0;
  width: 55px;
}

#triCol2 input[type="text"] {
  border: 1px solid #5AA9A3;
  font-size: 10px;
  margin: 0 0 5px 0;
  width: 100px;
}

#triCol2 input[type="button"] {
  margin: 0 0 0 0;
}

#triCol2 textarea {
  border: 1px solid #5AA9A3;
  font-size: 10px;
  width: 175px;
}

a.mapLink {
  color: rgb(255,165,2);
  font-weight: bold;
  text-decoration: none;
}

/* press section styles */
.pressListItem {
}

.pressDate {
  float: left;
  width: 45px;
}

.pressTitle {
  float: left;
  padding: 0 0 0 5px;
  width: 180px;
}

/* profile section styles */
.staffImage {
  margin: 0 0 8px 5px;
}

.staffBio {
  display: none;
}

.staffBio h2 {
  color: rgb(133,154,75);
  font-size: 15px;
  margin: 0 0 2px 0;
}

.staffBio h3 {
  font-size: 12px;
  margin: 0 0 8px 0;
}

#triCol1Studio {
  float: left;
  padding: 0 20px 0 0;
  width: 240px;
}

#triCol2Studio {
  float: left;
  height: 325px;
  padding: 0 15px 0 0;
  width: 244px;
}

#triCol2StudioInner {
  float: left;
  height: 280px;
  margin: 0 0 5px 0;
  overflow: auto;
  visibility: visible;
  width: 244px;
}

#triCol3Studio {
  float: left;
  width: 253px;
}

.drawerContent {
  height: 0px;
  overflow: hidden;
}

.drawer h2 {
  cursor: pointer;
}