/*
 * 	5-20 Homes
 * 	Yperez | Oct 2008
 * 
 */


/* 
 * 
 * Admin 
 * (WYSIWYG Content)
 * 
 */

  h1{ color: #be702a; font-size: 16px; font-family: Georgia; margin-bottom: 10px; width: 605px; background: url(/images/structure/content-line.jpg) bottom center no-repeat; height: 20px;}
  h2{ color: #be702a; font-size: 12px;}
  h3{ color: #be702a; font-size: 15px; font-family: Georgia; font-weight: normal;}
  a { color: #c66005; text-decoration: none;}
  a:hover { color: #c66005; text-decoration: underline;}
  .admin_content { color: #31353d; font-family: Arial; font-size: 12px; line-height: 16px;}
  .bodyRight .admin_content h1{background: none;}

/* 
 * 
 * Main Navigation
 * 
 */
  #topNav .nav{ height: 19px; margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden; position: absolute; right: 0; top: 0;}
	  #topNav li { margin:0; padding:0; list-style: none; display: inline;}
	  #topNav a { float: left; padding: 19px 0 0 0; overflow: hidden; height: 0px; margin-left: 2px; margin-top: 0;}
	  #topNav a:hover { background-position: 0 -19px;}
	  #topNav .selected{ background-position: 0 -19px;}

  #about a { width: 68px; background: url(/images/buttons/top-nav-about.jpg) top left no-repeat;}
  #contact-us a { width: 84px; background: url(/images/buttons/top-nav-contact.jpg) top left no-repeat;}
  #customer-dream-home a { width: 190px; background: url(/images/buttons/top-nav-customer.jpg) top left no-repeat;}
  #homebuyer a { width: 145px; background: url(/images/buttons/top-nav-homebuyer.jpg) top left no-repeat;}


  #mainNav .main{ height: 26px; margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden; position: absolute; right: 0; bottom: 9px;}
	  #mainNav li { margin:0; padding:0; list-style: none; display: inline;}
	  #mainNav a { float: left; padding: 26px 0 0 0; overflow: hidden; height: 0px; margin-left: 20px; }
	  #mainNav a:hover { background-position: 0 -26px;}
	  #mainNav .selected{ background-position: 0 -26px;}

  #communities a { width: 117px; background: url(/images/buttons/nav-communities.jpg) top left no-repeat;}
  #floorplans a { width: 117px; background: url(/images/buttons/nav-floorplans.jpg) top left no-repeat;}
  #homes-ready a { width: 162px; background: url(/images/buttons/nav-available-homes.jpg) top left no-repeat;}
  
  #subNav { height: 30px; margin-top: 1px;}
	#subNav .main { width: 960px; margin: 0 auto;}
	#subNav a { margin-right: 10px;}


/* 
 * 
 * Layout / Formatting
 * 
 */
 #wrapper{ width:960px; margin:0 auto; background: url(/images/structure/floral-pattern-bottom.jpg) bottom center no-repeat; padding-bottom: 20px;}
 
  body{ background:#ddcca5 url(/images/structure/bg-pattern.jpg) repeat-x; margin-bottom: -14px; padding-bottom:-14px; color: #31353d; font-family: Arial; font-size: 12px;}
  body#about-us {background-image: url(/images/structure/sub-bg.jpg);}
  
  
  
  #hd{ position: relative; width: 960px; height: 108px;}
  #hd h1{ position: absolute; background: url(/images/structure/main-logo.jpg) no-repeat left top; width: 476px; height: 69px; top: 30px;}
  #hd h1 a{ width: 222px; height: 75px;}

  #container{ width: 960px; background: url(/images/structure/floral-pattern-bg.jpg) top left no-repeat; position: relative; top: 1px;}

  #homeLeft{ width: 400px; float: left; }
  	#homeLeft .content { background: url(/images/structure/home-content-bg.png) top left no-repeat; color: #31353d; width: 360px; margin: 30px 0 20px 0; padding: 10px 0 0 15px;}
  #homeRight{ width: 560px; float: right; margin-top: 36px;}
	#homeRight .flashPanel { margin-bottom:15px;}

  #homeCta{clear: both;}  
  
  .bodyLeft { width: 605px; float: left; margin-top: 10px;}
  	.bodyLeft .imageBanner { margin-bottom: 10px; text-align: center;}
	.bodyLeft .imageBanner img { border: #f3eddf 3px solid;}

  .backbutton { width: 600px; text-align: right; margin-top: -10px;}
  .floorplan-info { background: #e4d6b7; padding: 10px; margin-top: 10px;}
  .imageRow { width: 605px; margin-top: 10px;}
  	.imageRow .image { margin-right: 5px; float: left; margin-top: 5px; text-align:center;}
	.imageRow .image img{}
	
  .homeRow { margin-bottom: 10px;}
  	.homeRow .image img{ border: #f3eddf 3px solid; width: 135px; float: left; margin-right: 5px; }
  	.homeRow .text{ width: 450px; float: left;}
	.homeRow .text .sqft { margin-top: 5px; background: url(/images/sqft-bg.png) top left repeat; color: #31353d; font-weight: bold; padding: 5px;}
	
  .searchRow { margin-bottom: 5px; width: 605px; background: url(/images/structure/content-line.jpg) bottom left no-repeat; padding-bottom: 10px;}
  	.searchRow .item { margin-right: 10px;}
	.searchRow .item .left { width: 120px; float: left; padding: 5px; font-weight: bold; text-align: right; }
	.searchRow .item .right { width: 125px; float: left; padding: 5px; background: #e4d6b7; min-height: 60px;}

  .searchRowButtons { margin-bottom: 5px; width: 605px; background: url(/images/structure/content-line.jpg) bottom left no-repeat; padding-bottom: 10px; text-align:center;}
  .searchRowButtons .button{ vertical-align: top;}

  .bodyRight { width: 340px; min-height: 263px; float: right; margin-top: 0; background: url(/images/structure/corner-bg.png) top right no-repeat; padding: 15px 0 0 5px;}

  .communityTitle { color: #c66005; background: url(/images/title-shadow.png) bottom left no-repeat; padding-bottom: 12px; font-size: 30px; font-family: Georgia;}
  .communityTitleItem { margin-top: 20px;}
  	.communityTitleItem .logo { width: 120px; float: left; background: #d0bf9a; text-align: center; padding: 5px;}
	.communityTitleItem .text { width: 455px; float: left; background: url(/images/com-title-pattern.jpg) top left repeat-y; color: #52555d; font-weight: bold; padding: 5px; font-family: Georgia; font-size: 18px; min-height: 80px; font-style: italic; line-height: 4em;}
/*  .communitySmallTitle { color: #c66005; background: url(/images/title-shadow.png) bottom left no-repeat; padding-bottom: 8px; font-size: 15px; font-weight: bold;}*/
  .communityInfo { margin-bottom: 20px;}
  	.communityInfo .logo { width: 126px; float: left; background: #efe8d9; margin-right: 12px;}
  	.communityInfo .logo img{ padding: 3px 0 3px 3px;}
	.communityInfo .text{ width: 185px; float: left;}


/* 
 * 
 * Layout / News
 * 
 */

  #news { background: #4d5057 url(/images/structure/news-bg.jpg) bottom left no-repeat; width: 539px; padding-bottom: 10px;}
	#news .contentArea{ color: #f1f1f1; padding: 0 0 0 15px;}
	#news .contentArea .newsItem{ width: 150px; float: left; margin-top: 5px; margin-right: 20px;}

  .newsTitle{ background: #cfbd94; width: 580px; font-weight: bold; padding: 3px;}

/* 
 * 
 * Layout / Floor Plans
 * 
 */

  .fpRow{ margin-top: 10px; background: url(/images/structure/content-line.jpg) bottom left no-repeat; padding-bottom: 10px;}
  	.fpRow .image { background: url(/images/fpimage-bg.png) bottom left no-repeat; width: 140px; float: left;}
	.fpRow .image img{ margin-left: 10px; margin-bottom: 10px;}
	.fpRow .text { width: 320px; float: left; margin:0 20px 0 20px;}
	.fpRow .text .sqft { width: 340px; margin-top: 5px; background: url(/images/sqft-bg.png) top left repeat; color: #31353d; font-weight: bold; padding: 5px;}
	.fpRow .price { background: url(/images/fpprice-bg.png) top right no-repeat; width: 100px; float: left; font-family: Georgia; color: #494c53; font-size: 10px; font-style: italic; padding-top: 10px; font-weight: bold; min-height: 51px;}
	.fpRow .price .pricetag{ color: #ba5804; font-size: 14px;}
	.fpRow h1{background: none;}


/* 
 * 
 * Layout / Form
 * 
 */
  .form{ padding: 10px; width:440px; margin:0 auto; background: #decca6 url(/images/structure/form-bg.jpg) top center no-repeat; border: #cdb993 1px solid;}
	.formRow{ margin-top: 10px;}

	.formItem { width: 220px; float: left;}
	.formItem .textfield{ width: 200px;}
	.formItem .smalltext { width: 20px;}
	.formItem .textarea { width: 420px;}
	
	.formItem2{}
	.formItem2 .textfield{ width: 420px;}
	
	.state{ width: 40px;  margin-right: 15px; float: left;}
	.state .dropdown{ height: 24px;}
	
	.zipcode{ width: 70px; float: left;}
	.zipcode .textfield{ width: 50px;}
	
	.phone{ width: 125px; margin-right: 20px; float: left;}
	.phone .textfield{ width: 30px;}
	.phone .textfield2{ width: 35px;}

/* 
 * 
 * Layout / Footer
 * 
 */

  #ft{ background: #31353e url(/images/structure/footer-bg-pattern.jpg) top left repeat-x; padding-left: 0; color: #464646; font-size: 11px; width: 100%; }

  #ft .main{ width: 960px; margin: 0 auto; padding: 0; background: url(/images/structure/footer-pattern.jpg) bottom center no-repeat; min-height: 350px;}

  #ft .main .leftColumn { float: left; width: 150px; margin-top: 15px;}
  	#ft .main .leftColumn ul { color: #95979b; list-style-image: url(/images/structure/house-bullet.png); padding-left: 20px; margin-bottom: 0;}
	#ft .main .leftColumn ul a { color: #95979b; text-decoration: none;}
	#ft .main .leftColumn ul a:hover { color: #95979b; text-decoration: underline;}
	#ft .main .leftColumn a.orange { color: #ab5605; text-decoration: none; font-weight: bold;}
	#ft .main .leftColumn a.orange:hover { color: #ab5605; text-decoration: underline;}

  #ft .main .centerColumn { float: left; width: 150px; margin-top: 15px;}
  	#ft .main .centerColumn ul { color: #95979b; list-style-image: url(/images/structure/house-bullet.png); padding-left: 20px; margin-bottom: 0;}
	#ft .main .centerColumn ul a { color: #95979b; text-decoration: none;}
	#ft .main .centerColumn ul a:hover { color: #95979b; text-decoration: underline;}
	#ft .main .centerColumn a.orange { color: #ab5605; text-decoration: none; font-weight: bold;}
	#ft .main .centerColumn a.orange:hover { color: #ab5605; text-decoration: underline;}

  #ft .main .rightColumn { float: left; width: 540px; margin-top: 15px; margin-left: 120px;}

  #ft .main .footerbar { float: left; background: url(/images/structure/footer-nav-bg.jpg) top left no-repeat; width: 937px; height: 33px; color: #ffffff; margin-left: 12px; margin-top: 65px; margin-bottom: 20px; text-align: center; padding-top: 8px; }
  #ft .main .copybar { float: left; background: url(/images/structure/footer-nav-bg.jpg) top left no-repeat; width: 937px; height: 36px; color: #ffffff; margin-left: 12px; margin-top: 0; margin-bottom: 20px; text-align: center; padding-top: 8px; }
  #ft a{ color: #ffffff; text-decoration: none;}
  #ft a:hover{ color: #ffffff; text-decoration: underline;}
    #ft address{ font-style: normal; margin-top: 4px;}
	#ft address strong{ padding-left: 10px;}