body { background-color: #FFFFFF; font-family: Arial, helvetica, sans-serif; font-size: 11px; color: #000000; }
/* ERT main logo */
.mainlogo { position: absolute; top: 19px; left: 1px; }
/* end ERT main logo */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold; letter-spacing: 0px; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#777B33; font-weight:bold; position: absolute; top: 52px; left: 64px; margin: 0px; }
#page     
	 { 
	 color: #333366; 
	 background: #fff;
	 text-align: left;
	 margin-left: auto;
	 margin-right: auto;
	 position: relative; 
	 width: 760px; 
	 height: auto; 
	 visibility: visible; 
	 display: block 
	 }
td { font-family: Arial, helvetica, sans-serif; font-size: 11px; color: #000000; }
ul { font-family: Arial, helvetica, sans-serif; font-size: 11px; color: #000000; }
li { font-family: Arial, helvetica, sans-serif; font-size: 11px; color: #000000; }

/* area above main photos just below ERT logo */
.page-divider { background-color: #5387C4; width: 760px; height: 8px; }
/* end area above main photos just below ERT logo */

/* also part of divider but only needed if the table containing the login fields is not there */
.divider-container { position: absolute; top: 78px; left: 0px; width: 760px; text-align: center; }
.login-assist { position: absolute; top: 145px; left: 0px; width: 760px; text-align: left; }
.bottom-divider { position: absolute; top: 425px; left: 0px; background-color: #5387C4; width: 760px; height: 8px; }
/* end also part of divider ... */

/* related to above.  Is the image between main area and upper logo area.  Could be clickable image in future instead of plain tan */
div.top-piece { margin-bottom: 3px; }
/* end related to above.   */

/* area at bottom that talks about all we do */
div.desc-text { position: absolute; top: 615px; width: 730px; padding-left: 15px; padding-right: 15px; }
div.desc-text p { font-size: 11px; color: #666666; }
div.desc-text a { color: #386FC7; }
/* end area at bottom that talks about all we do */

/* login images stuff at upper right */
.login-bottom-padding { padding-bottom: 5px; }
.login-top-padding { padding-top: 5px; }
/* end login iamges stuff at upper right */

/*  main area with big image boxes plus the small images underneath */
.home-main-area { padding-left: 3px; position: absolute; width: 569px; top: 124px; left: 194px;  }
.home-image { float: left; margin-right: 1px; }
.home-box { float: left; }

/* small house photo boxes and images */
.house-photos { clear: left; margin-top: 3px; }
.house-photos-top { border-top: 2px solid #D7E2F4; width: 531px; }
.house-photos-bottom{ border-bottom: 2px solid #D7E2F4; }
.house-photos-left { border-left: 2px solid #D7E2F4; }
.house-photos-right { border-right: 2px solid #D7E2F4; }
.smallhouse { display:inline; padding-right: 10px; }
.before-house { padding-right: 10px; }
.house-text { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:10px; color:#777B33; font-weight:bold; }
/* end small house photo boxes and images */
/*  end main area with big image boxes plus the small images underneath */

/* area on left that has links to tutorials */
.linkbox { position: absolute; top: 124px; left: 0px; width: 191px; }
.linkbox-border-top { float: left; border-top: 2px solid #D7E2F4; width: 159px; }
.linkbox-border-bottom { float: left; border-bottom: 2px solid #D7E2F4; width: 159px; }
.linkbox-corners { float: left; }
.linkbox-content { float: left; width: 187px; height: 336px; border-left: 2px solid #D7E2F4; border-right: 2px solid #D7E2F4; }
.linkbox-addemail-label { margin: 10px 20px 5px 20px; }
.linkbox-addemail-privacy { margin: 1px 10px 5px 38px; }
.linkbox-email-form { margin: 0px 20px; padding: 0px; }
.linkbox-email-field { width: 100px; margin: 0px; padding: 0px; vertical-align: top; }
.linkbox-email-button { margin: 0px; padding: 0px; }
.linkbox-divider { width: 177px; height: 4px; line-height: 4px; margin: 20px 5px; padding: 0px; }
.linkbox-link-area { margin: 0px 20px;}
.linkbox-label { padding-bottom: 5px; }
.linkbox-header { font-family: Arial, helvetica, sans-serif; color: #CC9900; font-size: 14px; font-weight: bold }
ul.linkbox-link { list-style: none; margin: 0px; padding: 0px; }
a.linkbox-link { color: #386fc7; font-size: 12px; text-decoration: none; font-weight: bold; }
a.linkbox-link:hover { text-decoration: underline; }
a.linkbox-link:visited: { color: #386fc7; }
a.smalltext-link { color: #666666; text-decoration: none; font-size: 11px; font-weight: normal; }
a.smalltext-link:hover { text-decoration: underline; }
/* end area on left that has links to tutorials */

/* area with blue box that could contain rotating comments, press clips, etc.  */
.brag-box {  position: absolute; top: 493px; left: 0px; padding-top: 3px; padding-left: 3px; padding-bottom: 10px; }
/* end area with blue box that could contain rotating comments, press clips, etc.  */

/* footer style */
.footer-container { position: absolute; top: 550px; left: 0px; width: 760px; text-align: center; }
.footer { color: #666666; font-size: 11px; padding-top: 5px; padding-bottom: 15px; }
a.footer-link { color: #666666; text-decoration: none; font-size: 11px; font-weight: normal; }
a.footer-link:hover { text-decoration: underline; }
/* end footer style */

#cheerful { position: absolute; top: 52px; left: 600px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #305BAA; font-weight: bold; }
#elsewhere-links { position: absolute; top: 52px; left: 632px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #305BAA; font-weight: normal; }