@charset "utf-8";


/* ---------------------------------------------------- Defaults --------------------------------------------------- */


body { 

  margin:0;
  background: white url('/images/bkg_body.png') no-repeat top left;
  font: 12px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;  
  color:#333;
}

ul, ol, li, dl, dt, dd { padding: 0; margin: 0 }
ul, ol { margin: 0 0 15px 20px }
li { list-style-type: disc; margin-bottom: 7px }
li ul { margin-top: 10px }

p { margin:0 0 15px 0 }
p.quote { font-style: italic; line-height: 1.8em; margin-bottom: 5px }

h1 { margin:0 0 20px 0; font-size:24px; color: #800000; }
h2 { margin:0 0 1px 0; font-size:22px; color: #800000; }
h3 { margin:0 0 7px 0; font-size:16px; color: #2A3947; font-weight: normal; }
h4 { margin:0 0 5px 0; font-size:13px; color: #293947; }

h1 em, h2 em, h3 em, h4 em { font-weight: normal; font-size: 80%; }

a { color: #2A3947 }
a:hover { color: black }

b, strong { color: black }

img { border: 0px }

.lg { font-size: 125%;}
.md { font-size: 115%;}
.sm { font-size: 90%;}

.rt { float: right; margin: 0 0 1.0em 1.2em }
.lt { float: left; margin: 0 1.2em 1.0em 0 }
.cb { clear: both }

.p { display: block; margin:0 0 15px 0 }

.first { margin-top: 15px; }
.last { margin-bottom: 0; }
.on { font-weight: bold; font-size: 120%; }

.txt-bottom { vertical-align: text-bottom }
.txt-top { vertical-align: text-top }
.txt-rt { text-align: right; }

.highlight { background-color:#FF6 }
.padded { padding: 5px }

.notice { border: 1px solid #999; color:white; background-color:#CC9900; font-weight: bold; padding: 5px; } /* Yellow*/
.error { border: 1px solid #999; background-color:#F66; padding: 5px } /* Red */


/* ---------------------------------------------------- page ------------------------------------------------------- */


#page { width:920px; margin-left:65px; }


/* ------------------------------------ page > page-top (Links at top of page) ------------------------------------- */


#page #page-top { 

  width:743px;
  height:30px;
  float: right;
  margin: 0 0 1px 0;
  text-align: right;
}

#page #page-top h4 { 

  padding: 7px 10px 0 0;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  color: white;
} 


#page #page-top h4 a { color: white; } 


/* --------------------------------------------------- page > logo ------------------------------------------------- */


#page #logo { 

  width:178px;
  height:110px;
  position: absolute;
  top: 21px;
  left: 33px;
}

#page #logo h1 { margin: 0; } 

/* --------------------------------------------------- page > ads ------------------------------------------------- */


#page #ads { 

  width:176px;
  height:202px;
  position: absolute;
  top: 403px;
  left: 65px;
}


/* ------------------------------------------------ page > content ------------------------------------------------- */


#page #content { }


/* -------------------------------------------- page > content > crumbs -------------------------------------------- */


#page #content #crumbs { 

  width:742px;
  height:30px;
  float: right;
  border-right: 1px solid white;
  background-color: #CCCC99;
  text-align: left;
}


#page #content #crumbs h4 { 

  padding: 7px 0 0 10px;
  font-size: 11px;
  margin: 0;
  color: black;
} 


#page #content #crumbs h4 a { color: black; } 
#page #content #crumbs h4 em { font-style: normal; font-weight: normal; font-size: 11px; } 


/* --------------------------------------------- page > content > nav ---------------------------------------------- */


#page #content #nav { 
  
  width: 175px;
  height: 264px;
  float: left;
  margin: 107px 0 0 0;
  border-left: 1px solid white;
  background: transparent url('/images/bkg_nav.png');
}

#page #content #nav ul { width: 100%; float: left; padding: 0; margin: 0 }

#page #content #nav ul li { 

  width: 100%;
  float: left;
  clear: both;
  text-align: left;
  list-style-type: none; 
  border-bottom: 1px solid white;
  padding: 0; margin: 0;
}

#page #content #nav ul li a { 

  width: 165px;
  float: left;
  padding: 5px 0 5px 10px;
  text-decoration: none;
  font-size: 13px;
  color: white;
  background-color: #2A3947;
}

#page #content #nav ul li a:hover { background-color: #232B33; }

/* "ON" States */
#page.testimonials #content #nav ul li a.testimonials, 
#page.trade-partners #content #nav ul li a.trade-partners, 
#page.communities #content #nav ul li a.communities, 
#page.customer-service #content #nav ul li a.customer-service { font-weight: bold; background-color: #CC9900; }


/* --------------------------------------------- page > content > text --------------------------------------------- */


#page #content #text { 

  width: 743px;
  float: right;
  background-color: white;
  
  /* Min-height Hack for IE6 */
  min-height: 544px;
  height: auto !important;
  height: 544px;
  
}


/* --------------------------------------- page > content > text > text-main --------------------------------------- */


#text #text-main { padding: 10px; }
#text #text-main p { line-height: 1.6em; }
#text #text-main h2 { margin:0 0 13px 0; font: italic normal 22px Georgia, Times, serif; color: #CC9900 }

/* Splash Graphic */
#page #text #text-main .splash_graphic { width: 440px; overflow: hidden; }

/* Text Below Splash Graphic */
#page #text #text-main .splash_text { 
  
  background-color: #CC9900; 
  width: 426px;
  padding: 7px;
  color: white;
  font-weight: bold;
  font-size: 11px;
  line-height: 1.1em;
}


/* ----------------------------------- page > content > text > text-main > subnav ---------------------------------- */


#text #text-main #subnav { 
  
  width: 250px; 
  float: right;
  margin: 30px 0 0 20px; 
  padding-bottom: 25px;
  overflow: hidden;
}

#text #text-main #subnav ul { width: 100%; float: right; padding: 0 0 20px 0; margin: 0 }

#text #text-main #subnav ul li { 

  width: 100%;
  float: right;
  clear: both;
  text-align: left;
  list-style-type: none; 
  border-bottom: 1px solid #AEAEAE;
  padding: 0; margin: 0
}

#text #text-main #subnav ul li a { 

  width: 240px;
  float: right;
  padding: 5px 0 5px 10px;
  text-decoration: none;
  font-size: 13px;
  color: #2A3947;
}

#text #text-main #subnav ul li a:hover { color:#2A3947; background-color: #DADADA; }
#text #text-main #subnav ul li a.subnav-on { color: white; font-weight: bold; background-color: #CC9900; }


/* --------------------------------------- Section Specific (Customer Service) ------------------------------------- */


/* Subnav "ON" States*/
#page.customer-service #content.home-buying-process #subnav ul li a.home-buying-process,
#page.customer-service #content.homebuyer-orientation #subnav ul li a.homebuyer-orientation,
#page.customer-service #content.moving-tips #subnav ul li a.moving-tips,
#page.customer-service #content.warranty-information #subnav ul li a.warranty-information,
#page.customer-service #content.preferred-lenders #subnav ul li a.preferred-lenders,
#page.customer-service #content.design-center #subnav ul li a.design-center { color: white; font-weight: bold; background-color: #CC9900; }

/* Quote Below Subnav */
#page.customer-service #subnav #quote {
  
  width: 220px; 
  float: right;
  clear: both;
  padding: 0 15px 25px 15px;
  font: 13px Georgia, Times, serif;
  line-height: 1.7em;
  text-align: center;
  color: #2A3947;
  
}

/* ------------------------------------------ Section Specific (Trading Partners) --------------------------------------- */

#page.trade-partners #text-main h4 { margin-bottom: 0; display: inline;}

#page.trade-partners .tabs_tradePartners { border-bottom: 1px solid #2A3947; width: 100%; margin-top: -35px;}

#page.trade-partners .tabs_tradePartners ul,
#page.trade-partners .tabs_tradePartners ul li { padding: 0; margin: 0; list-style-type: none; display: inline; }
#page.trade-partners .tabs_tradePartners ul li a { text-decoration: none; text-align: center; float: right; padding: 8px 30px 6px 30px; border-right: 1px solid white; }

#page.trade-partners .tabs_tradePartners ul li a.tab-on { background-color: #2A3947; color: white; }
#page.trade-partners .tabs_tradePartners ul li a.tab-off { background-color: #CDDBE3; color: black; }

#page.trade-partners table.trade-partners td { padding-bottom: 30px }


/* ------------------------------------------ Section Specific (Communities) --------------------------------------- */


#page.communities #content #community_splash { width: 440px; height: 300px; margin-bottom: 15px; overflow: hidden;}
#page.communities #content.list #community_splash #map { width: 440px; height: 300px; }

#page.communities #content.details table#table-community_plans tr td { text-align: center;}

#page.communities #content.details p.contact { margin-bottom: 5px;}
#page.communities #content.details h4.salesOffice { margin-top: 10px;}


/* ------------------------------------------- Section Specific (Homepage) ----------------------------------------- */


#page.home #content #text { background-color: transparent; }
#page.home #content #crumbs { border-right: 0; background-color: transparent; }

#page.home #splash-top { 
  
  position: absolute; 
  width: 569px; 
  height: 137px; 
  top: 0; 
  left: 242px;
  border-right: 1px solid white;
  text-align: right;
}

#page.home #ad-mid { 
  
  position: absolute; 
  width: 569px; 
  height: 264px; 
  top: 138px; 
  left: 242px;
  border-right: 1px solid white;
}

#page.home #menu-cities { 
  
  position: absolute; 
  width: 159px; 
  height: 254px; 
  top: 138px; 
  left: 825px; 
  padding-top: 10px;
}

#page.home #menu-cities h3 { 
  
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 1px dashed white;
  padding-bottom: 10px;
}

#page.home #menu-cities ul { margin-left: 0 }
#page.home #menu-cities ul li { list-style-type: none }
#page.home #menu-cities ul li a { color: white; }


#page.home #ad-bottom { 
  
  position: absolute; 
  width: 742px; 
  height: 202px; 
  top: 403px; 
  left: 242px; 
  border-right: 1px solid white;
}


/* -------------------------------------------------- page > foot -------------------------------------------------- */


#foot { 
  
  width: 743px; 
  float:right; 
  margin-top: 20px; 
  padding-bottom: 15px;
  text-align: center; 
  font-size: 11px;
}


/* ----------------------------------------------------- hacks ----------------------------------------------------- */


.clearfix:after { 

  content: ""; 
  display: block; 
  height:0; 
  clear: both; 
  visibility: hidden
}