/*
 * Homepage Styles
 */
 
#background-container-1.homepage {
  background: url(/images/homepage-background.gif) repeat-y;
} 
#background-container-2.homepage {
  background: url(/images/homepage-panels-background.gif) 182px bottom no-repeat;
}

#homepage-top {
  height: 202px;
  margin-bottom: 1px;
  background: #f00;
}
#homepage-top .introduction {
  float: left;
  width: 275px;
  w\idth: 242px;
  height: 179px;
  padding: 20px 10px 0 23px;
  background: #ee3b33;
  color: #fff;
}
#homepage-top .introduction h3 {
  width: 169px;
  height: 48px;
  background: url(/images/welcome-to-northstone-heading.gif) no-repeat;
  margin: 0 0 8px 0;
}
#homepage-top .introduction h3 span {
  display: none;
}
#homepage-top .introduction p {
  margin: 0;
  line-height: 1.3em;
}
#homepage-top .slideshow {
  float: left;
  width: 440px;
  height: 202px;
  background: url(/images/homepage-slideshow-image.jpg) no-repeat;
}

#homepage-panels {
  float: left;
  width: 532px;
  margin: 0 1px 0 0px;
}
#homepage-panels ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#homepage-panels ul li {
  float: left;
  padding: 18px 23px 18px 23px;
}
#homepage-panels ul li h4 {
  color: #c00;
  font-size: 1.2em;
  margin: 0 0 1.1em 0;  
}