body {
	background: url("../images/body-bg.png") repeat-x #4a0101;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8125em;
	margin: 0;
	padding: 0;
	color: #584e42;
}

a { 
	color: #b5131c;	
}

a img {
	border: 0;	
}

abbr, acronym {
	border-bottom: 0;	
}

#header {
	width: 960px;
	margin: 0 auto;	
}

#peripheral-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 28px;
	overflow: auto; /* to automatically clear floats */	
}

#peripheral-nav li {
	float: right;
	padding: 0 22px 0 0;
	background: url("../images/peripheral-nav-bg.png") top right no-repeat;
}

#peripheral-nav li:first-child {
	padding: 0;
	background: none;	
}

#peripheral-nav a {
	display: block;
	height: 21px; /* 28px - 7px top padding */
	color: #584e42;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 7px 0 0 0;
	outline: 0;
	font-size: 0.875em;
}

/*  Note that the communties page uses an h1 style which is completely different than these.  See that style definition below */
h1 {
	float: left;
	margin: 14px 0 11px 0;
	width: 318px;
	height: 92px;
}

h1 a {
	display: block;
	width: 318px;
	height: 92px;
	background-image: url("../images/logo.png");
	text-indent: -9999px;
	outline: 0;
}

#subscribe {
	width: 240px;
	float: right;
	margin: 14px 0 0 0;
}

#subscribe-intro {
	margin: 0 0 7px 0;
	width: 240px;
	height: 41px;
	background: url("../images/subscribe-title.png");
	text-indent: -9999px;	
}

#subscribe input {
	border: 1px #a8a198 solid;
	width: 166px; /* 172px - 2px border - 4px padding */
	height: 14px; /* 20px - 2px border - 4px padding */
	padding: 0;
	margin: 0 4px 0 43px;	
	vertical-align: middle;
	font-family: Arial,Helvetica,sans-serif;
	padding: 2px;
}

input.placeholder {
	color: #787878;	
}

#subscribe button {
	border: 0;
	padding: 0;
	background-image: url("../images/subscribe-submit.png");
	width: 21px;
	height: 20px;
	text-indent: -9999px;
	vertical-align: middle;
	cursor: pointer;
}

#subscribe-phone {
	margin: 7px 0 0 74px; /* 74px = 240px (width of #subscribe) - 166px (width of this element) */
	width: 166px;
	height: 14px;
	background-image: url("../images/subscribe-phone.png");
	text-indent: -9999px;
}

#nav {
	clear: both;
	height: 42px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: auto; /* to clear floats */
}

#nav li {
	float: left;
}

#nav a {
	display: block;
	height: 42px;
	background: url("../images/nav.png");
	text-indent: -9999px;
	outline: 0;
	padding: 0 12px;
	background-repeat: no-repeat;
}

#nav-home a {
	width: 39px;
	background-position: 12px 15px; 
}

#nav-communities a {
	width: 88px;
	background-position: -52px 15px;
}

#nav-plans a {
	width: 77px;
	background-position: -163px 15px;
}

#nav-build a {
	width: 114px;
	background-position: -264px 15px;
}

#nav-improvements a {
	width: 138px;
	background-position: -402px 15px;
}

#nav-care a {
	width: 98px;
	background-position: -564px 15px;
}

#nav-design a {
	width: 94px;
	background-position: -686px 15px;
}

#nav-about a {
	width: 61px;
	background-position: -804px 15px;
}

#main-outer {
	background-color: #fff;
	padding: 22px 0;	
}

#main-inner {
	width: 960px;
	margin: 0 auto;
	overflow: auto; /* to clear floats */
}


#footer {
	width: 960px;
	margin: 0 auto;
	padding: 39px 0;
	color: #e4e1d8;
	font-size: 0.875em;
	overflow: auto; /* to clear the float on #footer-esp */
}

#footer-copyright {
	margin: 0;	
}

#footer-eho {
	background: url("../images/eho-logo.png") no-repeat;
	padding: 4px 0 0 26px;
	height: 13px;
	margin: 8px 0 0 0;
}

#footer-credit {
	color: #a5998b;
	margin: 32px 0 0 0;	
}

#footer-credit a {
	color: #a5998b;	
}

#footer-esp {
	float: right;
	width: 120px;
	height: 49px;
	background-image: url("../images/energy-star-partner.png");
	text-indent: -9999px;
	margin: 0;
}

/**
 * Home page
 */

#home-photo {
	float: left;
	width: 680px; /* 690px - 10px padding */
	height: 300px; /* 310px - 10px padding */
	padding: 5px;
	margin: 0 30px 0 0;
	position: relative; /* to allow position: absolute; on #home-explore */
	background-image: url("../images/home-photo-frame.gif");
}

#home-photo img {
	display: block;
	width: 680px;
	height: 300px;
}

#home-explore {
	position: absolute;
	left: 29px;
	top: 0;
	width: 189px; /* 221px - 16px left padding - 16px right padding */
	height: 232px; /* 252px - 20px top padding */
	padding: 20px 16px 0 16px;
	background-image: url("../images/home-explore-bg.png");		
}

#home-explore h2 {
	width: 180px;
	height: 19px;
	background-image: url("../images/home-explore-title.png");
	text-indent: -9999px;
	margin: 0;	
}

#home-explore ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#home-explore li {
	min-height: 34px; /* so the background image doesn't get clipped */
	background-repeat: no-repeat;
	margin: 16px 0 0 0;
	padding: 0 0 0 44px;	
}

#home-explore h3 {
	margin: 0 0 2px 0;
	height: 11px;
}

#home-explore h3 a {
	display: block;
	height: 11px;
	background-image: url("../images/home-explore-subtitles.png");
	text-indent: -9999px;
	outline: 0;
}

#home-explore p {
	margin: 0;
	font-size: 0.875em;
	color: #6e6253; 
}

#home-explore-build {
	background-image: url("../images/home-explore-build.png");	
}

#home-explore-build h3 a {
	width: 128px;
	background-position: 0 0;	
}

#home-explore-communities {
	background-image: url("../images/home-explore-communities.png");	
}

#home-explore-communities h3 a {
	width: 122px;
	background-position: -128px 0;	
}

#home-explore-plans {
	background-image: url("../images/home-explore-plans.png");	
}

#home-explore-plans h3 a {
	width: 83px;
	background-position: -250px 0;	
}

#home-news {
	float: left;
	width: 240px;
	margin: 20px 0 0 0;
}

#home-news h2 {
	width: 103px;
	height: 16px;
	margin: 0 0 8px 0;
	background: url("../images/home-news-title.png");
	text-indent: -9999px;
}

#home-news ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#home-news li {
	border-bottom: 1px #e4e1d8 solid;
}

#home-news a {
	display: block;
	padding: 10px 10px 10px 18px;
	background: url("../images/bullet.gif") 7px 14px no-repeat;
	text-decoration: none;
	color: #584e42;
	outline: 0;
}

#home-promos {
	background-color: #e4e1d8;	
}

#home-promos ul {
	list-style-type: none;
	width: 960px;
	height: 98px;
	margin: 0 auto;
	padding: 18px 0;
	overflow: auto;
}

#home-promos li {
	float: left;
	width: 228px;
	height: 98px;
	margin: 0 0 0 16px;
}

#home-promos ul li:first-child {
	margin: 0 0 0 0;
}

#home-promos img {
	display: block;
	width: 228px;
	height: 98px;
}

/**
 * Interior pages
 */
 
#main-interior-sidebar {
	float: left;
	width: 208px; /* 240px - 32px padding */
	margin: 0 40px 0 0;
	padding: 16px;
	background-color: #968d83;
	color: #fff;
}

#subnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#subnav li {
	height: 16px;
	margin: 0 0 6px 0;
}

#subnav a {
	display: block;
	color: #fff;
	text-decoration: none;
	background: url("../images/subnav-bg.gif") no-repeat;
	padding: 0 0 0 10px;
}

#subnav a:hover {
	color: #e8dacb;
	background-position: 0 -16px;	
}

#main-interior-content {
	float: left;
	width: 680px;
}

#main-interior-content.no-sidebar {
	float: none;
	width: 960px;
	margin: 0 auto;
}

#main-interior-content h2 {
	color: #b80101;
	margin-top: 0;
	font-weight: normal;
	font-size: 1.5em;
}

#main-interior-content h3 {
	color: #6d4e2a;
	font-size: 1.125em;
}

/**
 * Forms
 */
 
.formerrors {
	color: #c00;
	font-weight: bold;
}

/**
 * Home Plans index page
 */
.homeplans-index-thumb {
	margin-left: 40px;
}

/**
 * Design Center page
 */

 ul.design-center-photos {
 	list-style-type: none;
 	margin: 0 0 0 30px;
 	padding: 0;
 	height: 250px;
 }
 
 ul.design-center-photos li {
 	width: 260px;
 	float: left;
 	margin: 0 0 0 60px;
 }
 
 ul.design-center-photos li.first-child {
 	margin: 0 0 0 0;
 }
 
 ul.design-center-photos img {
	display: block;
	width: 260px;
	height: 250px; 
}

/**
 * "Build on Your Lot" page
 */

#build-own-lot-learn {
	text-transform: uppercase;
	font-size: 1.25em !important;
	color: #6e6253;	
}

#build-own-lot-columns-left { 
	float: left;
	width: 570px;
	margin: 0 90px 0 0;
}

#build-own-lot-columns-right {
	float: left;
	width: 300px;
}

#build-own-lot-top10 {
	width: 216px;
	height: 116px;
	margin: 0 auto 27px auto;
}

#build-own-lot-top10 a {
	display: block;
	width: 216px;
	height: 116px;
	background: url("../images/top-10-reasons.png") no-repeat;
	text-indent: -9999px;
	outline: 0;
}

#build-own-lot-columns-right hr {
	height: 1px;
	border: 0;
	background-image: url("../images/boyl-hr-bg.gif");
}

#build-own-lot-faq {
	width: 272px;
	height: 85px;
	margin: 16px 0 0 0;
}

#build-own-lot-faq a {
	display: block;
	width: 272px;
	height: 85px;
	background-image: url("../images/have-questions.png");
	text-indent: -9999px;
	outline: 0;	
}

#build-own-lot-columns-after {
	clear: left;	
}
 
#build-own-lot-contact a {
	display: block;
	width: 199px;
	height: 71px;
	margin: 32px 0 0 58px;
	background-image: url("../images/ready-to-get-started.png");
	text-indent: -9999px;
	outline: 0;
}

#slideshow-screen {
	width: 550px;
	height: 250px;
	padding: 10px;
	margin: 0 0 13px 0;
	background-color: #e4e1d8;
}

#slideshow-start {
	width: 550px;
	height: 250px;
	background-image: url("../images/boyl-slideshow/start.jpg");
	cursor: pointer;	
}

#slideshow-viewport {
	display: none;
	position: relative;
	width: 550px;
	height: 250px;
	overflow: hidden;
}

#slideshow-filmstrip {
	position: absolute;
	width: 5500px;
	height: 250px;
}

#slideshow-filmstrip ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#slideshow-filmstrip li {
	float: left;
	width: 550px;
	height: 250px;
}

#slideshow-filmstrip img {
	display: block;
	width: 550px;
	height: 250px;
}

#slideshow-controls {
	width: 570px;
	height: 23px;
	overflow: auto;	
}

#slideshow-controls-prev {
	float: left;
	margin: 0 0 0 435px;
	width: 80px;
	height: 23px;
	background-image: url("../images/boyl-slideshow/controls.png");
	background-position: 0 0;
	cursor: pointer;
}

#slideshow-controls-prev.disabled {
	background-position: 0 -23px;	
}

#slideshow-controls-next {
	float: left;
	width: 55px;
	height: 23px;
	background-image: url("../images/boyl-slideshow/controls.png");
	background-position: -80px 0;	
	cursor: pointer;
}

#slideshow-controls-next.disabled {
	background-position: -80px -23px;
}

#slideshow-title {
	color: #b5121b !important;
	text-transform: uppercase;
	font-size: 1em !important;
	background-color: #fff; /* necessary to prevent jaggies on the text when modifying the opacity in IE8 */
}

#slideshow-text {
	height: 250px;
	overflow: auto;
}

#slideshow-text p:first-child {
	margin-top: 0;
}

/**
 * Communities page 
 */
 

/*  This h1 is styled to look like an h2 tag.  the thinking is that h1 offers more s e o value than h2  */
h1.new-home-communities-page-header {
	width: auto;
	height: auto;
	margin: auto;
	color: #b80101;
	margin-top: 0;
	font-weight: normal;
	font-size: 1.5em;
	float: none;
}