/***************************************************************************************************
  Global Block Elements
***************************************************************************************************/
body {
  margin: 0 auto;
  color: #555555;
  font: 14px Arial;
  line-height: 21px;
}
#wrapper {
  margin: 70px auto;
  text-align: center;
}
#bar-top {
  background: #689149 url(../images/bar-shadow-top.jpg) top left repeat-x;
  height: 24px;
  margin-bottom: 30px;
}
#bar-bottom {
  background: #689149 url(../images/bar-shadow-bottom.jpg) bottom left repeat-x;
  height: 24px;
  margin-top: 30px;
}
#container {
  width: 620px;
  margin: 0 auto;
  text-align: center;
}
#logo {
  margin-bottom: 14px;
}
#logo img {
}
#button-wrapper {
  width: 420px;
  margin: 0 auto;
}
#residential {
  height: 240px;
  font-size: 12px;
  float: left;
  width: 200px;
  margin: 0 10px 0 0;
}
#residential-detail {
  width: 200px;
}
#commercial {
  height: 240px;
  font-size: 12px;
  float: left;
  width: 200px;
  margin: 0 0 0 10px;
}
#commercial-detail {
  width: 200px;
}
#welcome {
  margin-top: 10px;
}
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/***************************************************************************************************
  Navigation
***************************************************************************************************/


/***************************************************************************************************
  Typography
***************************************************************************************************/
h1 {
  margin: 0 0 1em 0;
  font-size: 18px;
  line-height: 22px;
}
h2 {
  margin: 0 0 1em 0;
  font-size: 15px;
  line-height: 18px;
}
ul {
  margin: 0 0 0 3em;
  padding: 0 0 1em 0;
  list-style: disc;
}
ol {
  margin: 0 0 0 3em;
  padding: 0 0 1em 0;
  list-style: decimal;
}
p {
  padding-bottom: 1em;
}
a {
  color: #689149;
}


/***************************************************************************************************
  Forms
***************************************************************************************************/
input, 
select, 
option {
  font-weight: normal;
}
textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
form label {
  color: #666;
  font-size: 11px;
}

form span.error,
form span.required {
  color: red;
}
form span.field_tip {
  color: #666;
  font-style: italic;
  font-size: 10px;
}