/*
 * Redeclare Layout / Content Styles to suit lack of main menu
 */

#main {
  padding-top: 20px;
}
#main .constrainer {
  width: 768px; /* ?? Seems to be a magic number which makes IE5 work */
  w\idth: 732px;
  padding-left: 18px;
}

#linkbar {
  margin-top: 1px;
}

/*
 * Homepage Styles - Header
 */

#homepage-header {
  background: #fff;
  color: #fff;
  display: block;
}
#homepage-header .constrainer {
  width: 768px;
  height: 257px;
  background: url(/images/homepage-header-montage.jpg) no-repeat;
}
#homepage-header h1 {
  float: left;
  display: inline; /* IE6 fix */
  width: 182px;
  height: 78px;
  margin: 39px 87px 0 28px;
  background: url(/images/homepage-mount-charles-logo.gif) no-repeat;
}
#homepage-header h1 span {
  display: none;
}
#homepage-header .content {
  float: left;
  width: 471px;
  padding: 20px 0 0 0;
}
#homepage-header .content h2 {
  font-size: 1.7em;
  margin: 0 0 12px 0;
  color: #929192;
  font-weight: normal;
}
#homepage-header .content p {
  font-size: 0.9em;
  margin: 0 25px 0 55px;
  line-height: 1.6em;
  color: #e4dfe3;
}

/*
 * Homepage Styles - Panels
 */

#homepage-panels {
  background: url(/images/homepage-panels-background.gif) repeat-y;
  margin-bottom: 17px;
  overflow: hidden;
  display: inline-block;
}
#homepage-panels {
  display: block;
}
#homepage-panels a {
  color: #5F4657;
  text-decoration: none;
}
#homepage-panels .panel-1,
#homepage-panels .panel-2,
#homepage-panels .panel-3,
#homepage-panels .panel-4 {
  float: left;
  width: 177px;
  margin-right: 23px;
}
#homepage-panels .panel-3 {
  margin-right: 22px;
}
#homepage-panels .panel-4 {
  width: 169px;
  margin-right: 0;
}
#homepage-panels .panel-1 h2,
#homepage-panels .panel-2 h2,
#homepage-panels .panel-3 h2,
#homepage-panels .panel-4 h2 {
  background-repeat: no-repeat;
  color: #fff;
  margin: 0;
  padding: 6px 10px 6px 10px;
  font-size: 1.3em;
  text-align: right;
}
#homepage-panels .panel-1 h2 a,
#homepage-panels .panel-2 h2 a,
#homepage-panels .panel-3 h2 a,
#homepage-panels .panel-4 h2 a {
  color: #593a52;
}
#homepage-panels .panel-1 ul,
#homepage-panels .panel-2 ul {
  margin: 10px;
  padding: 0;
  list-style: none;
}
#homepage-panels .panel-3 ul,
#homepage-panels .panel-4 ul {
  margin: 0 10px 10px 10px;
  padding: 0;
  list-style: none;
}
#homepage-panels .panel-1 ul li,
#homepage-panels .panel-2 ul li,
#homepage-panels .panel-3 ul li,
#homepage-panels .panel-4 ul li {
  margin: 0 0 8px 0;
  padding: 5px 5px 5px 17px;
  background: #fff url(/images/homepage-panels-bullet.gif) 5px 10px no-repeat;
  font-family: verdana;
  font-weight: bold;
  font-size: 1em;
}

/*
 * Homepage Styles - Bottom part (Client list and advertisements)
 */

#homepage-bottom {
  margin-top: -8px;
}
#homepage-bottom ul {
  margin: 0;
  padding: 0;
}
#homepage-bottom ul li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}
#homepage-bottom ul li#promo-client-list {
  width: 244px;
  background: #866D7E url(/images/homepage-promo-footer01.gif) bottom left no-repeat;
}
#homepage-bottom ul li#promo-request-brochure {
  width: 250px;
  background: #866D7E url(/images/homepage-promo-footer01.gif) bottom left no-repeat;
}
#homepage-bottom ul li#promo-join-mountcharles {
  width: 257px;
  background: #866D7E url(/images/homepage-promo-footer01.gif) bottom left no-repeat;
}

#footer {
  margin-top: -20px;
}


#homepage-client-list {
  float: left;
  width: 269px;
  w\idth: 251px;
  border: 1px solid #9d8997;
  padding: 8px 8px 4px 8px;
  margin-right: 12px;
}
#homepage-client-list .fields {
  margin: 0 0 11px 0;
  overflow: hidden;
  display: inline-block;
}
#homepage-client-list .fields {
  display: block;
}
#homepage-client-list .fields label {
  float: left;
  width: 65px;
  color: #523047;
  text-align: right;
  font-size: 1.1em;
  font-weight: bold;
  margin: 1px 8px 0 0;
}
#homepage-client-list .fields select {
  float: left;
  width: 170px;
  font-size: 1em;
}
#homepage-client-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  display: inline-block;
}
#homepage-client-list ul {
  display: block;
}
#homepage-client-list ul li {
  float: left;
  margin: 0 13px 0 0;
  padding: 0;
}
#homepage-client-list ul li.last {
  margin-right: 0;
}
#homepage-client-list ul li img {
  display: block;
}

#homepage-advertisements {
  float: left;
  width: 487px;
  overflow: hidden;
  display: inline-block;
}
#homepage-advertisements {
  display: block;
}
#homepage-advertisements .left {
  float: left;
  width: 244px;
}
#homepage-advertisements .right {
  float: left;
  width: 243px;
}
#homepage-advertisements .left h2,
#homepage-advertisements .right h2 {
  padding: 9px 10px 0 10px;
  height: 50px;
  he\ight: 41px;
  color: #523047;
  margin: 0;
  font-size: 1.1em;
  background: #bdb5ba no-repeat;
}
#homepage-advertisements .left h2 {
  background: url(/images/homepage-advertisement-panel-left-heading.gif) no-repeat top right;
}
#homepage-advertisements .right h2 {
  background: url(/images/homepage-advertisement-panel-right-heading.gif) no-repeat top right;
}
#homepage-advertisements .left .content,
#homepage-advertisements .right .content {
  background: #bdb5ba no-repeat;
  height: 61px;
  he\ight: 47px;
  padding: 7px 0 7px 10px;
  font-size: 0.9em;
  overflow: hidden;
}
.content p {
  margin: 0 0 5px 0;
 }
#homepage-advertisements .left .content .go-button,
#homepage-advertisements .right .content .go-button {
  float: right;
  margin: 16px 0 0 1px;
}
#homepage-advertisements .left .content .go-button {
  margin-right: 1px;
}
#homepage-advertisements .right .content .go-button {
  margin-right: 1px;
}
#homepage-advertisements .left .content {
  background: url(/images/homepage-advertisement-panel-left-background.gif) no-repeat top right;
}
#homepage-advertisements .right .content {
  background: url(/images/homepage-advertisement-panel-right-background.gif) no-repeat top right;
}