/* Reset All Values */
@import url(/assets/css/base.css);

@media screen 
{
	
	/*  =layout
		 -------------------------------------------------- */

	#wrapper-secondary {
		width: 180px;
		float: left;
	}

	#content-main {
		padding: 0 0 20px 0;
		min-height: 200px;
		font-size: 12px;
		line-height: 18px;
		border:1px solid #ddd;
	}

	/* Padding for the non-bleed content */
	.contentblock {
		padding: 0;
	}

	.wrapper-primary2col {
		width: 690px;
		float: right;
	}

	.wrapper-secondary2col {
		width: 190px;
		float: left;
	}

	.wrapper-primary1col {
		width: 880px;
		float: left;
	}

	.wrapper-secondary1col {
		width: 880px;
		float: left;
	}

	#wrapper-primary {
		width: 690px;
		padding: 0px;
		text-align: left;
		float: right;
		background: #fff;
		margin: 10px 0 0 0;
	}

	

	/* ---------- =messaging ---------- */

	
	.message {
		text-align: left;
		border: 1px solid #ccc;
		padding: 5px 5px 5px 30px;
		font-size: 12px;
		margin: 5px 0;
		clear: both;
	}

	.good {
		border-color: #9c9;
		color: #060;
		font-weight: bold;
		background: url(images/alertgood_icon.gif) #E2F9E3 left no-repeat;
	}

	.alert {
		border-color: #D4B743;
		color: #C3A83E;
		font-weight: bold;
		background: url(images/alert_icon.gif) #FBF7E6 left no-repeat;
	}

	.bad {
		border-color: #c99;
		color: #fff !important;
		font-weight: bold;
		background: url(images/alertbad_icon.gif) #c00 left no-repeat;
	}

	.bad p {
		color: #fff;
	}

	a.help {
		padding: 2px;
		color: #fff;
		text-decoration: none;
		background: #a50b1e;
	}
    /*
	.addtopmargin {
		margin: 15px 0 0 0;
	}
	
	.addtopborder {
		border-top: 1px solid #ccc;
	}
	
	.addbottompadding {
		padding-bottom: 10px;
	}


	.addleftpadding {
		padding-left: 10px;
	}
    */

	/* ---------- =Clear Fix ---------- */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {
		display: inline-table;
	}

	/* Hides from IE-mac \*/
	* html .clearfix {
		height: 1%;
	}
	.clearfix {
		display: block;
	}
	/* End hide from IE-mac */

	/* ---------- =sIFR ---------- */
	/* sIFR */
	/* These are standard sIFR styles... do not modify */
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}

	.sIFR-replaced {
		visibility: visible !important;
	}

	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}

	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
		display: none !important;
	}

	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
	.sIFR-hasFlash #content-wrapper h1 
	{
		margin: 10px 0 15px 0; padding: 0;
		visibility: hidden;
		font-size: 30px;
		line-height: normal;
		text-transform: uppercase;
	}
	
	


	/* --------------------=List items ------------*/
	#content .contentblock ul {
		margin: 0 0 0 10px;
		padding: 10px 5px 10px 10px;
		list-style: square;
	}

	#content .contentblock ol {
		margin: 0 0 0 10px;
		padding: 10px 5px 10px 10px;
		list-style: decimal inside;
	}

	#content .contentblock ol li {
		font-weight: normal;
		line-height: 1.8em;
	}

	#content .contentblock ul li {
		margin: 0 0 0 15px;
		line-height: 1.8em;
		list-style-image: url(/assets/images/li_dotted.gif);
	}

	/*#content dl {
		margin: 10px 25px;
	}

	#content dt {
		color: #000;
		line-height: 24px;
	}

	#content dt span {
		border-right: 1px solid #ccc;
		padding-right: 5px;
		margin-right: 5px;
		color: #A4062A;
	}*/

	.edit-menu {
		height: 25px;
	}

	/*----------------------- =tables ---------------------*/

	.tbl-data {
		padding: 2px;
		border: 2px dotted #999;
		border-collapse: separate;
		background: #fff;
	}

	.tbl-data th {
		border: 1px solid #fff;
		padding: 7px;
		font-size: 90%;
		font-weight: bold;
		color: #fff;
		background: #d0473b;
	}
	
	.tbl-data th a {
		color: #fff;
	}

	.tbl-data td {
		border: 1px solid #fff;
		padding: 7px;
		font-size: 90%;
		background: #e4e4e4;
	}

	.tbl-data tr:hover th {
		border: 1px solid #fff;
		color: #fff;
		background: #e97a33;
	}

	.tbl-data tr.altrow td {
		background: #ccc;
	}

	.tbl-data tr:hover td, .tbl-data tr.altrow:hover td {
		border: 1px solid #fff;
		color: #fff;
		background: #e97a33;
	}

	.tbl-data tr:hover th a, .tbl-data tr:hover td a {
		color: #fff;
	}

	/* =tblplain
		----------------------------------------*/
	.tbl-plain {
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		border-collapse: collapse;
	}

	.tbl-plain td, .tbl-plain th {
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		padding: 5px;
		font-size: 90%;
	}

	.tbl-plain th {
		font: normal 120% "Trebuchet MS" , Verdana, Arial;
	}
	
		/* =tblplain-2 for customer care page
		----------------------------------------*/
	.tbl-plain-2 {
		border-collapse: collapse;
		margin: 20px 0 10px 10px;
		text-align: center;
	}

	.tbl-plain-2 td, .tbl-plain th {
		padding: 5px 0 5px 0;
		font-size: 110%;
	}
	

	.tbl-plain-2 th {
		font: normal 130% "Trebuchet MS" , Verdana, Arial;
	}

	/* =links - buttons,
		----------------------------------------*/
	a.button:link, a.button:visited {
		font-weight: bold;
		font-size: 90%;
		color: #666;
		background: #DFC4A2;
		border: 1px solid #ccc;
		border-right-color: #999;
		border-bottom-color: #999;
		padding: 5px 7px;
		text-decoration: none;
	}

	a.button:hover, a.button:active {
		font-weight: bold;
		font-size: 90%;
		color: #fff;
		background: #A4062A;
		padding: 5px 7px;
		border-top: 1px solid #CCC;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		border-left: 1px solid #CCC;
		text-decoration: none;
	}

	a.link-external {
		padding-right: 10px;
		background: url(Images/arrow_external.gif) no-repeat right center;
	}

	a.link-pdf {
		padding-left: 20px;
		background: url(Images/icon_pdf_sm.gif) no-repeat left center;
	}

	a.link-video {
		padding-right: 20px;
		background: url(Images/icon_movie_sm.gif) no-repeat right center;
	}
	a.link-word {
	}
	
	a.link-rss{
		padding-left: 20px;
		background: url(Images/icon-rss-sm.gif) no-repeat left center;
	
	}

#primary-content ul,
#secondary-content ul {
	margin: 5px 10px 5px 20px;
}
#primary-content ul li,
#secondary-content ul li {
	
	list-style: disc;
}

	/*   =testimonials (Club Red)
		 -------------------------------------------------------------*/
	div.testimonial {
		color: #A4062A;
		padding: 1em 1em 30px 1em;
		border-top: 1px solid #A4062A;
		font-size: 120%;
		font-style: italic;
		background: url(images/border-multicolor.gif) no-repeat right bottom;
		margin: 1em;
	}

	div.testimonial strong {
		color: #A4062A;
		font-style: normal;
	}

	div.testimonial span {
		color: #444;
		font-weight: bold;
		font-size: 95%;
		font-style: normal;
	}

	div.testimonial img {
		padding: 3px;
		border: 1px solid #999;
		margin: 10px;
		float: right;
	}

	.quicklinks {
	}

	.quicklinks ul {
	}

	.quicklinks ul li {
	}


	.quicklinks ul li a {
		text-decoration: none;
		font-weight: bold;
	}
	
	/* = Communities Promo Area
		--------------------------------------------------------------*/
		
	#communities-promo-area{
		border-top:1px solid #ddd;
		margin:0px 20px;
	}
	

	/* =neighborhoodl styles 
		--------------------------------------------------------------*/
	.neighborhoodcolumn1 {
		/* note 2 col layout for conetent area */
		width: 380px;
		float: left;
		padding-left: 10px;
	}

	.neighborhoodintro {
		font-size: 120%;
		margin: 0 20px 10px;
		border-bottom: 5px solid #E45A18;
		padding-bottom: 5px;
		line-height: 1.7em;
		background: url(images/bg-gradient-bottom.jpg) no-repeat center bottom;
	}

	.neighborhoodcolumn2 {
		width: 450px;
		float: right;
		padding-right: 10px;
	}

/*
	.neighborhoodcolumn2 div {
		padding-left: 5px;
	}
*/
	.neighborhoodcolumn2 h2, neighborhoodcolumn1 h2 {
		margin: 20px 0 10px;
		padding: 0 0 0 40px;
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
	}

	.blog {
	}

	.blog h2, .suggestions h2 {
		border-bottom: 5px solid #E96D1F;
		background: url(images/h2-blog.gif) no-repeat left center;
		padding-left: 40px;
		
	}

	.blog h3 span {
		border-right: 1px solid #E96D1F;
		padding-right: 3px;
		color: #E96D1F;
		font-size: 16px;
	}
	
	
	.inthenews{
	margin-top:10px;
	
	}
	
	.inthenews h2{
	border-bottom: 5px solid #CB3428;
	background: url(images/h2-inthenews.gif) no-repeat left center;
	padding-left: 40px;
	
	}

	.podcasts {
		/*background: url(images/bg-podcasts.jpg) no-repeat right bottom;*/
	}

	div.podcasts h2 {
		border-bottom: 5px solid #E96D1F;
		background: url(images/h2-podcasts.gif) no-repeat left center;
	}

	.youtubevideos
	{
		width: 410px; 
		overflow: hidden;
	}
	.youtubevideos ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.youtubevideos ul li
	{
		margin: 0;
		padding: 0;
		list-style: none;
	
	}
	
	
	.podcasts ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.podcasts ul li {
		padding: 0 0 3px 0;
	}

	.podcasts ul li a {
		text-decoration: none;
		font-weight: bold;
	}

	.podcasts ul li a:hover {
		color: #000;
		background: #ebebeb;
	}

	
	.podcasts ul li span {
		border-right:1px solid #E96D1F;
		color:#E96D1F;
		padding-right:3px;
	}
	.podcasts p {
	}

	.podcasts img.corey-headshot {
		border: 1px solid #999;
		float: right;
		padding: 3px;
		margin: 3px;
	}


	.facebook {
		clear: left;
	}

	.facebook h2 {
		border-bottom: 5px solid #CB3428;
		background: url(images/h2-facebook.gif) no-repeat left center;
	}


	.facebook a {
		float: left;
		display: block;
		margin: 0 10px 10px 0;
		padding: 3px;
		border: 1px solid #999999;
		width: 50px;
		height: 50px;
	}

	.facebook a:hover {
		border: 2px solid #E45A18;
		padding: 2px;
	}

	.flickr {
		margin-bottom: 10px;
	}

	.flickr h2 {
		border-bottom: 5px solid #D2095F;
		background: url(images/h2-flickr.gif) no-repeat left center;
	}

	.flickr a {
		float: left;
		display: block;
		margin: 0 10px 10px 0;
		padding: 3px;
		border: 1px solid #999999;
		width: 75px;
		height: 75px;
	}

	.flickr a:hover {
		border: 2px solid #E45A18;
		padding: 2px;
	}

	.youtube {
		margin-top: 20px;
	}

	.youtube h2 {
		border-bottom: 5px solid #4E2C18;
		background: url(images/h2-youtube.gif) no-repeat left center;
	}



	.itunes {
	}

	.itunes h2 {
		border-bottom: 5px solid #E96D1F;
		background: url(images/h2-podcasts.gif) no-repeat left center;
	}



	/* Drop Downs */
	a.dropDown, a.close {
		margin: 0;
		padding: 0 0 0 15px;
		background: center left no-repeat url(/assets/images/icon_dropdown.gif);
	}

	a.dropDown:hover, a.open {
		background: center left no-repeat url(/assets/images/icon_dropdown_open.gif);
	}

	
	/* Contact Box */
	.vCard {
		background: bottom left no-repeat url(/assets/images/squareone/vcard_bottom.gif);
		color: #999;
		padding-left: 10px;
		padding-bottom: 10px;
	}

	.vCard dl, .vCard dt, .vCard dd {
		margin: 0;
		line-height: normal;
	}


	.vCard dd {
		padding: 0 0 5px 0;
	}

	.vCard dt {
		font-weight: bold;
	}

	.vCard img {
		padding: 10px 0;
		border: 1px solid #ccc;
		padding: 5px;
		margin: 10px 0 10px 2px;
	}

	.vCard a {
		color: red;
	}

	.quicklinks {
	}

	.quicklinks ul {
	}

	.quicklinks ul li {
	}

	.quicklinks ul li a {
		text-decoration: none;
		font-weight: bold;
	}

	/* Care information */
	.tblcareinfo {
		border: 5px solid #fff;
		margin-left: 10px;
	}


	.tblcareinfo td {
		vertical-align: top;
		padding: 5px;
		text-align: center;
	}

	.tblcareinfo th {
		padding: 5px;
		text-align: center;
		color: #fff;
		background: #A4062A;
		border-right: 5px solid #fff;
	}

	.warranties, .contactaddress {
		margin: 0;
		padding: 0;
		width: 328px;
		height: 328px;
		background: url(images/bg-warranties.jpg) no-repeat left top;
		margin: 30px;
		position: relative;
	}

	.warranties-inner, .contactaddress-inner {
		/*padding: 20px 20px 0 20px;*/
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -140px; /* equal to the negative of half its height */
		margin-left: -140px; /* equal to the negative of half its width */
		height: 280px;
		width: 280px;
		line-height: 1.7em;
	}

	.contactaddress-inner h2 {
		margin: 0;
		padding: 0;
	}


	.warranties-inner p {
		font-size: 120%;
	}

	.warranties-inner h2 {
		color: #fff;
		background: #A4062A;
		text-align: center;
		padding-bottom: 10px;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}

	.designstudiobox {
		border-left: 2px dotted #A4062A;
		width: 322px;
		padding: 20px;
		float: right;
		margin: 10px 20px 0 50px;
		background: #fff url(images/bg-gradient-left.jpg) no-repeat left center;
	}

	div.callout {
		padding: 1em;
		border-top: 4px solid #54301A;
		border-bottom: 2px solid #E96D1F; /*background: url(images/bg-testimonial.jpg) no-repeat right bottom;*/
		margin: 1em;
		font: italic 120%/1.7em Lucinda Sans;
	}

	/* =realtors
		--------------------------------------------------------*/
	.containerrealtors {
	}

	.containerrealtors .col1 {
		float: left;
		width: 300px;
	}

	.containerrealtors .col2 {
		float: left;
		width: 227px;
		margin: 0px 10px;
		padding: 5px;
		background: url(images/bg-realtors-col2.jpg) no-repeat center top;
		min-height: 300px;
	}

	.containerrealtors .col2 h2 {
		color: #fff;
		background: #A4062A;
		text-align: center;
		margin: 10px;
		padding-bottom: 10px;
		text-transform: uppercase;
	}

	.containerrealtors .col3 {
		float: left;
		width: 280px;
	}

	.containerrealtors .col3 img {
		float: left;
		padding: 10px;
	}

	.containerrealtors .col3 a {
		display: block;
		text-decoration: none;
		padding-bottom: 5px;
	}

	.containerrealtors .col3 a:hover {
		background: #ebebeb;
	}

	/* Generic Columns */
	.columnFullSpread {
		padding: 0px;
		background: transparent url(/app_themes/default/images/bg-bodycontent.gif) repeat-y scroll left top;
	}

	.columnPrimary {
		margin: 0 20px 0 0;
		float: left;
		width: 430px;
	}

	.columnSecondary {
		float: right;
		width: 340px;
	}

	.columnStyleCallout0 {
		margin: 0 60px 0 0;
		padding: 0px;
	}

	.columnStyleCallout1 {
		padding: 20px;
		border-top: 1px dotted rgb(176, 176, 176);
		border-left: 1px dotted rgb(176, 176, 176);
		background: rgb(245, 245, 245) none repeat scroll 0% 50%;
	}

	.columnStyleCallout2 {
		padding: 20px;
		border-bottom: 2px dotted #A4062A;
		border-right: 2px dotted #A4062A;
		float: left;
		background: #fff url(images/bg-floorplansearch.jpg) no-repeat right center;
	}

	.columnStyleCallout3 {
		padding: 20px;
		border: 5px solid #E8D6C2;
		background: url(images/bg-floorplansearch.jpg) no-repeat right center;
	}

	.testimonials {
		margin: 0;
		padding: 0;
		width: 328px;	
		height: 328px;
		background: url(images/bg-testimonials.jpg) no-repeat left top;
		margin: 30px;
		position: relative;
	}

	.testimonials-inner {
		/*padding: 20px 20px 0 20px;*/
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -110px; /* equal to the negative of half its height */
		margin-left: -140px; /* equal to the negative of half its width */
		height: 280px;
		width: 280px;
	}
	
	.testimonials-inner-short{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -60px; /* equal to the negative of half its height */
		margin-left: -140px; /* equal to the negative of half its width */
		height: 240px;
		width: 280px;
	}
	
	.testimonials-short{
		margin: 0;
		padding: 0;
		width: 328px;
		height:240px;
		background: url(images/bg-testimonials-short.jpg) no-repeat left top;
		margin: 30px;
		position: relative;
	}


	.testimonials span, .testimonials-short span {
		font-weight: bold;
		color: #A4062A;
		display: block;
	}
	
	/* Contact Page Testimonials */


	.testimonials-inner {
		/*padding: 20px 20px 0 20px;*/
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -110px; /* equal to the negative of half its height */
		margin-left: -140px; /* equal to the negative of half its width */
		height: 280px;
		width: 280px;
	}
	
	.testimonials-inner-short-contact {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -105px; /* equal to the negative of half its height */
		margin-left: -140px; /* equal to the negative of half its width */
		height: 240px;
		width: 280px;
	}
	
	.testimonials-short-contact{
		margin: 0;
		padding: 0;
		width: 328px;
		height:340px;
		background: url(images/bg-testimonials-short-contact.jpg) no-repeat left top;
		margin: 30px;
		position: absolute;
		top: 880px;
		left: 490px;
	}


	.testimonials span, .testimonials-short-contact span {
		font-weight: bold;
		color: #A4062A;
		display: block;
	}

	.testimonials .tCity, .testimonials-short-contact .tCity {
		display: block;
	}

	/* =home owners
	-----------------------------------------*/

	.front-door {
		border-top: 2px dotted #A4062A;
		width: 470px;
	}

	.warranty-request {
		width: 450px;
		float: right;
		border-left: 1px solid #ccc;
		padding-left: 10px;
		margin-left: 20px;
	}

	.caring-info {
		width: 450px;
		float: right;
		border-left: 1px solid #ccc;
		padding-left: 10px;
		margin-left: 20px;
	}


	.mseventinfo {
		float: left;
		width: 279px;
		height: 303px;
		background: url(images/decorative-border-full.gif) no-repeat;
		margin-top: 10px;
		margin-right: 20px;
		font: 13px Georgia, "Times New Roman" , Times, serif;
		color: #760018;
		text-align:center;
	}


	.mseventinfo p {
		margin-top: 10px;
		margin-right: 15px;
		text-align:center;
		padding-bottom:5px;
		font-size:12px;
	}

	.mseventinfo h2 {
		margin-top: 10px;
		margin-left:0px;
		padding-left:0px;
		font-size: 20px;
	}
	
	.mscolumnright {
		width: 440px;
		float: left;
	}

	/* Over Frames */
	#calloutFrame-a {
		background: top left no-repeat url(/assets/images/frames/style-a.png);
	}

	#calloutFrame-b {
		background: top left no-repeat url(/assets/images/frames/style-b.png);
	}

	#calloutFrame-c {
		background: top left no-repeat url(/assets/images/frames/style-c.png);
	}

	#calloutFrame-d {
		background: top left no-repeat url(/assets/images/frames/style-d.png);
	}

	.calloutFrame {
		margin: -250px 0 0 600px;
		padding: 30px;
		position: absolute;
		width: 140px;
		height: 140px;
		text-align: center;
	}

	.calloutFrame h2 {
		margin: 0 auto 10px auto;
		padding: 0;
		text-transform: uppercase;
		color: #fff;
	}

	.calloutFrame p {
		margin: 0;
		padding: 0 0 10px 0;
		text-align: center;
		color: #fff;
	}

	.calloutFrame a {
		color: #fff;
	}



	/* tax credit sytles */

	div#tax-credit h2.zerodown {
		margin-top: 25px;
	}

	div#tax-credit, div#tax-credit {
		 padding: 10px 10px;
		 color: #FFF;
		 background: transparent url(/assets/content/images/tax-credit-callout-bgd-lg3.jpg) no-repeat top left;
		 width: 880px;
		 height: 303px;
	}


	div#tax-credit{
		 background: transparent url(/assets/content/images/tax-credit-callout-bgd-lg3.jpg) no-repeat top left;
	}


	div#tax-credit ul , div#tax-credit ul {
		  list-style-image: none;
		  line-height: 1.4em;
		  color: #FFF;
		  margin: 0 20px 5px 10px;
		  padding: 0;
	}


	div#tax-credit h2, div#tax-credit h2 {
		  font-size: 20px;
		  color: #FFF;
		  font-weight: bold;
		  margin: 0px 30px 0 0px;
		  padding-top: 8px;
	}


	ul li {
		  line-height: 1.6em;
		  list-style-image: none;
	}

	p.small-txt {
		  line-height: 1em;
		  padding: 0px;
		  font-size: 80%;
	}

	div#tax-credit a, div#tax-credit a  {
		 color: #FFF; 
	}


	


	p.disclaimer
	{
		font-size: 80%;
		color: #999;
	}
	
	
	/*Energy Star Featurette Styles*/
	
	#energy-star{
		margin-top:15px;
		border-top:1px dotted #ccc;
		padding-top:15px;
	}
	
	#energy-star p{
		margin-top:0px;
		padding:0px;
		padding-left:3px;
		padding-right:10px;
	}
	
	#energy-star img{
		float:left;
		margin-right:8px;
	}
	
	
	/*--------------CAPRI SNIPE----------------*/
	.capri-snipe{
		position:absolute;
		top:-16px;
		right:14px;
		width:305px;
		height:259px;
		display:block;
		background:url(/assets/images/floorplans/capri-snipe.png) 0px 0px no-repeat;
		z-index:100;
	}
	
	
} /* end media screen */