/********* QUICK NOTES *********/
/*  */


/********* GENERAL BODY ELEMENTS *********/
body { margin: 0 auto; background: #ffffff; text-align: center;}
body, p, div, a, form, td, li { font: 11px/21px Arial, tahome, "Lucida Grande", Helvetica, sans-serif; color: #949494; }
p { margin: 0 0 10px 0; }
img { border: 0; }
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none;}
h1, h1 a { margin: 20px 0 14px 0; padding: 0; font-size: 17px; font-weight: bold;  }
h2, h2 a { margin: 20px 0 2px 0; padding: 0; font-size: 17px; font-weight: bold;  }
h3, h3 a { margin: 16px 0 14px 0; padding: 0;  font-size: 15px; line-height: 16px; font-weight: bold;  color:#62676C;}
h4, h4 a { margin: 16px 0 2px 0; padding: 0;  font-size: 15px; line-height: 16px; font-weight: bold; color:#62676C;}
h5, h5 a { margin: 16px 0 9px 0; padding: 0;  font-size: 11px; line-height: 12px; font-weight: bold; }
h6, h6 a { margin: 16px 0 2px 0; padding: 0;  font-size: 11px; line-height: 12px; font-weight: bold;  }

/********* LISTS *********/
ul { margin: 0 0 16px 0; padding: 0 0 0 30px; text-align:left; list-style-type: disc; list-style-image: none; }
ul li { padding: 0;  list-style-type:disc; list-style-image: none;}
ul li p { margin-bottom: 10px; }
ul.extraSpacing li { padding-bottom: 8px; }
ul.itemList { margin: 0; padding: 0 0 0 16px; text-align:left; }
ul.itemList li { padding: 0 0 10px 0;  list-style-type:none;}
ul.itemList li a { display: block; font-weight: bold; color: #307753;}


/********* GENERAL FORMATTING AND APPEARANCE *********/
.smallText { font-size: 12px; }
.largeText { font-size: 15px; }
#mainContentTable .bold { font-weight: bold; }
#mainContentTable .boldGreen { font-weight: bold; color: #4F715D; }


/********* SPACING AND ALIGNMENT *********/
.block { display: block; }
.center { text-align: center; }
.left { text-align: left; }
.margin0 { margin: 0; }
.marginAuto { margin: 0 auto; }
.marginTop0 {margin-top: 0; }
.right { text-align: right; }
.floatRight { display: block; margin: 0 20px 8px 12px; float: right;  }
.floatLeft { display: block; margin: 6px 18px 12px 0; float: left;  }
.clearBoth { clear: both; }


/********* GENERAL TEMPLATE LAYOUT *********/
#pageContainer { margin: 103px auto 20px auto; width: 903px; }
#pageContainerVTours { margin: 103px auto 20px auto; width: 943px; }

/* HEADER AREA */
.logoNavTable { margin-bottom: 16px; width: 903px; height: 38px; }
.logoNavTable td {vertical-align: bottom; text-align: center; }
.logoNavTable #logoCell { padding: 0 15px 2px 0; width: 222px; height: 36px; }
.logoNavTable #logoCell img { display: block; margin: 0 auto; }
#elementalCell { padding: 21px 0 0 0; width: 68px; }
#humanElementsCell { padding: 21px 0 0 0; width: 118px; }
#energyElementsCell { padding: 21px 0 0 0; width: 118px; }
#healthyElementsCell { padding: 21px 0 0 0; width: 121px; }
#foundingElementsCell { padding: 21px 0 0 0; width: 129px; }
#elementalHomesCell { padding: 21px 0 0 0;width: 112px; }

.logoNavTable a { margin: 0; padding: 0; display: block; height: 15px; line-height: 12px; padding: 0; background-repeat: no-repeat; }
.logoNavTable a#elemental { width: 68px; background: url(/images/nav_buttons_new/elemental.gif) 0 0; background-repeat: no-repeat;}
.logoNavTable a#elemental:hover { background: url(/images/nav_buttons_new/elemental.gif) 0 -15px; }
.logoNavTable a#humanElements { width: 118px; background: url(/images/nav_buttons_new/human_elements.gif) 0 0; }
.logoNavTable a#humanElements:hover { background: url(/images/nav_buttons_new/human_elements.gif) 0 -15px; }
.logoNavTable a#energyElements { width: 118px; background: url(/images/nav_buttons_new/energy_elements.gif) 0 0; }
.logoNavTable a#energyElements:hover { background: url(/images/nav_buttons_new/energy_elements.gif) 0 -15px; }
.logoNavTable a#healthyElements { width: 121px; background: url(/images/nav_buttons_new/healthy_elements.gif) 0 0; }
.logoNavTable a#healthyElements:hover { background: url(/images/nav_buttons_new/healthy_elements.gif) 0 -15px; }
.logoNavTable a#foundingElements { width: 129px; background: url(/images/nav_buttons_new/founding_elements.gif) 0 0; }
.logoNavTable a#foundingElements:hover { background: url(/images/nav_buttons_new/founding_elements.gif) 0 -15px; }
.logoNavTable a#elementalHomes { width: 112px; background: url(/images/nav_buttons_new/elemental_homes.gif) 0 0; }
.logoNavTable a#elementalHomes:hover { background: url(/images/nav_buttons_new/elemental_homes.gif) 0 -15px; }


/* HEADER AREA - VTOURS */
#logoNavTableVTours { margin-bottom: 16px; width: 943px; height: 38px; }
#logoNavTableVTours #logoCell { padding: 0 15px 2px 0; width: 262px; height: 36px; text-align: center; }


/* MAIN CONTENT AREA */
#mainContentTable { margin: 0 auto; width: 903px; }

/* LEFT COLUMN */
.leftColumn { padding: 0 15px 0 0; width: 222px; height: 418px;text-align: left; vertical-align: top; }
.leftColumn p, .leftColumn a { color: #949494;font: 11px/20px arial, tahoma, "lucida grande", sans-serif; }
.leftColumn h1 { margin: 0 0 10px 0; padding: 0; }
#leftColumnContainer { border: 1px solid #bbb; padding: 0; width: 220px; height: 416px; overflow: auto;}
#leftColumnContent { padding: 30px 0 0px 20px; width: 172px; height: 386px; }
#leftColumnContainer { scrollbar-base-color: #e2e2e2;
scrollbar-arrow-color: #8B8B8B;
scrollbar-track-color: #f5f5f5;
scrollbar-shadow-color: #EAEAEA;
scrollbar-lightshadow-color: #EAEAEA;
scrollbar-darkshadow-color: #eaeaea;
scrollbar-highlight-color: white;
}
#leftColumnContent div { margin: 0;}
#leftColumnContent ul { margin: 0 0 16px 0; padding: 0 0 0 16px; }
#leftColumnContent ul li { padding: 0 0 4px 0; line-height: 14px; list-style-type:disc; }


/* LEFT COLUMN VIRTUAL TOURS */
#leftColumnVTours { height: 525px;text-align: left; }
#leftColumnVTours #leftColumnContainer { height: 523px; overflow: auto;}
#leftColumnVTours #leftColumnContent {padding: 20px 20px 0px 20px; width: 180px; height: 501px;  }
#leftColumnVTours h5 { margin-bottom: 2px; }

div#homeAddress { margin: 0 0 14px 0; }

#leftColumnContent ul.vtourNav {margin: 0 0 8px 0; padding: 0; }
#leftColumnContent ul.vtourNav li {margin: 0; padding: 0; list-style-type: none; line-height: 13px; }
#leftColumnContent ul.vtourNav li a {line-height: 13px; text-decoration: none;}
#leftColumnContent ul.vtourNav li a:hover {text-decoration: underline;}

#smallFloorplanContainer { padding: 6px 0 3px 0; }
#smallFloorplanContainer img {display: block; }

#leftColumnTop { height: 466px; }
#leftColumnShortTop { height: 353px; }
#leftColumnBottom { height: 33px; text-align: center;}
#leftColumnBottom img {display: block; margin: 0 auto;}

/* LEFT COLUMN - CONTACT FORM */
form#contactUsForm { margin: 0; padding:0; }
#contactFormTable { margin: 0; width: 172px; }
#contactFormTable td{ padding: 0 0 4px 0; }
#contactFormMessage { border: 1px solid #bbb; width: 172px; height: 80px; }
.inputBox { border: 1px solid #bbb; width: 140px; height: 17px; }


/* MAIN COLUMN */
.rightColumn { padding: 0; width: 666px; height: 418px; text-align: left; vertical-align: top;}
#flashContainer { margin: 0 0 12px 0; width: 666px; height: 337px; } 
#flashContainerElementalHomes { margin: 0 0 12px 0; border: 1px solid #C0C0C0; width: 664px; height: 335px; } 
#flashContainer img { display: block; }
#secondaryContentContainer {border: 1px solid #bbb; width: 664px;  height: 67px; }


/* MAIN COLUMN - VIRTUAL TOURS */
.rightColumnVTours { padding: 0; width: 666px; height: 444px; text-align: left; vertical-align: top;}
#virtualTourContainer { margin: 0 0 12px 0; }

/* Form Elements */
.submit { margin: 0 10px 0 0; }
select { font: 11px verdana, arial, sans-serif; color: #61605B; background-color: #FFF;  }
option { padding: 2px 0 2px 2px; }
.error { font-weight: bold; color: #b14c38; }
.admin { color: #000000; }

/* ELEMENTAL HOMES OVERVIEW */
#elementalHomesOverviewTable {margin: 0 0 12px 0; width: 666px; height: 337px;}
#elementalHomesOverviewLeft {padding: 0 14px 0 0; width: 439px; height: 337px; text-align: left; vertical-align: top; }
#elementalHomesOverviewRight {padding: 0; width: 213px; height: 337px; text-align: left; vertical-align: top; }
#elementalHomesOverviewRight img {display: block; margin-bottom: 7px; }
#elementalHomesOverviewRight img#customHomes {margin-bottom: 0; }



/******** FOOTER *********/
#footerTop { margin: 24px 0 12px 0; padding: 0; width: 903px; text-align: center;  }
#footerTop img { display: block; }
#footerTopLeft { padding: 0; width: 843px; }
#emailUs { display: block; height: 14px; width: 58px; line-height: 14px; padding: 0; background: url(/images/email_us.gif) 0 0; background-repeat: no-repeat; }
a#emailUs:hover { background: url(/images/email_us.gif) 0 -14px; background-repeat: no-repeat; }
#footerBottom { width: 903px; }
#footerCopyright { padding: 0; width: 846px; text-align: left; vertical-align: top; }
#footerAudio { padding: 0 2px 0 0; width: 41px; text-align: right; vertical-align: middle; }
#footerAudio img {display: block; }
#footerAudioController { padding: 0; width: 14px; text-align: right; vertical-align: top; }