@charset "utf-8";
/* CSS Document */



/* -------------------- middle panel content ---------------------- */

/* ----------- common styles ------------- */

#designerOverview p, #ownerOverview p, #buildersOverview p, #customerOverview p, #forYouOverview p {
	margin: .7em 0 0 0;
	padding:0;
}

.productLogo {
	width: 11.65em;
	height: 4.34em;
}

.productLogo2 {
	width: 24.2em;
	height: 4.5em;
}

.productLogoDiv {
	margin: 0 0 0 -2em;
}

.findOutMore4 {
	width: 23em;
	font-size: 1em;
	padding: 0 1em 0 0;
	margin:  0;
	clear: both;
	text-align: right;
}

.findOutMore4 a:link, .findOutMore4 a:visited {
	color: #e85100;
	margin: 0;
	padding: 0 1.5em 0 0;
	background-image: url(../images/common/findoutmorelink_a.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.findOutMore4 a:hover, .findOutMore4 a:active {
	color: #999999;
	margin: 0;
	padding:  0 1.5em 0 0;
	background-image: url(../images/common/findoutmorelink_b.gif);
	background-repeat: no-repeat;
	background-position: right center;
}


#hdBgDiv {
	height: 9.8em;
	margin: 2em 0 0 0;
}

#hdBg {
	width: 48.5em;
	height: 9.8em;
}

#hdBox {
	width: 48.2em;
	height: 8em;
	margin: -9.5em 0 0 0;
	padding: 1em 0 0 .8em;
}

.hdHeading {
	font-size: 1.5em;
	font-weight: 300;
	color: #515151;
	margin: 0 0 0 0;
}

#hdTextBox {
	width: 40em;
	margin: .5em 0 0 0;
	padding: 0;
}

.hdText  {
	font-size: .9em;
	line-height: 1.5em;
	color: #515151;
	margin: 0;
	padding: 0;
}

#resourcesBgDiv {
	height: 9.8em;
	margin: 1em 0 0 0;
}

#resourcesBg {
	width: 48.15em;
	height: 8.9em;
}

#resourcesBox {
	width: 48.2em;
	height: 8em;
	margin: -9.5em 0 0 0;
	padding: 1em 0 0 0;
}

.resourcesHeading {
	font-size: 1.5em;
	font-weight: 300;
	color: #515151;
	margin: 0 0 0 .8em;
}

#resourcesTextBox {
	width: 40em;
	margin: .5em 0 0 1em;
	padding: 0;
}

.resourcesText  {
	font-size: .9em;
	line-height: 1.5em;
	color: #515151;
	margin: 0;
	padding: 0;
}

.hdText a:link, .resourcesText a:link, .hdText a:visited, .resourcesText a:visited {
	color: #686868;
	text-decoration: none;
}

.hdText a:hover, .resourcesText a:hover, .hdText a:active, .resourcesText a:active {
	color: #658b99;
	text-decoration: none;
}

.divclear {
	clear: both;
}


/* ----------- hyne for you page ------------- */

#forYouOverview {
	line-height: 1.6em;
	padding: 0 2em 0 0;
	height: 11em;
	border: solid 1px #ffffff;
}

#forYouBox  h2 {
	font-size: 1.1em;
	color: #658b99;
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: 700;
}

#forYouBox1 {
	margin: 0;
	padding: 0;
	height: 13.8em;
}

#forYouBox2 {
	margin: 0;
	padding: 0;
	height: 14.2em;
}

.forYouBoxInner1 {
	width: 23.5em;
	height: 10.8em;
	border-top: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.forYouBoxInner2 {
	width: 23.5em;
	height: 10.8em;
	border-top: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.forYouBoxInner3 {
	width: 23.5em;
	height: 12.1em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 .5em 0;
	float: left;
}

.forYouBoxInner3a {
	width: 23.5em;
	height: 12.1em;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 .5em 0;
	float: left;
}


.forYouBoxInner4 {
	width: 23.5em;
	height: 12.1em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px; 
	margin: 0 0 0 2em;
	padding: 1.2em 0 .5em 0;
	float: left;
}

#forYouBox3 {
	height: 10em;
	margin: 0;
	padding: 1.5em 0 0 0;
	clear: both; 
}


#forYouBox3Bg {
	width: 50em;
	height: 10em;	
} 

#forYouBox3Text {
	width: 48em;
	margin: -9em 0 0 1em;
	padding: 0; 
}

#forYouBox3 h1 {
	font-size: 2em;
	color: #515151;
	padding: 0;
	margin: 0;
	font-weight: 300;
}

#forYouBox3Text a:link, #forYouBox3Text a:visited {
	color:  #515151;
	font-weight: 700;
	text-decoration: none;
}

#forYouBox3Text a:hover, #forYouBox3Text a:active {
	color: #658b99;
	font-weight: 700;
	text-decoration: none;
}

.forYouThumbNails {
	width: 9.7em;
	height: 6.4em;
	float: right;
}

.thumbTextBuss1 {
	width: 12.7em;
	height: 7.8em;
	padding: 0;
}

.thumbTextBuss2 {
	width: 12.7em;
	height: 7.8em;
	padding: 0;
}

.leftSide {
	float: left;

}

.rightSide {
	float: left;
	padding: 0 0 0 8em;
}
	

/* ----- for designers ----- */

#designerOverview {
	line-height: 1.6em;
	padding: 0 2em 0 0;
	height: 13.5em;
	border: solid 1px #ffffff;
}

#designerBox1 {
	margin: 0;
	padding: 0;
	height: 15.2em;
}

#designerBox2 {
	margin: 0;
	padding: 0;
	height: 13em;
}

.designerBoxInner1 {
	width: 23em;
	height: 14em;
	border-top: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.designerBoxInner2 {
	width: 23em;
	height: 14em;
	border-top: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.designerBoxInner3 {
	width: 23em;
	height: 12.8em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.designerBoxInner4 {
	width: 23em;
	height: 12.8em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

#forDesignersContentSpacer {
	height: 1em;
}


/* ----- for home owners ----- */

#ownerOverview {
	line-height: 1.6em;
	padding: 0 2em 0 0;
	height: 15em;
	border: solid 1px #ffffff;
}

#ownersBox1 {
	margin: 0;
	padding: 0;
	height: 12.8em;
}

#ownersBox2 {
	margin: 0;
	padding: 0;
	height: 12.8em;
}

.ownersBoxInner1 {
	width: 23em;
	height: 10.7em;
	border-top: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.ownersBoxInner2 {
	width: 23em;
	height: 10.7em;
	border-top: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.ownersBoxInner3 {
	width: 23em;
	height: 11.5em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.ownersBoxInner4 {
	width: 23em;
	height: 11.5em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

#forOwnersContentSpacer {
	height: 1em;
}

#rightsideFeature {
	margin: .5em 0 0 0;
	padding: 0;
	border-bottom: dotted 1px;
	height: 25em;
}

.rightPanelPicDiv {
	margin: .1em 0 0 0;
}

.rightPanelPic {
	width: 11.25em;
	height: 11.7em;
}

.rightPanelFeatureText {
	margin: .7em 0 0 0;
	padding: 0 0 0 2em;
	width: 9em;
}

.rightPanelFeatureText p {
	font-size: 1em;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}

.findOutMore6 {
	width: 12em;
	font-size:1em;
	padding: 0;
	margin:  .5em 0 0 0;
	text-align: right;
}

.findOutMore6 a:link, .findOutMore6 a:visited {
	color: #e85100;
	margin: 0;
	padding: 0 1.8em 0 0;
	background-image: url(../images/common/findoutmorelink_a.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.findOutMore6 a:hover, .findOutMore6 a:active {
	color: #999999;
	margin: 0;
	padding:  0 1.8em 0 0;
	background-image: url(../images/common/findoutmorelink_b.gif);
	background-repeat: no-repeat;
	background-position: right center;
}


/* ----- for builders ----- */


#buildersOverview {
	line-height: 1.6em;
	padding: 0 2em 0 0;
	height: 11em;
	border: solid 1px #ffffff;
}

#buildersBox1 {
	margin: 0;
	padding: 0;
	height: 15.5em;
}

#buildersBox2 {
	margin: 0;
	padding: 0;
	height: 13.5em;
}

.buildersBoxInner1 {
	width: 23em;
	height: 14em;
	border-top: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.buildersBoxInner2 {
	width: 23em;
	height: 14em;
	border-top: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.buildersBoxInner3 {
	width: 23em;
	height: 13em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.buildersBoxInner4 {
	width: 23em;
	height: 13em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

#forBuildersContentSpacer {
	height: 1em;
}


/* ----- for customers ----- */


#customersOverview {
	line-height: 1.6em;
	padding: 0 2.3em 0 0;
	height: 17.5em;
	border: solid 1px #ffffff;
}

#customersBox1 {
	margin: 0;
	padding: 0;
	height: 14.3em;
}

#customersBox2 {
	margin: 0;
	padding: 0;
	height: 13.4em;
}

.customersBoxInner1 {
	width: 23em;
	height: 12.7em;
	border-top: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.customersBoxInner2 {
	width: 23em;
	height: 12.7em;
	border-top: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.customersBoxInner3 {
	width: 23em;
	height: 11.8em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.customersBoxInner4 {
	width: 23em;
	height: 11.8em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

#forCustomersContentSpacer {
	height: 1em;
}

/* -------------------- right panel content ---------------------- */

.selfServiceLink a:link, .selfServiceLink a:visited {
	color: #e85100;
	text-decoration: underline;
}

.selfServiceLink a:hover, .selfServiceLink a:active {
	color: #999999;
	text-decoration: underline;
}

/* ------- common right panel content  -------- */

#commonPageLinksForYou {
	height: 15.7em;
	padding: .6em 0 0 0;
	margin: 0;
	border-bottom: dotted #000000 1px;
}

#commonPageLinksDesigners {
	height: 16.2em;
	padding: .6em 0 0 0;
	margin: 0;
	border-bottom: dotted #000000 1px;
}

#commonPageLinksForOwners {
	height: 17.8em;
	padding: .6em 0 0 0;
	margin: 0;
	border-bottom: dotted #000000 1px;
}

#commonPageLinksCustomers {
	height: 20.4em;
	padding: .6em 0 0 0;
	margin: 0;
	border-bottom: dotted #000000 1px;
}