
/**
 * Content Override
 */

#content {
  float: none;
  width: auto;
  margin-left: 55px;
  margin-right: 55px;
  padding: 5px 0 15px 0;
}


/**
 * Announcements
 */

#announcementWrap {
  position: relative;
  height: 40px;
  width: 860px;
}
#announcementWrap div {
  color: #fff;
  position: absolute;
  top: 10px;
  left: 15px;
}
#announcement {
  background: url(../images/home/ticker.gif) no-repeat;
  color: #fff;
  display: table-cell;
  height: 40px;
  list-style: none;
  padding: 0;
  width: 860px;
  vertical-align: middle;
}
#announcement li {
  text-align: left;
  margin: 0 0 0 150px;
}
#announcement li a {
  color: #fff;
  text-decoration: none;
}
#announcementListWrap {
  float: left;
  width: 600px;
}
#announcementListWrap a h4 {
  font-size: 14px;
}
ul#announcementList {
  list-style: none;
  margin: 0;
  padding: 0;
}
#announcementList li {
  clear: left;
  float: left;
  margin: 0 0 10px 0;
}

/**
 * Communities
 */

#communities {
  background: url(../images/home/communities/background.png) center top no-repeat;
  clear: both;
  padding: 15px 45px;
}

#communities form,
#communities p {
  margin: 12px 0;
}

#communities form a {
  text-decoration: none;
}

#communities .scrollable {
  position: relative;
  overflow: hidden;
  float: left;
  width: 788px;
  height: 135px;
  margin-left: 15px;
}

#communities .scrollable ul.items {
  width: 20000em;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
}

#communities .scrollable ul.items li {
  float: left;
  width: 148px;
  height: auto;
  color: #666;
  font-size: 11px;
  margin: 0 12px 0 0;
  padding: 0;
  text-align: center;
}


#communities .scrollable ul.items li a {
  display: block;
}

#communities .scrollable ul.items li img {
  width: 144px;
  height: 108px;
  border: 2px solid #e6e6e7;
}

#communities a.browse {
  background: #fff;
  float: left;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

#communities a.left {

} 

#communities a.left:hover {

}

#communities a.right {
  float: right;
}

#communities a.right:hover {

}

#communities a.disabled {
  visibility: hidden !important;
}


/**
 * Who We Are
 */

#who-we-are {
  float: left;
  width: 530px;
  margin-bottom: 20px;
}


/**
 * Goal
 */

#goal {
  float: right;
  width: 303px;
  height: 220px;
  background: url(../images/home/goal/background.jpg) no-repeat;
  margin: 15px 0;
  padding: 0;
}

#goal p {
  margin: 15px 20px;
}

#goal p strong {
  color: #97c0e6;
  font-family: Georgia, serif;
  font-size: 20px;
  font-weight: normal;
}


/**
 * Who We Serve
 */

#who-we-serve {
  background: url(../images/home/who-we-serve/bgs/gradient.jpg) center 1px repeat-x;
  border-top: 2px solid #e0ecf7;
  clear: both;
  margin-top: 30px;
  padding: 0 30px 30px 30px;
}

#who-we-serve strong {
  color: #005030;
  font-size: 20px;
  font-weight: normal;
}

#who-we-serve ul {
  height: 170px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#who-we-serve ul li {
  float: left;
  width: 192px;
  height: 170px;
  font-weight: bold;
  margin: 0 10px 0 0;
  padding: 0;
  text-align: center;
}

#who-we-serve ul li img {
  border: 3px solid #fff;
  margin: 10px 10px 0 10px;
}

#who-we-serve ul li.single-family-homes {
  background: url(../images/home/who-we-serve/bgs/single-family-homes.jpg) center top repeat-x;
  border-top: 2px solid #0f034e;
  color: #0f034e;
}

#who-we-serve ul li.condos {
  background: url(../images/home/who-we-serve/bgs/condos.jpg) center top repeat-x;
  border-top: 2px solid #005030;
  color: #005030;
}

#who-we-serve ul li.commercial-buildings {
  background: url(../images/home/who-we-serve/bgs/commercial-buildings.jpg) center top repeat-x;
  border-top: 2px solid #97c0e6;
  color: #97c0e6;
}

#who-we-serve ul li.office-buildings {
  background: url(../images/home/who-we-serve/bgs/office-buildings.jpg) center top repeat-x;
  border-top: 2px solid #572600;
  color: #572600;
  margin: 0;
}


/**
 * Visionary
 */

#visionary {
  border-top: 2px solid #e0ecf7;
}

#visionary p {
  margin-left: 345px;
}

#visionary strong {
  color: #005030;
  font-size: 30px;
  font-weight: normal;
}

#visionary em {
  color: #97c0e6;
  font-size: 20px;
  font-weight: normal;
}

