#header-area {
  background: url(../images/header-main.jpg) no-repeat;
}

/* Navigation */

#top-navigation-communities a{
  width: 121px;
  background: url(../images/main-top-navigation.jpg) -6px 0;
}
#top-navigation-communities a:hover {
  background-position: -6px -33px;
}
#top-navigation-communities a.selected {
  background-position: -6px -33px;
}
#top-navigation-communities a.active {
  background-position: -6px -66px;
}


#top-navigation-home-designs a{
  width: 122px;
  background: url(../images/main-top-navigation.jpg) -127px 0;
}
#top-navigation-home-designs a:hover {
  background-position: -127px -33px;
}
#top-navigation-home-designs a.selected {
  background-position: -127px -33px;
}
#top-navigation-home-designs a.active {
  background-position: -127px -66px;
}

#top-navigation-about-perry-homes a{
  width: 160px;
  background: url(../images/main-top-navigation.jpg) -249px 0;
}
#top-navigation-about-perry-homes a:hover {
  background-position: -249px -33px;
}
#top-navigation-about-perry-homes a.selected {
  background-position: -249px -33px;
}
#top-navigation-about-perry-homes a.active {
  background-position: -249px -66px;
}

#top-navigation-contact-us a{
  width: 104px;
  background: url(../images/main-top-navigation.jpg) -409px 0;
}
#top-navigation-contact-us a:hover {
  background-position: -409px -33px;
}
#top-navigation-contact-us a.selected {
  background-position: -409px -33px;
}
#top-navigation-contact-us a.active {
  background-position: -409px -66px;
}

#top-navigation-blog a{
  width: 63px;
  background: url(../images/main-top-navigation.jpg) -513px 0;
}
#top-navigation-blog a:hover {
  background-position: -513px -33px;
}
#top-navigation-blog a.selected {
  background-position: -513px -33px;
}
#top-navigation-blog a.active {
  background-position: -513px -66px;
}

#top-navigation-call-us {
  width: 331px;
  height: 33px;
  background: url(../images/main-top-navigation.jpg) -576px 0;
}


/* Page Body */

#page-copy-outer-wrapper {
  background: url(../images/main-main-background.jpg);
}

#page-copy-inner-wrapper {
  background: url(../images/main-main-background-top.jpg) no-repeat;
  height: 10px;
}

#page-copy-outer-wrapper > #page-copy-inner-wrapper {
  height: auto;
}

#page-content-wrapper {
  float: left;
  width: 576px;
}

#page-content {
  padding: 35px 40px 20px 48px;
  font-size: 10pt;
}

/* Side Navigation */

#side-navigation-wrapper {
  float: left;
  width: 338px;
  margin-top: 12px;
}

#side-navigation {
  margin: 0 7px 0 0;
}

#side-navigation-list {
  margin: 0 0 30px 0;
  padding: 0px;
}

#side-navigation-list li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  list-style-type: none;
  width: 100%;
}

#side-navigation-list li ul, #side-navigation-list li ul li {
  padding: 0; margin: 0;
}

#side-navigation-list li.heading {
  background: url(../images/side-navigation-heading-background.jpg);
  height: 36px;
  color: #596c81;
  font-family: Georgia, Garamond, Palatino Linotype, serif;
  font-size: 18pt;
  padding: 3px 0 0 25px;
  width: auto;
}

#side-navigation-list li.smaller {
  font-size: 16pt;
  padding: 5px 0 0 25px;
  height: 34px;
  width: auto;
}

#side-navigation-list li ul li {
  display: block;
}

#side-navigation-list li ul li a, #side-navigation-list li ul li p {
  color: #688cb5;
  font-family: Georgia, Garamond, Palatino Linotype, serif;
  font-size: 11pt;
  padding: 15px 0 20px 25px;
  margin: 0;
}

#side-navigation-list li ul li p {
  border-bottom: 1px solid #e2dcd6;
}

#side-navigation-list li ul li a {
  text-decoration: none;
  display: block;
  background: url(../images/side-navigation-item-background.gif);
  height: 24px;
  padding: 2px 0 0 50px;
}

#side-navigation-list li ul li a:hover, #side-navigation-list li ul li a.selected:hover {
  background: url(../images/side-navigation-item-background.gif) 0 -26px;
  color: white;
}

#side-navigation-list li ul li a.selected {
  background: url(../images/side-navigation-item-background.gif) 0 -52px;
  color: white;
}

#side-navigation-buttons {
  padding-left: 15px;
}

#brochure-download {
  display: block;
  background: url(../images/side-link-brochure.jpg) top right no-repeat;
  width: 301px;
  height: 84px;
}

#best-locations-link {
  display: block;
  background: url(../images/side-link-utahs-best-locations.jpg) top right no-repeat;
  width: 301px;
  height: 84px;
}

#ready-to-move-link {
  display: block;
  background: url(../images/side-link-ready-to-move.jpg) top right no-repeat;
  width: 301px;
  height: 84px;
}

#financing-link {
  display: block;
  background: url(../images/side-link-financing.jpg) top right no-repeat;
  width: 301px;
  height: 84px;
}

#perrys-sound-advice-link {
  display: block;
  background: url(../images/side-link-sound-advice.jpg) top right no-repeat;
  width: 301px;
  height: 84px;
	margin-bottom: 50px;
}

#footer-area {
  background: #e6e4e3 url(../images/footer-main.jpg) no-repeat;
}

/* callout */

.callout {
  float: right;
  width: 229px;
  background-color: #5c748d;
  color: #ffffff;
  border-top: 1px solid #45505c;
  margin: 15px 0 20px 20px;
}

.callout-pad {
  padding: 20px;
}

.callout h1 {
  margin: 0px;
  padding: 0px;
  font-size: 14pt;
  color: #dfd5cb;
  font-family: Arial, Helectiva, sans-serif;
}

.callout p {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 9pt;
}

/* styled-box */

.styled-box-outer {
  clear: both;
  background: url(../images/styled-box-middle.jpg) repeat-y;
  width: 484px;
}

.styled-box-inner {
  background: url(../images/styled-box-top.jpg) top left no-repeat;
}

.styled-box-content {
  background: url(../images/styled-box-bottom.jpg) bottom left no-repeat;
  padding: 15px 0 15px 0;
}

.styled-box-content-alt {
  background: url(../images/styled-box-bottom-alt.jpg) bottom left no-repeat;
  padding: 16px;
}

.styled-box-content p {
  padding: 0 26px 0 26px;
  color: #5c748d;
}

.styled-box-content h1 {
  padding: 0 27px 3px 27px;
  background: url(../images/styled-box-line.jpg) no-repeat bottom left;
  font-family: Arial, Helectiva, sans-serif;
  color: #48515c;
  font-size: 14pt;
  margin: 10px 0 0 0;
}

.styled-box-content table {
  width: 476px;
  color: #5c748d;
  border-spacing: 0px;
  margin-left: 4px;
}

.styled-box-content table tr.alt {
  background-color: #e8dfd6;
}

.styled-box-content table td {
  padding: 3px 0;
}

.styled-box-content table td.first {
  padding-left: 27px;
  width: 155px;
}

.styled-box-content table td.phone {
  width: 90px;
}

.design-specs-outer {
  margin-left: 4px;
  width: 476px;
  background-color: #5c748d;
  border-bottom: 1px solid #45505c;
  margin-bottom: 30px;
}

.design-specs {
  padding: 10px 0 20px 0;
  color: #ffffff;
}

.design-specs h1 {
  padding: 0 26px 3px 26px;
  color: #dfd5cb;
  font-family: Arial, Helectiva, sans-serif;
  font-size: 14pt;
  background: url(../images/blue-line.jpg) bottom left no-repeat;
  margin-bottom: 15px;
}

.design-specs p {
  padding: 0 26px;
}

.column-left {
  float: left;
  width: 200px;
  margin-left: 26px;
}

.column-right {
  float: left;
  width: 200px;
  padding-left: 25px;
  padding-right: 25px;
}

.floorplan-heading {
  color: #48515c;
  font-size: 14pt;
  font-family: Arial, Helectiva, sans-serif;
  background: url(../images/normal-line.jpg) bottom left no-repeat;
  padding-left: 26px;
  margin-left: 4px;
}

a img {
  border: 0px;
}

/* Text Styles */

h1 {
  font-family: Georgia, Garamond, Palatino Linotype, serif;
  color: #6c0300;
  font-size: 20pt;
  margin: 0;
  padding: 0 0 10px 0;
}