html, body {
	margin: 0;
	padding: 0;
	height:	100%;
	text-align: left;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small !important;
  	font-size: small;
  	font-family: "century gothic", arial, helvetica, geneva, sans-serif;
	background: #000 url(images/bodybg.gif) top left repeat-x;
	color: #e1e1e1;

}

* { margin: 0; padding: 0; }

a {
	border: none;
	color: #063d6b;
	}

/*************************************
 +Header and Navigation
 *************************************/

#wrap {
	width: 994px;
	margin: 0px auto;
	}

#header {
	width: 994px;
	height: 223px;
	background: url(images/header.jpg) top left no-repeat;
	}


#header h1 {
	text-indent: -5000px;
	}


.newslink {
	xborder: 1px solid red;
	display: block;
	width: 200px;
	height: 77px;
	position: relative;
	float: right;
	text-indent: -5000px;
	right: 21px;
	top: 118px;
	}

.newslink:hover {
	background: url(images/newslink.jpg) top left no-repeat;
}

#nav {
	height: 43px;
	background: url(images/header.jpg) -4px -223px  no-repeat;
	padding-left: 43px;
	}

#nav li {
	float: left;
	list-style: none;
	}


#nav a {
	display: block;
	height: 43px;
	text-indent: -5000px;
	}

#home { width: 88px;}
#home:hover { background: url(images/navhover.jpg) top left no-repeat;}


#realshowcase { width: 126px; }
#realshowcase:hover {
	background: url(images/navhover.jpg)   no-repeat;
	background-position:   -88px 0;
	}


#showcase { width: 114px; }
#showcase:hover {
	background: url(images/navhover.jpg)   no-repeat;
	background-position:   -214px 0;	
	}


#map { width: 187px; }
#map:hover {
	background: url(images/navhover.jpg)   no-repeat;
	background-position:   -328px 0;
	}

#sale { width: 106px; }

#sale:hover {
	background: url(images/navhover.jpg)   no-repeat;
	background-position:   -515px 0;
	}


#testimonials { width: 155px; }
#testimonials:hover {
	background: url(images/navhover.jpg)   no-repeat;
	background-position:   -621px 0;
	}


#contact { width: 124px; }

#contact:hover {
	background: url(images/navhover.jpg)   no-repeat;
	background-position:   -776px 0;
	}


/*************************************
 +Main Layout
*************************************/


#main {
	background: #10161a url(images/mainbg.gif) top left repeat-y;
	width: 900px;
	padding: 15px 47px 0 47px; 
	}

#main p {
	xmargin-bottom: 15px;
	}

#flashslideshow {
	clear: both;
	margin-top: 20px;
	}

#maintopcontent {
	margin-bottom: 20px;
}


/*************************************
 +Featured Home & Signature
*************************************/

#featuredhome {
	float: left;
	width: 549px;
	}

#featuredhome a { 	color: #f1cb9f; }
#featuredhome a:hover { color: #fff; }

.featurebutton {
	color: #f1cb9f;
	text-decoration: none;
	text-transform: capitalize;
	position: relative;
	top: 202px;
	display: block;
	font: 100% arial, helvetica, sans-serif;
	font-weight: bold;
	float: left;
	text-align: center;
	}

#moreinfo { width: 166px; margin-left: 20px;}
#viewonmap { width: 115px; margin-left: 30px;}
#otherfeatured { width: 180px; margin-left: 20px;}



#featuredhomebottom {
	clear: both;
	height: 235px;
	background: url(images/featuredhome.jpg) bottom left no-repeat;
	}

#featuredhome h5 {
	text-indent: -5000px;
	width: 180px;
	height: 75px;
	float: left;
	background: url(images/featuredhome.jpg) top left no-repeat;
	}

#featuredhome p {
	color: #af5c12;
	width: 360px;
	float: right;
	}

#signature {
	width: 310px;
	padding: 10px 0 0 10px;
	float: right;
	background: url(images/sigline.gif) top left no-repeat;
	}

#signature strong {
	text-align: right;
}


#jonessignature {
	width: 171px;
	padding-right: 25px;
	display: block;
	float: right;
	padding-top: 15px;
	color: #606162;
	text-align: right;
	font: 130% georgia, times, serif;
	text-transform: capitalize;
	xbackground: url(images/jonessignature.gif) top left no-repeat;
	}

#jonessignature em{ 
	width: 171px;
	font-size: 80%;
	display: block;
	}


/*************************************
 +Showcase & Left, Right Columns
*************************************/

#leftcolumn {
	float: left;
	width: 550px;
	padding-left: 8px;
	}

#leftcolumn p {
	margin-bottom: 12px;
}

.imgright, .imgleft {
	float: right;
	padding: 3px;
	border: 1px solid #29353c;
	margin-bottom: 15px;
	}

.imgright {
	margin-left: 12px;
	}


#photogallery, #rightcolumn {
	float: right;
	}

#photogallery {
	padding-top: 25px;
	}

#gallerycontent {
	width: 280px;
	padding: 0px 17px 10px 17px;
	background: #6c1507 url(images/showcase/gallerybg.gif) top left repeat-x;
	border-left: 1px solid #5c3b37;
	border-right: 1px solid #5c3b37;
	}

#gallerycontent img {
	border: 1px solid #894338;
	padding: 3px;
	}

#gallerycontent p {
	font: 1em arial, helvetica, sans-serif;
	}

.blurb {
	color: #8e8375;
	margin-bottom: 15px;
	}

.aboutcopy {
	color: #cfc4ba;
	line-height: 140%;
	padding-bottom: 10px;
	}

h3#gallerytitle {
	background: url(images/showcase/gallerytitle.gif) top left no-repeat;
	width: 316px;
	height: 46px;
	text-indent: -5000px;
	}

h3#abouttitle {
	background: url(images/contact/abouttitle.gif) top left no-repeat;
	width: 316px;
	height: 74px;
	text-indent: -5000px;
	}

#galleryfoot {
	height: 8px;
	width: 316px;
	background: url(images/showcase/galleryfoot.gif) top left no-repeat;
	clear: both;
	}


.showcasetitle1 {
	width: 550px;
	height: 285px;
	text-indent: -5000px;
	background: url(images/showcase/showcasetitle1.jpg) top left no-repeat;
	}

.showcasetitle2 {
	width: 550px;
	height: 285px;
	text-indent: -5000px;
	background: url(images/realshowcase/showcasetitle1.jpg) top left no-repeat;
	}




.caption {
	color: #b24a39;
	text-align: center;
	text-transform: capitalize;
	padding-top: 2px;
	}

.galleryenlarge {
	color: #b24a39;
	margin: 0 auto;
	text-align: center;
	text-transform: capitalize;
	padding-top: 2px;
	font: 1em arial, helvetica, sans-serif;
	background: url(images/showcase/enlarge.gif) left 50% no-repeat;
	padding-left: 15px;
	text-decoration: none;
	}


ul#tasklist {
	width: 523px;
	clear: both;
	background: #b39d55 url(images/showcase/showcaselist.gif) top left no-repeat;
	padding: 40px 15px 20px 12px;
	list-style: none;
	color: #40371a;
	font: 90% arial, helvetica, sans-serif;
	text-transform: capitalize;
	}

#tasklist li {
	padding: 8px 10px;
	border-top: 1px solid #766737;
	}

.first { background: #b39e59 url(images/showcase/whitecheck.gif) center right no-repeat; }
.lighter { background: #b7a15b url(images/showcase/whitecheck.gif) center right no-repeat; }
.all { background:  url(images/showcase/whitecheck.gif) center right no-repeat; }
.last { border-bottom: 1px solid #766737 url(images/showcase/whitecheck.gif) center right no-repeat; }

/*************************************
 +Contact Page
*************************************/

#contacttitle, #teamtitle {
	text-indent: -5000px;
	height: 33px;
	width: 534px;
	margin: 15px 0;
}	

#contacttitle {
	background: url(images/contact/contacttitle.gif) top left no-repeat;
	}

#teamtitle {
	background: url(images/contact/teamtitle.gif) top left no-repeat;
	}


.streetaddress {
	font-size: 130%;
	margin-bottom: 3px;
	}

.bottomone { margin-bottom: 55px;}


.contactrow {
	clear: both;
	margin-bottom: 50px;
	}

.teamperson {
	font-family: arial, helvetica, sans-serif;
	width: 176px;
	float: left;
	text-align: center;
	}

.teamperson img {
	padding: 3px;
	border: 1px solid #3c4043;
	margin-bottom: 8px;
	}


.teamperson h6 {
	font-size: 140%;
	font-weight: bold;
	color: #e1e1e1;
	text-transform: capitalize;
	}

.contactinfo {
	list-style: none;
	color: #b1b1b1;
	}

.position {
	margin-bottom: 8px;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bold;
	} 

.phone {
	margin-bottom: 3px;
	}

.fax {
	margin-bottom: 8px;	
	}


.email a{
	padding-left: 20px;
	background: url(images/contact/email.gif) left 50% no-repeat;
	color: #8daac1;
	}

#teamlist {
	color: #cfc4ba;
	border-top: 1px solid #a88748;	
	border-bottom: 1px solid #a88748;
	margin: 16px 0;
	padding: 8px 0;
	list-style: none;
	}

#photogallery img {
	xborder: none;
	xmargin-left: -12px;
	xmargin-bottom: -12px;
}

#teamlist li{
	text-align: center;
	padding-bottom: 4px;
	font: 100% arial, helvetica, sans-serif;
	}

.listtitle {
	color: #a88748;
	font: 150% "century gothic", sans-serif;
	font-weight: bold;
	padding-bottom: 8px;
	letter-spacing: -1px;
	}

#teamlist span {font-weight: bold; }

/*************************************
 +For Sale Page
*************************************/

#saletitle {
	text-indent: -5000px;
	height: 22px;
	width: 260px;
	margin: 15px 15px;
}	

#saletitle {
	background: url(images/sale/saletitle.gif) top left no-repeat;
	}


.sale-list {
	margin-bottom: 15px;
	padding-top: 15px;
	border-top: 1px solid #7e6629;
	margin-left: 15px;
	margin-right: 15px;
	}

.sale-photo {
	float: left;
	width: 228px;
	border: 1px solid #716a6a;
	}

.sale-photo img {
	padding: 3px;
}

.sale-photo p {
	text-align: center;
	margin-bottom: 6px;
}

.sale-photo a {
	background: url(images/sale/mag.gif) left center no-repeat;
	padding-left: 15px;
	text-decoration: none;
	color: #5f5454;
	
}

.sale-photo a:hover { color: #8d8484; }

.sale-info {
	width: 600px;
	margin-left: 20px;
	float: left;
	}

.sale-info h3 {
	color: #b59b5a;
	font-size: 140%;
	}

.sale-info p {
	color: #dfd4b7;
	font-family: verdana;
	font-size: .9em;
	padding-bottom: 8px;
	padding-top: 3px;
	}

.sale-info a {
	color: #5f5454;
	text-decoration: none;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 130%;
	padding-left: 14px;
	background: url(images/sale/arrow.gif) left center no-repeat;
	}

.sale-info a:hover { color: #8d8484; }

ul.morephoto {
	display: none;
	float: right;
	width: 200px;
	list-style: none;
	color: #828588;
	text-align: right;
	}

ul.morephoto li {
	xdisplay: inline-block;
		width: 200px;
	background: url(images/sale/listrule.gif) bottom right no-repeat;
	margin-top: 0 !important;
	xpadding-bottom: 0 !important;
	margin-top: -3px;
	padding-bottom: 1px;
	}

ul.morephoto a {
	color: #828588;
	display: block;
	text-decoration: none;
	background: url(images/sale/photoborder.gif) right center no-repeat;
	padding: 4px 30px 4px 0;
	}


ul.morephoto a:hover {
	color: #c2c5c8;
	background: #192127 url(images/sale/photoborder2.gif) right center no-repeat;
	}

.littletitle {
	color: #5f5454;
	display: block;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 120%;
	padding-bottom: 10px;
}




/*************************************
 +Testimonials
*************************************/

#testtitle {
	text-indent: -5000px;
	height: 21px;
	width: 201px;
	margin: 15px 15px ;
	background: url(images/testimonials/title.gif) top left no-repeat;
}	

#newstitle {
	text-indent: -5000px;
	height: 24px;
	width: 221px;
	margin: 15px 15px ;
	background: url(images/newstitle.gif) top left no-repeat;	
}

.onetestimonial {
	clear: both;
	border-top: 1px solid #7e6629;
	margin-left: 15px;
	padding-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
}

.quoteleft {
	width: 510px;
	float: left;
}


.fullquote {
	width: 510px;
	margin-bottom: 8px;
	color: #dfd4b7;
}

.quotecredit {
	width: 530px;
	clear: both;
	color: #b59b5a;
	font-weight: bold;
	font-size: 130%;
}

.pullquote {
	width: 305px;
	padding-left: 36px;
	color: #aba490;
	font: 190%/130% georgia, times, serif;
	font-style: italic;
	float: right;
	background: url(images/testimonials/quotes.gif) top left no-repeat;
}



/*************************************
 +Big Footer
*************************************/


#bigfooter{
	clear: both;
	padding-top: 46px;
	width: 100%;
	background: #491907 url(images/footertop.gif) top center no-repeat;	
	}

#insidefoot {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0;
	}
	
#story {
	width: 420px;
	float: left;
	margin-bottom: 15px;
	}

#story a, #story a:hover {
	color: #dea771;
}


#story h3 {
	color: #dea771;
	font-size: 180%;
	margin-bottom: 10px;
	margin-top: 20px;
	}

#story p {
	color: #e89245;
	margin-bottom: .8em;
	line-height: 140%;
	}


#testimonial {
	float: right;
	width: 458px;
	height: 348px;
	background: url(images/testimonial1.jpg) top left no-repeat;
	}

#testimonial a{ 
   color: #d3d3d3;
   text-decoration: none;
   text-transform: capitalize;
   position: relative;
   top: 268px;
   display: block;
   font: 100% arial, helvetica, sans-serif;
   font-weight: bold;
   float: left;
   text-align: center;
	width: 262px;
	margin-left: 98px;
   }

#testimonial a:hover{color: #fff;}


/*************************************
 +Interactive Plat Map
*************************************/


#maptitle {
	text-indent: -5000px;
	height: 21px;
	width: 346px;
	margin: 15px 15px 0px 93px;
	background: url(images/map/maptitle.gif) top left no-repeat;
}	

.mapexplo {
	margin-left: 93px;
	padding: 8px 0;
}

#mapinfo {
	width: 734px;
	height: 883px;
	background: url(images/lakemap.jpg) top left no-repeat;
	margin-left: 95px;
	}

.lotbutton {
	display: block;
	height: 45px;
	margin-bottom: -45px;
	text-indent: -5000px;
	xfloat: right;
	position: relative;

	}



.labelbutton {
	display: block;
	height: 55px;
	margin-bottom: -55px;
	text-indent: -5000px;
	xfloat: right;
	position: relative;
	
	}

/* ----*/

	#lot_233apache {
		width: 				42px;
		left: 254px;
		top: 160px;
		}
	
	#label_233apache {
		width: 				220px;
		left: 90px;
		top: 97px;
		}


/* ----*/


	#label_121lakeshore{
		width: 				220px;
		left: 419px;
		top: 294px;

		}

/* ----*/

	#lot_360terrtrail {
		width: 				42px;
		left: 365px;
		top: 548px;
		}
	
	
	#label_360terrtrail {
		width: 				240px;
		left: 349px;
		top: 484px;
		}


/* ----*/

	#label_302terrtrail {
		width: 				280px;
		left: 40px;
		top: 460px;
		}



/* ----*/

	#label_410lakeshore {
		width: 				274px;
		left: 458px;
		top: 588px;	

		}

/* ----*/

	#label_406pueblo {
		width: 				274px;
		left: 180px;
		top: 625px;	

		}

/* ----*/

	#label_485lakeshore {
		width: 				274px;
		left: 290px;
		top: 215px;	

		}


/*************************************
 +Info Footer
*************************************/

#infofoot {
	border-top: 1px solid #743016;
	padding: 10px;
	color: #9a5320;
	clear: both;
	}

#infofoot a {
	color: #9a5320;
	text-decoration: none;
	}

#infofoot a:hover {
	color: #c3753d;
	text-decoration: underline;
	}

.copyright {
	float: left;
	width: 430px;
	text-transform: capitalize;
	}

.credit {
	float: right;
	width: 300px;
	text-align: right;
	text-transform: capitalize;
	}

.valid {
	float: right;
	clear: right;
	width: 300px;
	text-align: right;
	}
	
span.check {
	padding-left: 18px;
	background: url(images/check.gif) left center no-repeat;
	}	
	
	
/*************************************
 +Info Footer
*************************************/

#remodeltitle {
	width: 149px;
	height: 22px;
	text-indent: -5000px;
	background: url(images/remodel/remodeltitle.gif) top left no-repeat;
	margin: 12px 0 12px 10px;
}

.remodel {
	width: 877px;
	height: 217px;
	background: url(images/remodel.gif) top left no-repeat;
	margin: 12px 0 12px 10px;
	clear: both;
	overflow: hidden;
	}

.remodel img {
	float: left;
	}	

img.remodel_before {
	margin: 16px 105px 0 16px;
	}

img.remodel_after {
	margin: 16px 16px 0 0px;
	}
	
.remodel p {
	float: right;
	width: 214px;
	margin: 16px 16px 0 0;
	color: #b9bdc0;
	line-height: 180%;
	font-size: .85em;
}	

.remodel p strong {
	display: block;
	font-size: 1.3em;
}


#showcasetitle {
	font-weight: normal;
	font-size: 2.2em;
	margin-bottom: 8px;
	color: #b7a056;
}

#showcaseh4 {
	margin-bottom: 24px;
	border-bottom: 1px solid #2b353c;
	color: #7a8b96;
	text-transform: uppercase;
	padding: 0 0 8px 0;
	margin:  0 0 8px 0;
}
	
/*************************************
 +Clearfix Hack
*************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-table;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


/* ---------------------------------------------*/
