@charset "UTF-8";
/* CSS Document */

body{
	background:url(../images/elements/bodyBG.jpg) top left repeat;
	margin-top:0px;
	padding-top:0px;
}

#wrap{
	width:900px;
	height:100%;
	position:relative;
	margin:0 auto;
	margin-top:0px;
	padding-top:0px;
	background:url(../images/elements/centerBG900.png) top center repeat-y;
	z-index:4;
}

#header{
	width:800px;
	height:136px;
	position:relative;
	margin:0 auto;
	background:url(../images/elements/headerBG800.jpg) top center;
}

#contactNav{
	width: auto;
	height:123px;
	position: relative;
	margin-right:35px;
	float:right;
}

#topNav{
	width:800px;
	height:58px;
	position:relative;
	margin:0 auto;
	background:url(../images/elements/topNavBG800.jpg) top center repeat-x;
	z-index:55;
	overflow:visible;
}


/*DROPDOWN NAVIGATION END*/
















/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	font-family: arial, sans-serif;
	width:780px;
	margin-left:45px;
	position:relative;
	font-size:16px;
	z-index:100
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#fff;
	width:auto;
	padding: 2px 5px 2px 5px;
	margin:0px 8px 0px 8px;
	text-align:left;
	color:#fff;
	line-height:20px;
	font-size:16px;
	overflow:hidden;
}

.menu ul {padding:0; margin:0; list-style: none; font-size:16px;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.menu ul li ul li { width:100%; font-size:14px;}
.menu ul li ul li a {height:22px;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#FFF; background:url(../images/elements/navHoverBG.png)left no-repeat;}
.menu ul li:hover ul {display:block; position:absolute; top:55px; left:0; }
.menu ul li:hover ul li a.hide {color:#000033;}
.menu ul li:hover ul li:hover a.hide {color:#FFF;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background: transparent url(../images/elements/navListBG.png) top left repeat; color:#000;}
.menu ul li:hover ul li a:hover {text-decoration:underline; background:#FFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


.small {text-size:12px; color:#000033; text-align:left;}




#sundown_inset {
	width:301px;
	height:201px;
	position:absolute;
	top:472px;
	left:60px;
}

#sundown_details {
	width:448px;
	height:147px;
	position:absolute;
	top:520px;
	left:380px;
}

.details {
	color:#000;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	line-height:26px;
	text-align:center;
	margin:0px;
	padding:0px;
}

.details a, .details a:visited {color:#000; text-decoration:underline;}
.details a:hover {color:#660000; text-decoration:underline;}

#website_link {
	width:238px;
	height:47px;
	position:absolute;
	top:454px;
	left:547px;
}

#website_link img {
	margin-top:1px;
}

#website_link img:hover {
	margin-top:0px;
}

#slideshow{ /*is holder div for gallery*/
	width:800px;
	height: 400px;
	position:relative;
	margin:0 auto;
}

#slideshowBorder{
	width:800px;
	height:37px;
	position:relative;
	margin:0 auto;
	background: url(../images/elements/slideshowBorder.jpg) top left repeat-x;
}

#leftColumn{
	width:325px;
	height:auto;
	float:left;
	margin: 10px 0px 0px 65px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-align:center;
	font-size: 20px;
	line-height: 1.5em;
}

.floatRight{float:right; margin: 10px 0px 10px 10px;}

#leftColumnContact{
	width:330px;
	height:auto;
	float:left;
	margin: 10px 0px 0px 65px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-align:center;
	font-size: 12px;
	line-height: 1.5em;
}


#rightColumnIndex{
	width:430px;
	height:auto;
	position:relative;
	float:right;
	margin: 10px 65px 0px 0px;
}

#rightColumn{
	width:440px;
	height:auto;
	position:relative;
	float:right;
	margin: 10px 65px 0px 0px;
}

#rightColTop{
	width:470px;
	height:12px;
	position:relative;
	background:url(../images/elements/rightColBgTop.png) top center no-repeat;
}
#rightColMid{
	width:470px;
	height:auto;
	position:relative;
	background:url(../images/elements/rightColBgMid.png) top center repeat-y;
}

#rightColBottom{
	width:470px;
	height:14px;
	position:relative;
	background:url(../images/elements/rightColBgBottom.png) top center no-repeat;
}

.leftColumn { 	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 17px;
	line-height:27px;}

/*.bodyCopy p{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 14px;
	line-height:20px;
	text-align:left;
	margin-top:0px;
	padding-bottom:10px;
}

.mainCopy p{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 13px;
	line-height:16px;
	text-align:left;
	margin-top:0px;
	padding-bottom:10px;
}

.bodyCopy a:link {color: #000; text-decoration:underline;}
.bodyCopy a:visited {color:#333; text-decoration:underline;}
.bodyCopy a:active {color:#000; text-decoration:underline;}
.bodyCopy a:hover {color:#660000; text-decoration:underline;}

.bodyCopy h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 17px;
	margin-bottom: 10px;
	text-align:center;
	line-height:27px;
}

.bodyCopy h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 15px;
	margin-bottom: 10px;
	text-align:left;
}

.bodyCopy ul{
	text-align:left;
	
}

.bodyCopy li{
	margin-left:30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 14px;
	line-height:25px;
	text-align:left;
	padding-bottom:10px;
	list-style-type:square;
}*/




.bodyCopySmall p{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 12px;
	line-height:20px;
	text-align:justify;
	margin-top:0px;
	z-index:4;
	padding-bottom:10px;
}

.bodyCopySmall a:link {color: #000; text-decoration:underline;}
.bodyCopySmall a:visited {color:#333; text-decoration:underline;}
.bodyCopySmall a:active {color:#000; text-decoration:underline;}
.bodyCopySmall a:hover {color:#660000; text-decoration:underline;}

.bodyCopySmall h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 17px;
	text-align:center;
}

.bodyCopySmall h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 15px;
	margin-top:10px;
	margin-bottom: 10px;
	margin-left:10px;
	text-align:left;
}

.bodyCopySmall h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 15px;
	margin-bottom: 10px;
	margin-left:10px;
	text-align:center;
}

.bodyCopySmall ul{
	text-align:left;
	list-style-type:square;
}

.bodyCopySmall li{
	margin-left:30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 12px;
	line-height:20px;
	text-align:left;
	padding-bottom:10px;
}


.valueForm {
	margin:0 auto;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align:left;
	line-height:16px;
	
}



.contactRight{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-align:left;
	font-size: 14px;
	line-height: 22px;
	padding-bottom:15px;
}

.contactRight a:link {color: #000; text-decoration:underline;}
.contactRight a:visited {color:#333; text-decoration:underline;}
.contactRight a:active {color:#333; text-decoration:underline;}
.contactRight a:hover {color:#660000; text-decoration:underline;}

.imageSpacer{
	border: 2px solid #003333;
	margin: 0px 10px 5px 0px;
	float: left;
}

.headerImage{
	border:none;
	padding:0px;
	padding-bottom:15px;
	
}

#divClear{width:100%; clear:both; position:relative;}

#divClear80{
	width:85%; 
	margin:0 auto; 
	margin-top:15px; 
	border-bottom:#663300 dashed 2px;
	z-index:4;
	height:auto;
}

#divClear90{
	width:90%; 
	margin:0 auto; 
	margin-top:15px; 
}
	
#footer{
	width:800px;
	height:36px;
	position:relative;
	background:url(../images/elements/footerBG800.jpg) top center no-repeat;
	margin:0 auto;
	padding:0px;

}	

#subNav{
	width:800px;
	height:36px;
	position:relative;
	margin: 0 auto;
	background:url(../images/elements/footerBG800.jpg) bottom center;
}

#subNav p{
	color:#fff;
	font-size:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	padding-top:10px;
}

#subNav a:link {color: #fff; text-decoration:none;}
#subNav a:visited {color:#fff; text-decoration:none;}
#subNav a:active {color:#CCC; text-decoration:none;}
#subNav a:hover {color:#FFFF99; text-decoration:underline;}

#develop{
	width:900px;
	height:34px;
	margin:0 auto;
	background: url(../images/elements/developBG900.png) top center no-repeat;
}


.developTxt{
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:10px;
}

.developTxt a:link {color: #fff; text-decoration:none;}
.developTxt a:visited {color:#fff; text-decoration:none;}
.developTxt a:active {color:#CCC; text-decoration:none;}
.developTxt a:hover {color:#FFFF99; text-decoration:underline;}



















#slide-images{
    position:relative;
	height:400px;
	width:800px;
	padding:0px;
	margin:0 auto;
	cursor:default;
	z-index:4;
}

#slide-images li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
}

#slide-images li img{
    display:block;
    background-color:#FFFFFF;
}

#slide-images-build{
    position:relative;
	height:196px;
	width:305px;
	padding:0px;
	cursor:default;
	margin-top:10px;
	margin-left: 12px;
	float:left;
}

#slide-images-build li{
    position:absolute;
	top:0px;
	left:0px;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

#slide-images-build li img{
    display:block;
	
}




/*HOMEPAGE GALLERY*/
#gallery {
	position:relative;
	height:400px;
	width:800px;
	padding:0px;
	margin:0 auto;
	cursor:default;
	z-index:4;
}
	#gallery a {
		float:left;
		position:absolute;
}
	
	#gallery a img {
		border:none;
		cursor:default;
		float:left;
	}
	
	#gallery a.show {
		z-index:4;
	}

	#gallery .caption {
		z-index:4; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
		left:0px;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
/*HOMEPAGE GALLERY END*/
	
	
/*BUILD YOUR DREAM HOME PAGE GALLERY*/
#buildGalleryHolder {
	position:relative;
	height:216px;
	width:325px;
	padding:0px;
	cursor:default;
	margin-bottom:10px;
	float:left;
	background:url(../images/buildSlideshow/buildBG.png) top center no-repeat;
}

/*LEFT COLUMN SHOWCASE*/
#IDX-showcaseWrapper {
	position: relative;
	height: auto;
	width: 325px;
	margin:0 auto;
	background:url(../images/elements/indexSearchMiddle.png) top left repeat-y;
	padding:0px;
}  /*The outermost container which wraps around the entire showcase.*/

.IDX-showcaseDetails {margin:0px; padding:0px;} /*This wraps around individual property cells in the showcase.*/

.IDX-showcasePhoto {width: 145px; height:auto; padding: 5px; float:left; text-align:left;} /*The container which wraps around the photo. Use .IDX-showcasePhoto img { } to control the photo directly.*/

.IDX-showcasePhoto img {width:140px; height:105px; border:2px solid #000033 }

.IDX-showcasePrice {width: 160px; height:auto;  float:left;text-align:center;font-size: 12px;
	color: #222;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 2em;} /*Mainly used to control the font styles for the Listing Price.*/

.IDX-showcaseAddress  {width: 160px; height:auto;  float:left;text-align:center;font-size: 12px;
	color: #222;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;} /*Mainly used to control the font styles for the Listing Address.*/

.IDX-showcaseListingID {width: 160px; height:auto; float:left;text-align:center;font-size: 12px;
	color: #222;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 2em;} /*This has limited control over the ListingID. 'display' and 'visibility' have been forced on for this particular style.*/

/*The fields below are "display:none;" by default, and must be changed in the css to " */

.IDX-showcaseBeds {display:block} /*- Mainly used to control the font styles for the bedroom field.*/

.IDX-showcaseBaths {} /*- Mainly used to control the font styles for the bathroom field.*/

.IDX-showcaseRemarks {} /*- Mainly used to control the font styles for the agent remark field*/

#IDX-quickSearchFormTop {  position: relative; height: 12px; width: 325px; margin:0 auto; background:url(../images/elements/indexSearchTop.png) top left no-repeat; }

#IDX-quickSearchFormBottom {  position: relative; height: 14px; width: 325px; margin:0 auto; background:url(../images/elements/indexSearchBottom.png) top left no-repeat; }

#IDX-quickSearchForm {  position: relative; height: 210px; width: 325px; margin:0 auto; background:url(../images/elements/indexSearchMiddle.png) top left repeat-y; } 
#QS-minPriceField { position: absolute; width: 100px; height: 15px; left: 92px; top: 119px; } 
#QS-maxPriceField { position: absolute; width: 100px; height: 15px; left: 312px; top: 119px; } 
#QS-minSqftField { position: absolute; width: 100px; height: 15px; left: 92px; top: 79px; } 
#QS-minRoomsField { position: absolute; width: 100px; height: 15px; left: 92px; top: 159px; } 
#QS-minBathsField { position: absolute; width: 100px; height: 15px; left: 312px; top: 159px; } 
#QS-labelMaxPrice { text-align: left; position: absolute; width: 75px; height: 22px; left: 232px; top: 119px;  font-size: 14px;  font-family: Arial;  } 
#QS-labelMinPrice { text-align: left; position: absolute; width: 75px; height: 22px; left: 12px; top: 119px;  font-size: 14px;  font-family: Arial;  } 
#QS-labelMinSqft { text-align: left; position: absolute; width: 75px; height: 22px; left: 12px; top: 79px;  font-size: 14px;  font-family: Arial;  } 
#QS-labelMinRooms { text-align: left; position: absolute; width: 75px; height: 22px; left: 12px; top: 159px;  font-size: 14px;  font-family: Arial;  } 
#QS-labelMinBaths { text-align: left; position: absolute; width: 75px; height: 22px; left: 232px; top: 159px;  font-size: 14px;  font-family: Arial;  } 
#QS-labelFormTitle { text-align: left; position: absolute; width: 85%; height: 22px; left: 5px; top: 5px;  /*font-size: 15px;  font-family: Arial;*/  } 
#QS-labelCityList { text-align: left; position: absolute; width: 100px; height: 22px; left: 12px; top: 39px;  font-size: 14px;  font-family: Arial;  } 
#QS-buttonSearch { position: absolute; width: 70px; height: 27px; left: 342px; top: 39px;  } 
#QS-selectCityList { position: absolute; width: 160px; height: 22px; left: 122px; top: 39px;  } 

.IDX-resultsSeperator{width:590px; margin-left:10px;}


#IDX-resultsPagerBottom{width:590px; margin-left:10px;}

#IDX-featuresCount {width:590px; margin-left:10px;}
/*LEFT COLUMN SHOWCASE END*/




#IDX-loginInfo {width:250px; height:auto; margin:0 auto;}

.sitemap {line-height:20px; margin-left:15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
.sitemap ul{margin-bottom:30px;}
.sitemap li{
	line-height:25px;
	list-style:square;
	margin-left:5px;
	padding-left:10px;
	margin-bottom:30px;
}

.sitemap ul li{margin-bottom:5px; list-style:circle;}

.sitemap a:link {color: #000; text-decoration:underline;}
.sitemap a:visited {color:#333; text-decoration:underline;}
.sitemap a:active {color:#333; text-decoration:underline;}
.sitemap a:hover {color:#660000; text-decoration:underline;}