@charset "utf-8";
/* Styles for Shelley Heal Homepage */

body {
  background: url(../graphics/template/bkgrd_home.jpg) repeat-x 0 0;
}

#banner {
  width: 828px;
  height: 396px;
  padding: 0;
  margin: -16px auto 21px auto;
}

#banner img {
  display: block;
  padding: 0;
  margin: 0;
}

/* CTA Syles ************************************* */

#ctas {
  width: 828px;
  height: 199px;
  padding: 0;
  margin: 0 auto;
}

#ctas .cta {
  width: 265px;
  height: 199px;
  float: left;
  padding: 0;
  margin: 0 17px 0 0;
  background: url(../graphics/homepage/ctas/bkgrd.jpg) repeat-x 0 bottom;
}

#ctas #middle {
  width: 264px;
}

#ctas #last {
  float: right;
  margin: 0;
}

#ctas .cta .title {
  height: 39px;
  margin: 0;
  padding: 0;
  background: url(../graphics/homepage/ctas/title_bar_endpiece.jpg) no-repeat 0 0;
}

#ctas #last .title {
  background: url(../graphics/homepage/ctas/title_bar_middlepiece.jpg) no-repeat 0 0;
}

#ctas .cta .title img {
  display: block;
  padding: 7px 0 0 13px;
}

#ctas .cta .copy {

}

#ctas .cta .copy p {
  font-size: 0.86em;
  line-height: 1.3em;
  width: 128px;
  margin: 9px 0 0 6px;
  float: left;
  clear: none;
}

#ctas .cta .copy .readmore {
  line-height: 1em;
  font-weight: bold;
  font-size: 0.86em;
  float: left;
  clear: none;
  height: 17px;
  padding: 2px 22px 0 0;
  margin: 9px 0 0 6px;
  background: url(../graphics/homepage/ctas/arrow.gif) no-repeat right 0;
}

#ctas .cta .copy .readmore a,
#ctas .cta .copy .readmore a:link,
#ctas .cta .copy .readmore a:visited,
#ctas .cta .copy .readmore a:hover,
#ctas .cta .copy .readmore a:active {
  text-decoration: none;
}

/* Portfolio CTA Syles ************************************* */

#ctas .cta #portfolio p {
  width: 128px;
}

#ctas .cta #portfolio #photos {
  float: right;
  width: 120px;
  padding: 0;
  margin: 1px 6px 0 0;
}

#ctas .cta #portfolio #photos img {
  width: 120px;
  height: 63px;
  display: block;
  padding: 0;
  margin: 10px 0 0 0;
}

/* Qualifications CTA Syles ************************************* */

#ctas .cta #qualifications p {
  width: 122px;
}

#ctas .cta #qualifications img {
  display: block;
  float: right;
  clear: none;
  padding: 2px 3px 0 0;
  margin: 0;
  width: 133px;
}

/* Services CTA Syles ************************************* */

#ctas .cta #services p {
  width: 122px;
}

#ctas .cta #services img {
  display: block;
  float: right;
  clear: none;
  padding: 19px 4px 0 0;
  margin: 0;
  width: 133px;
}