/*-------------------------------------------------------
   RESET
-------------------------------------------------------*/
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1em;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
   clear: both;
}

/*-------------------------------------------------------
   BODY
-------------------------------------------------------*/
body {
   text-align: center;
   background: #FFF;
   font-size: 11px;
   font-family: Verdana, sans-serif;
   color: #305281;
}

/*-------------------------------------------------------
   TYPOGRAPHY and BASIC ELEMENTS
-------------------------------------------------------*/
/* headings */
h1 {
	text-indent: -9999px;
}

#content h1 {
font-size: 18px;
}

h2, h3, h4, h5, h6 {
   margin-left: -45px;
   padding-left: 45px;
   background: url(../images/bg-heading.gif) 0 50% no-repeat;
   margin-bottom: 5px;
   font-weight:normal;
}

h4 {font-weight: bold;}

	h2.no-bg, 
	h3.no-bg, 
	h4.no-bg, 
	h5.no-bg, 
	h6.no-bg {
		background: none;
	}

	#home h3,
	#floorplans h3 {
		font-size: 20px;
	}

	#gallery h2,
	#features h2,
	#contact h2, 
	#developer h2,
	#community h2,
	#floorplans h3 {
		font-size: 24px;
	}
	

	#features h2,
	#contact h2, 
	#developer h2 {
		color: #c7363b;
	}
	
/* paragraphs etc. */
p {
	margin-bottom: 15px;
	line-height: 1.5;
	max-width: 550px;
}
	
	.legal {color: #999; font-size: 9px; text-align: center;}
	
	.small-print {
		font-size: 9px;
		font-style: italic;
		text-align: right;
	}

/* lists */
#content ul, #content ol {
   padding-left: 40px;
   margin-bottom: 15px;
   max-width: 550px;
}

#content li {
	line-height: 1.5;
}

/* links */
a, a:visited {
   
}

a:hover {
   
}

	a.mckenzie-towne, a:visited.mckenzie-towne {
		display:block;
		margin: 0 auto;
		text-indent: -9999px;
		width: 231px;
		height: 132px;
		background: url(../images/logo-mckenzie-towne.gif) top left no-repeat;
	}
	
	a:hover.mckenzie-towne {background: url(../images/logo-mckenzie-towne.gif) bottom left no-repeat;}
	
	a.cardel, a:visited.cardel {
		display:block;
		margin: 10px auto;
		text-indent: -9999px;
		width: 229px;
		height: 104px;
		background: url(../images/logo-cardel.gif) top left no-repeat;
	}
	
	a:hover.cardel {background: url(../images/logo-cardel.gif) bottom left no-repeat;}
	
	a.register, a:visited.register {
		display: block;
		width: 166px;
		height: 32px;
		background: url(../images/link-register.gif) top left no-repeat;
		text-indent: -9999px;
		margin: 10px auto;
	}
	
	a:hover.register {
		background: url(../images/link-register.gif) bottom left no-repeat;
	}
	
	a.lighthouse, a:visited.lighthouse {
		display:block;
		margin: 0 auto;
		text-indent: -9999px;
		width: 209px;
		height: 85px;
		background: url(../images/logo-lighthouse.gif) top left no-repeat;
		float:left;
	}
	
	a:hover.lighthouse {background: url(../images/logo-lighthouse.gif) bottom left no-repeat;}
	
	a.ranch, a:visited.ranch {
		display:block;
		margin: 0 auto;
		text-indent: -9999px;
		width: 80px;
		height: 90px;
		float:left;
		background: url(../images/logo-ranch.gif) top left no-repeat;
	}
	
	a:hover.ranch {background: url(../images/logo-ranch.gif) bottom left no-repeat;}
	
	a.pdf, a:visited.pdf {
		width: 245px;
		height: 28px;
		float: right;
	}
	
	a.dl-map {background: transparent url(../images/link-dl-map-pdf.gif) top left no-repeat;}
	a:hover.dl-map {background: transparent url(../images/link-dl-map-pdf.gif) bottom left no-repeat;}
	
	a.dl-amenities {background: transparent url(../images/link-dl-amenities-pdf.gif) top left no-repeat;}
	a:hover.dl-amenities {background: transparent url(../images/link-dl-amenities-pdf.gif) bottom left no-repeat;}
	
	a.dl-pdf {background: transparent url(../images/link-dl-pdf.gif) top left no-repeat; margin:0;}
	a:hover.dl-pdf {background: transparent url(../images/link-dl-pdf.gif) bottom left no-repeat;}
	
	a.dl-plates {background: transparent url(../images/link-dl-plates-pdf.gif) top left no-repeat;}
	a:hover.dl-plates {background: transparent url(../images/link-dl-plates-pdf.gif) bottom left no-repeat;}
	
	a.dl-sp {background: transparent url(../images/link-dl-sp-pdf.gif) top left no-repeat;}
	a:hover.dl-sp {background: transparent url(../images/link-dl-sp-pdf.gif) bottom left no-repeat;}
	
	a.dl-fp {background: transparent url(../images/link-dl-fp-pdf.gif) top left no-repeat;}
	a:hover.dl-fp {background: transparent url(../images/link-dl-fp-pdf.gif) bottom left no-repeat;}

/* images */
img {margin-bottom: 15px;}

img.left {
	float: left;
	margin-right: 10px;
}

img.right {
	float: right;
	margin-left: 10px;
}

img.center {
	margin: 10px auto;
	display: block;
}

/* horizontal rule */
hr {
   
}

/*-------------------------------------------------------
   OUTER and INNER CONTAINERS
-------------------------------------------------------*/
#outer-container {
   width: 800px;
   margin: 0 auto;
   background: #FFF;
   text-align: left;
   background: #FFF url(../images/bg-outer-container.gif) repeat-y;
}

#inner-container {
	background: transparent url(../images/bg-inner-container.gif) 100% -100px no-repeat;
}

	#home #inner-container {
		background: transparent url(../images/bg-inner-container.gif) top right no-repeat;
	}

/*--------------------------------------------------
	FLASH OBJECT
--------------------------------------------------*/
#flash-object {
	width: 725px;
	margin-bottom: 10px;
	height: 225px;
}

	#home #flash-object {
		height: 325px;
	}

/*-------------------------------------------------------
   MASTHEAD
-------------------------------------------------------*/
#masthead {
	height: 128px;
	background: url(../images/bg-masthead2.jpg);
}

	#community #masthead {
		height: 128px;
		background: url(../images/bg-masthead-community.jpg);
	}

	#floorplans #masthead {
		height: 128px;
		background: url(../images/bg-masthead-floorplans.jpg);
	}

	#features #masthead {
		height: 128px;
		background: 
	url(../images/bg-masthead-features.jpg);
	}

	#contact #masthead {
		height: 128px;
		background: url(../images/bg-masthead-contact.jpg);
	}

	#developer #masthead {
		height: 128px;
		background: url(../images/bg-masthead-developer.jpg);
	}

	#home #masthead {
	   height: 228px;
	   background: url(../images/bg-masthead.jpg);
	}

/*--------------------------------------------------
	BRANDING
--------------------------------------------------*/
#branding {
	height: 107px;	
	position: relative;
	background: url(../images/bg-branding2.jpg) top left no-repeat;
}

	#home #branding {
		background: url(../images/bg-branding.jpg) top left no-repeat;
		height: 97px;
	}

#branding a, #branding a:visited {
	height: 50px;
	width: 250px;
	background: transparent;
	position: absolute;
	top: 30px;
	right: 40px;
}

/*-------------------------------------------------------
   MAIN NAVIGATION
-------------------------------------------------------*/
#mainnav {
   height: 29px;
   width: 725px;
   background: url(../images/bg-mainnav2.gif);
   color: #FFF;
}

	#home #mainnav {background: url(../images/bg-mainnav.gif);}

#mainnav ul {
	height: 29px;
	list-style: none;
	margin-left: 125px;
}

#mainnav ul li {
	float: left;
	line-height: 29px;
	padding: 0 3px;
}

#mainnav a, #mainnav a:visited {
	padding: 0;
	display:block;
	height: 29px;
	text-indent: -9999px;
}

#mainnav a.home {width:42px; background: url(../images/nav-home.gif) top left no-repeat;}
#mainnav a:hover.home {width:42px; background: url(../images/nav-home.gif) bottom left no-repeat;}

#mainnav a.community {width:76px; background: url(../images/nav-community.gif) top left no-repeat;}
#mainnav a:hover.community {width:76px; background: url(../images/nav-community.gif) bottom left no-repeat;}

#mainnav a.floorplans {width:81px; background: url(../images/nav-floorplans.gif) top left no-repeat;}
#mainnav a:hover.floorplans {width:81px; background: url(../images/nav-floorplans.gif) bottom left no-repeat;}

#mainnav a.features {width:63px; background: url(../images/nav-features.gif) top left no-repeat;}
#mainnav a:hover.features {width:63px; background: url(../images/nav-features.gif) bottom left no-repeat;}

#mainnav a.gallery {width:55px; background: url(../images/nav-gallery.gif) top left no-repeat;}
#mainnav a:hover.gallery {width:55px; background: url(../images/nav-gallery.gif) bottom left no-repeat;}

#mainnav a.developer {width:72px; background: url(../images/nav-developer.gif) top left no-repeat;}
#mainnav a:hover.developer {width:72px; background: url(../images/nav-developer.gif) bottom left no-repeat;}

#mainnav a.contact {width:58px; background: url(../images/nav-contact.gif) top left no-repeat;}
#mainnav a:hover.contact {width:58px; background: url(../images/nav-contact.gif) bottom left no-repeat;}

/*-------------------------------------------------------
   MAIN CONTENT
   Default width is 592px, but can be changed per page
   by setting a body id and declaring the change here,
   below the #content style
   
   e.g. #home #content {width: 572px;}
-------------------------------------------------------*/
#content {
   padding-left:145px;
   width: 592px;
   background: url(../images/bg-content.gif) top left no-repeat;
   padding-top: 27px;
}

	#home #content {background: none;}

	#contact #content,
	#developer #content, 
	#community #content,
	#floorplans #content,
	#gallery #content,
	#features #content {
		width: 655px;
	}

div.welcome {
	text-indent: -9999px;
	height: 135px;
	background: url(../images/welcome.gif) no-repeat top left;
	margin-bottom: 18px;
}

div.extra-value {
	text-indent: -9999px;
	height: 203px;
	background: url(../images/extra-value.gif) top left no-repeat;
	margin: 18px 0;
}

ul.stores {
	width: 166px;
	float: left;
}

/*--------------------------------------------------
	LEFT and RIGHT DIVs
	NB: #content has to be set to 655px 
	to accommodate #left and #right 
	#left and #right should add up to 650px
--------------------------------------------------*/
div#left {
	float: left;
	width: 360px;
}

	#floorplans #left {
		width: 240px;
	}

div#right {
	width: 290px;
	float: left;
}

	#floorplans #right {
		width: 410px;
	}

/*-------------------------------------------------------
   FOOTER
-------------------------------------------------------*/
#footer {
   height: 61px;
   background: #FFF url(../images/bg-footer.gif) no-repeat top left;
   padding-bottom:30px;
}

/*--------------------------------------------------
	GALLERY
--------------------------------------------------*/
.num-photos {
	text-align: right;
	padding: 0;
	margin: 0 83px 0; /* lines up with image below */
}

#gallery img {
	border: 1px solid #FFD480;
	padding: 4px;
	margin: 0 0 15px;
}

.gallery-nav {
	height: 23px;
	margin: 0 0 60px -45px;
	padding-left: 45px;
	background: #FFD480;
}

.gallery-nav a, .gallery-nav a:visited {
	height:23px;
	line-height: 23px;
	display: block;
	text-indent: -9999px;
}

	.gallery-nav a.prev {
		width: 124px;
		float: left;
		background: url(../images/link-prev.gif) top left no-repeat;
	}
	
	.gallery-nav a:hover.prev {
		background: url(../images/link-prev.gif) bottom left no-repeat;
	}
	
	.gallery-nav a.next {
		width: 92px;
		float: right;
		background: url(../images/link-next.gif) top left no-repeat;
		display:inline;
		margin-right: 83px;
	}
	
	.gallery-nav a:hover.next {
		background: url(../images/link-next.gif) bottom left no-repeat;
	}
	
/*--------------------------------------------------
	FLOORPLANS
--------------------------------------------------*/
/* Text links */
ul#fptext {
	list-style: none;
	padding: 0;
}

#fptext li a {
	display: block;
	height: 37px;
	width:215px;
}

a.murray {background: url(../images/link-floorplan-text.gif) 0 0 no-repeat;}
a:hover.murray {background: url(../images/link-floorplan-text.gif) 0 -148px no-repeat;}

a.mckenzie {background: url(../images/link-floorplan-text.gif) 0 -37px no-repeat;}
a:hover.mckenzie {background: url(../images/link-floorplan-text.gif) 0 -185px no-repeat;}

a.highlander {background: url(../images/link-floorplan-text.gif) 0 -74px no-repeat;}
a:hover.highlander {background: url(../images/link-floorplan-text.gif) 0 -222px no-repeat;}
 
a.balmoral  {background: url(../images/link-floorplan-text.gif) 0 -111px no-repeat;}
a:hover.balmoral {background: url(../images/link-floorplan-text.gif) 0 -259px no-repeat;}

a.scottsdale  {background: url(../images/link-scottsdale-text.gif) 0 0 no-repeat;}
a:hover.scottdale {background: url(../images/link-scottsdale2-text.gif) 0 -160px no-repeat;}

/* Floorplan Image 1 */
ul#fp1 {
	width: 359px;
	height: 145px;
	background: url(../images/link-floorplan.gif) top left no-repeat;
	position: relative;
	list-style: none;
	margin: 0 auto 20px;
	padding: 0;
}

#fp1 li {position: absolute;}

#fp1 a {display: block;}

/* Top Row */
#fp1 .yellow1 {left: 0px; top: 0px; width: 55px; height: 64px;  }
#fp1 .blue1 {left: 78px; top: 9px; width: 35px; height: 47px; 	 }
#fp1 .brown1 {left: 113px; top: 9px; width: 49px; height: 47px; }
#fp1 .brown2 {left: 162px; top: 9px; width: 49px; height: 47px; }
#fp1 .brown3 {left: 211px; top: 9px; width: 49px; height: 47px; }
#fp1 .blue2 {left: 260px; top: 9px; width: 35px; height: 47px;  }
#fp1 .yellow2 {left: 303px; top: 0px; width: 55px; height: 64px;}


/* Top Row Links */
#fp1 .yellow1 a {height:64px;}
#fp1 .blue1	  a {height:47px;}
#fp1 .brown1  a {height:47px;}
#fp1 .brown2  a {height:47px;}
#fp1 .brown3  a {height:47px;}
#fp1 .blue2	  a {height:47px;}
#fp1 .yellow2 a {height:64px;}


/* Top Row Hover */
#fp1 .yellow1 a:hover {background: url(../images/link-floorplan.gif) 0 -290px no-repeat;}
#fp1 .blue1 	a:hover {background: url(../images/link-floorplan.gif) -78px -299px no-repeat;}
#fp1 .brown1  a:hover {background: url(../images/link-floorplan.gif) -113px -299px no-repeat;}
#fp1 .brown2  a:hover {background: url(../images/link-floorplan.gif) -162px -299px no-repeat;}
#fp1 .brown3  a:hover {background: url(../images/link-floorplan.gif) -211px -299px no-repeat;}
#fp1 .blue2 	a:hover {background: url(../images/link-floorplan.gif) -260px -299px no-repeat;}
#fp1 .yellow2 a:hover {background: url(../images/link-floorplan.gif) -303px -290px no-repeat;}


/* Bottom Row */ 
#fp1 .red1 		{left: 0px; 	top: 64px; width: 63px; height: 50px;}
#fp1 .blue3 	{left: 78px; 	top: 64px; width: 35px; height: 47px;} 
#fp1 .brown4 	{left: 113px; 	top: 64px; width: 49px; height: 47px;} 
#fp1 .brown5 	{left: 162px; 	top: 64px; width: 49px; height: 47px;} 
#fp1 .brown6 	{left: 211px; 	top: 64px; width: 49px; height: 47px;} 
#fp1 .blue4 	{left: 260px; 	top: 64px; width: 36px; height: 47px;} 
#fp1 .red2 		{left: 296px; 	top: 64px; width: 63px; height: 50px;} 


/* Bottom Row Links */
#fp1 .red1 		a {height:50px;}
#fp1 .blue3 	a {height:47px;}
#fp1 .brown4  	a {height:47px;}
#fp1 .brown5  	a {height:47px;}
#fp1 .brown6  	a {height:47px;}
#fp1 .blue4 	a {height:47px;}
#fp1 .red2 		a {height:50px;}

/* Bottom Row Hover */
#fp1 .red1 		a:hover {background: url(../images/link-floorplan.gif) -0px -209px no-repeat;}
#fp1 .blue3 	a:hover {background: url(../images/link-floorplan.gif) -78px -354px no-repeat;}
#fp1 .brown4  	a:hover {background: url(../images/link-floorplan.gif) -113px -354px no-repeat;}
#fp1 .brown5  	a:hover {background: url(../images/link-floorplan.gif) -162px -354px no-repeat;}
#fp1 .brown6  	a:hover {background: url(../images/link-floorplan.gif) -211px -354px no-repeat;}
#fp1 .blue4 	a:hover {background: url(../images/link-floorplan.gif) -260px -354px no-repeat;}
#fp1 .red2 		a:hover {background: url(../images/link-floorplan.gif) -296px -209px no-repeat;}

/* Floorplan Image 2 */
ul#fp2 {
	width: 359px;
	height: 145px;
	background: url(../images/link-floorplan2.gif) top left no-repeat;
	position: relative;
	list-style: none;
	margin: 10px auto 20px;
	padding: 0;
}

#fp2 li {position: absolute;}

#fp2 a {display: block;}

/* Top Row */
#fp2 .yellow1 {left: 0px; top: 0px; width: 55px; height: 64px;  }
#fp2 .blue1 {left: 78px; top: 9px; width: 35px; height: 47px; 	 }
#fp2 .brown1 {left: 113px; top: 9px; width: 49px; height: 47px; }
#fp2 .brown2 {left: 162px; top: 9px; width: 49px; height: 47px; }
#fp2 .brown3 {left: 211px; top: 9px; width: 49px; height: 47px; }
#fp2 .blue2 {left: 260px; top: 9px; width: 35px; height: 47px;  }
#fp2 .yellow2 {left: 303px; top: 0px; width: 55px; height: 64px;}

/* Top Row Links */
#fp2 .yellow1 a {height:64px;}
#fp2 .blue1	  a {height:47px;}
#fp2 .brown1  a {height:47px;}
#fp2 .brown2  a {height:47px;}
#fp2 .brown3  a {height:47px;}
#fp2 .blue2	  a {height:47px;}
#fp2 .yellow2 a {height:64px;}

/* Top Row Hover */
#fp2 .yellow1 a:hover {background: url(../images/link-floorplan.gif) 0 -290px no-repeat;}
#fp2 .blue1 	a:hover {background: url(../images/link-floorplan.gif) -78px -299px no-repeat;}
#fp2 .brown1  a:hover {background: url(../images/link-floorplan.gif) -113px -299px no-repeat;}
#fp2 .brown2  a:hover {background: url(../images/link-floorplan.gif) -162px -299px no-repeat;}
#fp2 .brown3  a:hover {background: url(../images/link-floorplan.gif) -211px -299px no-repeat;}
#fp2 .blue2 	a:hover {background: url(../images/link-floorplan.gif) -260px -299px no-repeat;}
#fp2 .yellow2 a:hover {background: url(../images/link-floorplan.gif) -303px -290px no-repeat;}

/* Bottom Row */ 
#fp2 .red1 		{left: 0px; 	top: 64px; width: 63px; height: 50px;}
#fp2 .brown7 	{left: 63px; 	top: 64px; width: 49px; height: 47px;} 
#fp2 .brown4 	{left: 113px; 	top: 64px; width: 49px; height: 47px;} 
#fp2 .brown5 	{left: 162px; 	top: 64px; width: 49px; height: 47px;} 
#fp2 .brown6 	{left: 211px; 	top: 64px; width: 49px; height: 47px;} 
#fp2 .blue4 	{left: 260px; 	top: 64px; width: 36px; height: 47px;} 
#fp2 .red2 		{left: 296px; 	top: 64px; width: 63px; height: 50px;} 

/* Bottom Row Links */
#fp2 .red1 		a {height:50px;}
#fp2 .brown7 	a {height:47px;}
#fp2 .brown4  	a {height:47px;}
#fp2 .brown5  	a {height:47px;}
#fp2 .brown6  	a {height:47px;}
#fp2 .blue4 	a {height:47px;}
#fp2 .red2 		a {height:50px;}

/* Bottom Row Hover */
#fp2 .red1 		a:hover {background: url(../images/link-floorplan2.gif) -0px -209px no-repeat;}
#fp2 .brown7 	a:hover {background: url(../images/link-floorplan2.gif) -63px -354px no-repeat;}
#fp2 .brown4  	a:hover {background: url(../images/link-floorplan2.gif) -113px -354px no-repeat;}
#fp2 .brown5  	a:hover {background: url(../images/link-floorplan2.gif) -162px -354px no-repeat;}
#fp2 .brown6  	a:hover {background: url(../images/link-floorplan2.gif) -211px -354px no-repeat;}
#fp2 .blue4 	a:hover {background: url(../images/link-floorplan2.gif) -260px -354px no-repeat;}
#fp2 .red2 		a:hover {background: url(../images/link-floorplan2.gif) -296px -209px no-repeat;}