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

	Project:    	Saddlebrook Homes Stylesheet
	Version:    	1.0
	Last change:    12/08/09 [Template File]

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


/* Stylesheet Reset */
	@import "reset.css";
/* Stylesheet for popup windows*/
	@import "prettyPhoto.css";

/* Font Faces!	*/
	@import "fonts.css";


/* ==================================================================
2.1 Body Styles
================================================================== */

body	{
	margin: 0;
	padding: 0;

	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;

	background-color: #b2aa7e;
	background-image: url(images/background-pattern.png);
	z-index: 0;
	}

#shadowWrapper	{
	background-image: url(images/shadow.png);
	background-position: top center;
	background-repeat: repeat-y;
	width: 100%;
	margin: 0 auto;
	z-index: 0;
	}

#wrapper	{
	position: relative;
	min-height: 800px;
	padding: 0px 50px;
	margin: 0 auto;
	background-color: #fff;
	z-index: 0;
	width: 860px;
	}

h1	{
	font-family: BergamoStdRegular, Georgia, "Times New Roman", Times, serif;
	font-size: 4.8em;
	letter-spacing: -2px;
	font-weight: normal;
	}
h1.alt	{	font-size: 3.6em;	}
	


h2	{
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

h2.special	{
	font-size: 2.4em;
	font-family: BergamoStdRegular, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: -1px;
	}

h2.specialBar	{
	font-size: 2.4em;
	font-family: BergamoStdRegular, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	background-color: #104076;
	padding: 5px 10px;
	color: #fff;
	clear: both;
	}

h3	{
	font-size: 1.6em;
	}

h3.special	{
	font-size: 1.8em;
	font-family: BergamoStdBold, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #00457c;
	}

p, address	{
	margin: 0.8em 0;
	line-height: 1.6;
	font-style: normal;
	}

a	{	text-decoration: none;	border-bottom: 1px solid; }


hr	{	border: 0;	border-bottom: 2px solid #c79860;	margin: 20px 0 10px 0;}


/* ==================================================================
2.2 Header
================================================================== */

#header	{
	background-color: #00457c;
	height: 156px;
	width: 100%;
	}


#logo	{
	float: left;
	text-indent: -9999px;
	background-image: url(images/logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 265px;
	height: 120px;
	margin: 18px 0 0 20px;
	}
	#logo a	{display: block; width: 100%; height: 100%; border: 0;}

#headerSideNav	{
	float: right;
	margin: 18px 26px 0 0;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 1.8;
	}

#headerSideNav a		{color: #fff;}
#headerSideNav .alt a	{color: #c79860;}


#AskHeatherSlider	{
	display: none;
	position: absolute;
	top: 0;
	right: 50px;
	text-align:right;
	z-index: 15000;
	width: 528px;
	width: 0;
	}
#AskHeatherSlider a	{	border: 0;	}

/* ==================================================================
2.3 Navigation
================================================================== */


#navigation	{
	position: relative;
	width: 860px;
	height: 41px;
	background-color: #c79860;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;

	}

#navigation ul li	{
	float: left;
	list-style: none;
	}
#navigation a	{		/* NOTE: Adjust default.js for Mac vs. PC padding	*/
	display: block;
	padding: 10px 28px;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	border-bottom: 0px solid;
	}
#navigation a:hover	{
	background-color: #b2aa7e;
	}


#communityNav	{
	width: 100%;
	height: 34px;
	background-color: #c79860;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

#communityNav li	{
	float: left;
	list-style: none !important;

	}

#communityNav a	{display: block;
	padding: 7px 40px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	border-bottom: 0px solid;
	}
#communityNav a:hover	{
	background-color: #b31c18;
	}

#communityNav a.disable	{
	color: #dcdcdc;
	border-right: 1px solid #fff;
	border-bottom: 0px solid;
	background-color: #c7a881;
	}







.halfwidthNav #communityNav	{
	width: 100%;
	height: 34px;
	background-color: #c79860;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

.halfwidthNav #communityNav li	{
	float: left;
	list-style: none !important;

	}

.halfwidthNav #communityNav a	{
	padding: 7px 50px;
	}




.processDrop {
	display: none;
	position: absolute;
	top: 41px;
	left: 650px;
	z-index: 500;
	background-color: #c79860;
	border: 1px solid #fff;
	}

.com	{
	display: none;
	position: absolute;
	top: 41px;
	left: 60px;
	z-index: 500;
	background-color: #c79860;
	border: 1px solid #fff;
	margin-left: 0;

	width: 230px;
	}

.com li	{	width: 231px;	border-bottom: 1px solid #fff;	border-right: 0 !important;}

.dropMenu	{
	background-image: url(images/cityArrowDown.png);
	background-position: 122px 11px;
	background-repeat: no-repeat;
	z-index:500;
	padding-right: 30px;
	}

.dropMenu:hover	{
	background-image: url(images/cityArrowDown-over.png);
	}

.comAdjust {
	background-position: 132px 11px!important;
	padding-right: 40px!important;
	}

/* ==================================================================
2.4 Content Area
================================================================== */

#content	{ position: relative;	z-index: 0;	width: 860px;}

#content ul li {}
.featureList	{padding: 0.8em 20px; list-style: disc;}
	.featureList li	{padding: 0.5em 0;}
		.featureList li ul		{padding: 0.8em 20px; list-style: disc;}
		.featureList li ul li	{padding: 0;}

.sidebarPage	{
	background-image: url(images/sidebarBlue.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	overflow: auto;
	overflow: hidden;
	}





.boxes	{ clear: both; width: 100%;	margin-top: 15px;}
.contemporaryContainer	{	padding-top: 10px; margin-top: 15px; border-top: 1px solid #7d7e81;	}


.box	{
	font-size: 13px;
	float: left;
	width: 275px;
	height: 265px;
	margin-right: 17px;
	line-height: 1.5;
	}
	.box p, .box h3, .box ul	{
		padding: 0px 24px;
		}


.box h3				{	font-size: 22px; letter-spacing: -0.2px; padding: 10px 24px;;	}

	.box h3 a	{	display: block; width: 100%;}



.coloredBox	{ background-color: #c79860; font-weight: bold; color: #fff; }
	.coloredBox a	{color: #fff;}
	.coloredBox h3	{ color: #fff;}
	.coloredBox ul, .coloredBox p	{ margin-top: 8px; }
		.coloredBox ul li	{	padding: 3px 0px;	}
	.coloredBox ul li a { font-size: 13px; line-height: 1.2; }

.boxRed h3	{ background-color: #b32017; }
.boxBlue h3	{ background-color: #00457c; }
.boxGrey h3	{ background-color: #818285; }

.contemporary			{	color: #7d7e81;	font-size: 12px;	padding-right: 8px;	margin-right: 8px; border-right: 1px solid #7d7e81;	}
	.contemporary h3	{	font-family: Georgia, "Times New Roman", Times, serif;	font-weight: normal;}
	.contemporary p		{	margin-top: 0;}
	.contemporary ul		{	padding: 0 0 10px 36px;	list-style-type: disc;	}

	.lastbox {margin: 0 !important; border: 0; padding: 0;}


.box h3.homes			{ text-indent: -9999px; background-image: url(images/box-sprites.png); background-position: 0 0; 		background-repeat: no-repeat;}
.box h3.neighborhoods	{ text-indent: -9999px; background-image: url(images/box-sprites.png); background-position: 0 -60px; 	background-repeat: no-repeat;}
.box h3.askheather		{ text-indent: -9999px; background-image: url(images/box-sprites.png); background-position: 0 -120px; 	background-repeat: no-repeat;}

.box h3.design			{ text-indent: -9999px; background-image: url(images/box-sprites.png); background-position: 0 -180px; 	background-repeat: no-repeat;}
.box h3.about			{ text-indent: -9999px; background-image: url(images/box-sprites.png); background-position: 0 -240px; 	background-repeat: no-repeat;}
.box h3.designcenter	{ text-indent: -9999px; background-image: url(images/box-sprites.png); background-position: 0 -300px; 	background-repeat: no-repeat;}






.askHeatherBox			{
	z-index: 0;
	}


.askHeatherPopup		{
	position: absolute;
	top: 250px;
	left: 200px;

	width: 400px;
	height: 298px;

	z-index: 50000;
	display: none;
	overflow: auto;
	overflow: visible;
	}
	.askHeatherPopup a	{	border: 0;	}

.askHeatherSmallAvatar	{margin-right: 20px; margin-top: -15px; border: 3px solid #fff;}








.sidebar	{
	float: left;
	width: 175px;

	background-color: #104076;
	padding: 10px 20px;
	margin-bottom: 20px;
	color: #fff;
	}
	.sidebar a	{color: #fff; text-decoration:none; border: 0; display:block;}
	.sidebar li a:first-line	{	font-weight: bold;	font-size: 1.1em;}

	.sidebar ul li	{
		margin: 13px 0;
		list-style: none !important;
		}
	.sidebar li {
		position: relative;
		color: #fff;
		text-decoration:none;
		border: 0;
		padding-left: 18px;
		background-image: url(images/arrowRed.png);
		background-position: 0px 5px;
		background-repeat: no-repeat;
		}
	.sidebar .new	{ color: #f00;	font-weight: bold; float: right;}
	.sidebar li.highlight	{
			padding-left: 28px;
			background-position: 10px 5px;
			background-image: url(images/arrowWhite.png);
			}
		.sidebar li.highlight a	{	 color: #c79860;	}

	.sidebar h3	{
		font-size: 16px;
		font-weight: bold;

		}


.numero		{		
	float: left;
	margin-left: -30px;
	padding-right: 4px;
	font-size: 1.4em;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #c79860;
	width: 18px;
	text-align: right;
	border-right: 2px solid #215187;
	}






.displayList	{	}
.displayList li	{
	position: relative;
	float: left;
	margin: 15px 3px 2px 3px;
	padding-left: 5px;
	width: 195px;
	border: 1px solid #c79860;
	border-top: 0;
	}
	.displayList .community	{	height: 150px;	}

.displayList li:hover	{
	background-color: #f8dfc3;
	z-index: 0;
	}

.displayList li ul	{	padding-left: 17px;	}
.displayList li ul li	{
	float: none;
	width: 167px;
	margin: 2px 0px 2px 0px;
	padding-left: -3px;
	list-style: disc;
	list-style-position: outside;
	border: 0;
	z-index: 3;
	}

.displayList li ul li:hover	{	background: none;	}


.displayList a	{
	font-weight: normal;
	color: #666;
	border: 0;
	width: 100%;
	height: 100%;
	}
.communityName	{
	display: block;
	font-family: BergamoStdRegular, Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	letter-spacing: 0px;
	color: #fff;
	background-color: #c79860;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;

	padding: 2px 0px 2px 5px;
	margin-left:-5px;
	}

.displayList li.clear	{
	border: 0;
	height: 0;
	}

.communityNumber	{
	font-size: 46px;
	text-align: right;
	font-weight:bold;
	color: #ddd;

	position: absolute;
	bottom: 0px;
	right: 3px;

	z-index: 1;
	}

.displayList li:hover .communityNumber	{
	color: #fff;
	}









	.communityLogo	{margin: 10px 0;}













#communityListingMain	{ margin-top: 20px;}

#communityListingMain h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;

	width: 195px;
	margin: 10px 0px -5px -20px;
	padding: 5px 0px 5px 20px;

	background-color: #c79860;
	background-image: url(images/cityArrowDown.png);
	background-position: 177px 8px;
	background-repeat: no-repeat;

	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
#communityListingMain h3.inactive	{
	background-image: url(images/cityArrowRight.png);
	}












.realtor	{
	padding: 20px;
	background-color: #f1dec9;
	border: 1px solid #918f8f;
	-moz-border-radius: 20px;
	-web-kit-border-radius: 20px;
	border-radius: 20px;
	}

.realtor p:last	{	margin-bottom: 0px !important;	}

.realtor img	{
	margin-right: 20px;
	}

.realtorInfo	{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.0;
	}

.contactRealtor	{
	border: 0;
	margin-top: 10px;
	}

.realtorimg	{
	border: 2px solid #fff;
	}









.homeworksLink	{
	padding-left: 20px;
	background-image: url(images/arrowRed.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	border: 0;
	font-weight: bold;
	color: #777;
	font-size: 1.2em;
	}












#communitySlider	{}
#communityPhoto	{ overflow: hidden; margin: 0;}
	#communityPhoto a	{	border: 0;	color: #000;	}
	.comLogo	{padding: 20px 20px;}
#communityInfo	{
	font-size: 11px;
	}
	#communityInfo li 	{	padding: 0.3em;	}
	#communityInfo p	{	margin: 0.2em 0;	}
	#communityInfo .infobox	{
		width: 196px;
		height: 250px;
		float: left;
		border-right: 1px solid #ccc;
		padding: 9px;
		}
		#communityInfo	h3	{
			font-size: 16px;
			padding:0 !important;
			margin:0 !important;
			font-weight: bold;
			font-family: Georgia, Times, "Times New Roman", serif;
			}
		#communityInfo .infoWide	{
			display: block;
			clear: both;
			border: 1px solid #ccc;
			padding: 9px;
			background-color: #f5f5f5;

			}
#communityGallery	{	display: none;	}
#communityGallery iframe	{height: 630px; width: 100%;}





.floorplan				{ clear: both;	border-bottom: 1px solid #aaa; padding-bottom: 15px;	margin: 15px 0px;	height: 225px;}
	.floorplan h3		{	font-size: 2.4em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;	}
		.floorplan h3 a	{	border: 0; color: #000;	}
		.floorplan h3 a:hover	{	color: #a00;	}

	.floorplan ul		{	float: right; list-style: none;	 width: 100%;	clear: both; margin: 5px 0;	}
	.floorplan ul li	{	padding: 0 15px 0 0;}

	.floorplan .l		{	float: left;	width: 300px;}
	.floorplan .m		{	float: left; 	}
	.floorplan .r		{	float: right; 	}

	.floorplan .floorplanImg	{float: left; margin: 0 14px;	text-align: center;}
		.floorplan a.floorplanImg	{border-bottom: 0; 	margin-bottom: 0; 	color: #000;	font-weight: bold;}
			a.floorplanImg:hover img 			{	border: 3px solid #d00;	margin-bottom: -2px;	}
					a.floorplanImg:hover		{	color: #d00;	margin: -2px 12px;	}
		.floorplanImg img	{ border: 1px solid #7d7e81;}


#nashville 	.floorplan .floorplanImg	{float: left; margin: 0 64px;	text-align: center;}




.floorplanSingle			{	float: left; 	padding-bottom: 15px;		margin: 15px 4px 15px 4px;	height: 220px;	width: 200px;	text-align: left;	font-size: 0.9em;	}
	.floorplanSingle h3		{	font-size: 1.8em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;	}
		.floorplanSingle h3 a		{	border: 0; color: #000;	font-weight: normal;}
		.floorplanSingle h3 a:hover	{	color: #a00;	}
	.floorplanSingle ul		{	list-style: none;	margin: 5px 0;	}
	.floorplanSingle ul li	{	padding: 0 15px 0 0;}

		.floorplanSingle a							{	border-bottom: 0; 	margin-bottom: 0; 	color: #000;	font-weight: bold;}
			.floorplanSingle a:hover img			{	border: 3px solid #d00;	margin-bottom: -2px;	margin: -2px -2px;}
					.floorplanSingle a:hover		{	color: #d00;		}
		.floorplanSingle img						{ 	border: 1px solid #7d7e81;}







.testimonials 	{
	width: 450px;
	}



.processWrapper	{float: left; width: 600px;}
.process	{width: 600px; padding: 10px 0;}
	#content.processPage p	{	font-size: 1.2em;	}
.process p	{float: right; width: 76%;}
.process h2	{	font-size: 2.4em;	font-family: Arial, helvetica, sans-serif; font-weight: bold; color: #00457c;	}
.processNumber	{
	float: left;
	font-size: 6em;
	color: #fff;
	font-weight: bold;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	background-color: #c79860;
	width: 100px;
	padding: 0px 10px;
	margin: 0 20px 20px 0;
	text-align: center;
	}








.remodeling	h1	{	font-size: 60px;	font-family: 'BergamoStdRegular', Georgia, Times, serif;		letter-spacing: -3px;}
#remodelingHead	{	background-color: #00457c;	 width: 820px;	padding: 15px 20px;		color: #fff;	}



/* ==================================================================
2.5 Footer
================================================================== */


#footer	{
	border-top: 1px solid #7d7e81;
	margin-top: 15px;
	padding-top: 15px;
	height: 100px;
	}

#footer ul li	{ float: left; padding: 0px 15px; border-right: 1px solid #7d7e81;}

#footer a	{	color: #000;	border-bottom: 0px solid;}













/* ==================================================================
2.6 Thin Page Styles
================================================================== */

#thinPage	{}

#thinPage #shadowWrapper	{
	background-image: url(images/shadow-thin.png);
	background-position: top center;
	background-repeat: repeat-y;
	width: 100%;
	margin: 0 auto;
	}

#thinPage #wrapper	{
	width: 625px;
	min-height: 800px;
	padding: 0px 35px;
	margin: 0 auto;
	background-color: #fff;
	}

#thinPage #content	{	width: 625px;	}

#thinPage #header	{
	background-color: #00457c;
	height: 120px;
	width: 100%;
	}


#thinPage #logo	{
	float: left;
	text-indent: -9999px;
	background-image: url(images/logo-sm.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 200px;
	height: 99px;
	margin: 10px 0 0 20px;
	}
	#logo a	{display: block; width: 100%; height: 100%; border: 0;}

#thinPage #navigation	{
	width: 100%;
	height: 45px;
	background-color: #c79860;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

	#thinPage #navigation .backButton	{
		float: left;		margin-top: 8px;		margin-left: 20px;
		-moz-border-radius: 10px;		-webkit-border-radius: 10px;		border-radius: 10px;
		border: 0;		padding: 3px 15px 4px 35px !important;
		background-image: url(images/arrowDoubleWhite-left.png);		background-repeat: no-repeat;		background-position: 8px 7px;
		}
		#thinPage #navigation .backButton:hover	{			background-image: url(images/arrowDouble-a00-left.png);			color: #a00;			background-color: #fff;			}

		#thinPage #navigation .backButton2	{
			float: left;		margin-top: 8px;		margin-left: 20px;
			-moz-border-radius: 10px;		-webkit-border-radius: 10px;		border-radius: 10px;
			border: 0;		padding: 3px 15px 4px 35px !important;
			background-image: url(images/arrowDoubleWhite-left.png);		background-repeat: no-repeat;		background-position: 8px 7px;
			}
			#thinPage #navigation .backButton2:hover	{			background-image: url(images/arrowDouble-a00-left.png);			color: #a00;			background-color: #fff;			}


	#thinPage #navigation .normalButton	{
		float: left;		margin-top: 8px;		margin-left: 10px;
		-moz-border-radius: 10px;		-webkit-border-radius: 10px;		border-radius: 10px;
		border: 0;		padding: 3px 15px 4px 15px !important;
		}
		#thinPage #navigation .normalButton:hover	{			color: #a00;			background-color: #fff;			}

	#thinPage	.divider	{	float: left;	height: 30px;	border-right: 1px solid #fff;	width: 1px;	margin: 8px 20px 0 20px;		padding: 0;}


#thinPage #content	{
	margin-top: 10px;
	padding-bottom: 100px;
	}

#thinPage h2	{	font: 40px/50px 'BergamoStdRegular', Georgia, Times, serif;		letter-spacing: 0;	margin-bottom: 10px;}
#thinPage h3	{	margin: 0px 0;		padding: 5px 10px;	font-size: 1.4em;		background-color: #dedede;	}
#thinPage h4	{	margin: 10px 0;		padding: 5px 10px;	width: 370px;	font-size: 1.4em;		background-color: #dedede;	}

#thinPage .side			{	width: 220px;	min-height: 650px;	border-left: 1px solid #ddd;	border-bottom: 1px solid #ddd;	}
	#thinPage .side ul 	{	padding-left: 25px;		list-style: disc;	margin: 10px 0 30px 0;	}
		#thinPage .side ul li	{	margin: 4px 0;	}
	#thinPage .side p	{	margin: 14px;	}

.xlrgImages	{
	overflow:hidden;
	height: 469px;
	margin-bottom: 20px;
	}


#tabs						{ 	width: 100%;	clear: both;	height: 27px;	background-color: #808184;	border-bottom: 2px solid #fff;}
	#tabs li				{	float: left; background-color: #a2a3a6;		border-right: 1px solid #fff;}
		#tabs li.active		{	background-color: #c79860;}
	#tabs a					{ 	display: block; border: 0;	color: #fff;	 padding: 5px 20px;		font-weight: bold;}
	#tabs a:hover			{	background-color: #a00;		color: #fff;	}




#thinPage p	{	font-size: 1.2em;}

/* ==================================================================
2.7 Wide Page Styles
================================================================== */

#widePage	{}

#widePage #shadowWrapper	{
	background-image: url(images/shadow-wide.png);
	background-position: top center;
	background-repeat: repeat-y;
	width: 100%;
	margin: 0 auto;
	}

#widePage #wrapper	{
	width: 960px;
	min-height: 800px;
	padding: 0px 35px;
	margin: 0 auto;
	background-color: #fff;
	}


#widePage #header	{
	background-color: #00457c;
	height: 120px;
	width: 100%;
	}


#widePage #logo	{
	float: left;
	text-indent: -9999px;
	background-image: url(images/logo-sm.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 200px;
	height: 99px;
	margin: 10px 0 0 20px;
	}
	#logo a	{display: block; width: 100%; height: 100%; border: 0;}

#widePage #navigation	{
	width: 100%;
	height: 45px;
	background-color: #c79860;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

	#widePage #navigation .backButton	{
		float: left;		margin-top: 8px;		margin-left: 20px;
		-moz-border-radius: 10px;		-webkit-border-radius: 10px;		border-radius: 10px;
		border: 0;		padding: 3px 15px 4px 35px !important;
		background-image: url(images/arrowDoubleWhite-left.png);		background-repeat: no-repeat;		background-position: 8px 7px;
		}
		#widePage #navigation .backButton:hover	{			background-image: url(images/arrowDouble-a00-left.png);			color: #a00;			background-color: #fff;			}

	#widePage #navigation .normalButton	{
		float: left;		margin-top: 8px;		margin-left: 10px;
		-moz-border-radius: 10px;		-webkit-border-radius: 10px;		border-radius: 10px;
		border: 0;		padding: 3px 15px 4px 15px !important;
		}
		#widePage #navigation .normalButton:hover	{			color: #a00;			background-color: #fff;			}

	#widePage	.divider	{	float: left;	height: 30px;	border-right: 1px solid #fff;	width: 1px;	margin: 8px 20px 0 20px;		padding: 0;}


#widePage #content	{
	margin-top: 10px;
	padding-bottom: 100px;
	}

#widePage h2	{	font: 40px/50px 'BergamoStdRegular', Georgia, Times, serif;		letter-spacing: 0;	margin-bottom: 10px;}
#widePage h3	{	margin: 0px 0;		padding: 5px 10px;	font-size: 1.4em;		background-color: #dedede;	}
#widePage h4	{	margin: 10px 0;		padding: 5px 10px;	width: 370px;	font-size: 1.4em;		background-color: #dedede;	}













/* ==================================================================
2.8 Green Building Styles
================================================================== */

#greenBuiilding	{}

#greenBuilding h1	{
	font-family: 'DejaVuSansBold', 'Arial Black', Arial, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 1.2;
	letter-spacing: -3px;
	color: #fff;

	padding: 15px;
	background-color: #8cc256;
	}
#greenBuilding h2	{
	font: 36px/46px 'BergamoStdRegular', Georgia, Times, serif;
	letter-spacing: 0;
	margin: 10px 0px 10px 0;;
	}
	#greenBuilding h2 strong	{
		font-family:'BergamoStdBold', Georgia, Times, serif;
		font-weight: normal;
		}

#greenIntro	{
	position: relative;
	height: 335px;
	overflow: hidden;
	}
	#greenIntro p	{
		position: absolute;
		top: 200px;
		left: 620px;
		width: 200px;
		color: #fff;
		font-size: 1.9em;
		font-family: Arial, Helvetica, sans-serif;
		text-align:center;
		line-height: 1.2;
		}
.greenText	{color: #8bc456;}

#greenBuilding .intro	{
	font-size: 1.4em;
	}
#greenBuilding #content #communityNav ul	{padding: 0;}
#greenBuilding #content	ul	{list-style: disc;	padding: 0 0 0 20px; font-size: 1.2em;}


#greenBuilding dt	{
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 16px;
	background-image: url(images/arrowDouble-a00.png);
	background-position: 0 3px;
	background-repeat: no-repeat;
	}
#greenBuilding dd ul	{
	padding-left: 20px;
	margin-left: 20px;
	}

#greenBuilding dd ul li	{
	font-size: 13px;
	padding: 5px 0;
	}







/* ==================================================================
2.9	Home Buyer's Guide
================================================================== */

#homeHeadsm	{
	height: 100px;
	width: 860px;
	margin: 0;
	padding: 0;
	background-image:url(images/content/guideSM.jpg);
	background-repeat: no-repeat;
	}
	#homeHeadsm h1	{
	position: relative;
	top: 10%;
	color: #fff;
	padding: 0px 10px 0 12px;
	}





#homebuyerHead	{
	background-image: url(images/content/homebuyerGuide.jpg);
	height: 350px;
	width: 860px;
	margin: 0;
	padding: 0;
	}

#homebuyerHead h1	{
	position: relative;
	top: 240px;
	color: #fff;
	padding: 0px 10px 0 12px;
	background-image: url(images/content/transparentGold.png);
	}



#homeownerHead	{
	background-image: url(images/content/homeownerGuide.jpg);
	height: 350px;
	width: 860px;
	margin: 0;
	padding: 0;
	}

#homeownerHead h1	{
	position: relative;
	top: 240px;
	color: #fff;
	padding: 0px 10px 0 12px;
	background-image: url(images/content/transparentGold.png);
	}


	.guide .column ul	{ list-style-type: disc; padding: 10px;}
		.guide .column ul li	{font-weight: normal; font-size: 1.0em;}
		.guide .column ul li p		{	font-size: 0.8em;	}
		.guide .column ul li li	{	font-weight: normal;	font-size: 0.8em;	}







/* ==================================================================
2.10	Best Value Homes
================================================================== */

#bestValue	{
	position: relative;
	width: 585px;
	background-color: #f8dfc3;
	border-bottom: 10px solid #104076;
	padding: 0px 0px 0px 20px;
	border-left: 1px solid #104076;
	border-right: 1px solid #104076;
	}


#bestValue p	{	width: 490px;	}

#bestValue h2	{
	font-family: BergamoStdRegular, Georgia, "Times New Roman", Times, serif;
	font-size: 2.8em;
	background-color: #104076;
	color: #fff;
	width: 585px;
	padding-left: 20px;
	margin-top: 20px;
	margin-left: -20px;
	}

#bestValue .floorplanSingle				{	float: left; 	padding-bottom: 5px;		margin: 15px 4px 15px 4px;	height: 220px;	width: 178px;	text-align: left;	font-size: 0.9em;	}
#bestValue .floorplan					{	height:215px;	margin:2px 0;	}
#bestValue .floorplan .floorplanImg		{	margin: 0 6px;	}
	#bestValue .floorplan .floorplanImg:hover		{	margin: -2px 4px;	}



#bestValueList .floorplan				{ 	position: relative;	clear: both;	border-bottom: 1px solid #aaa; padding-bottom: 15px;	margin: 15px 15px;	height: 220px;	font-size: 0.9em;	width: 750px;}
	#bestValueList .floorplan h3		{	font-size: 2.4em; font-weight: normal; font-family: BergamoStdRegular, Georgia, "Times New Roman", Times, serif; font-style: italic;	}
	#bestValueList .floorplanImg img	{	margin: 0 20px;		}
	#bestValueList .floorplan .l		{	float: left;	margin-left: 35px;	width: 300px;}
	#bestValueList .floorplan .m		{	float: left; 	}
	#bestValueList .floorplan .r		{	float: right;  margin-right: 35px;	}



.bestValueIcon	{
	position: absolute;
	top: -15px;
	right: -10px;
	width: 112px;
	height:125px;
	background-image: url(images/bestvalueicon2.png);
	}




#bestValueList	{
	position: relative;
	width: 858px;
	margin-top: 0px;
	background-color: #f8dfc3;

	padding: 0px 0px 0px 0px;
	border-top: 10px solid #104076;
	border-right: 1px solid #104076;
	border-bottom: 10px solid #104076;
	border-left: 1px solid #104076;
	}



#bestValueList .floorplanSingle			{
	float: left;
	padding-bottom: 5px;
	margin: 15px 40px;
	height: 235px;
	width: 178px;
	text-align: left;
	font-size: 1.0em;
	}
	#bestValueList .floorplanSingle li	{ font-size: 1.1em;}


#bestValueCommunities	{	display: block;	text-align: center;		background-color: #104076;  padding: 0px 0;	margin-bottom: -5px;}

#bestValueCommunities a	{
	display:inline-block;
	color: #fff;
	border: 0;
	font-size: 1.5em;
	font-family: BergamoStdRegular, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 5px 34px;
	margin: 0;
	margin-right: -3px;
	}
	#bestValueCommunities a:hover	{ background-color: #a00;}
	#bestValueCommunities.firstRow	{	display: block;	border-bottom: 1px solid #215287; padding-bottom: 5px;}
	#bestValueCommunities a.active	{	background-color: #c79860;	}




/* ==================================================================
2.11 	Contact Us
================================================================== */


#contactUs label	{
	display: inline-block;
	width: 80px;
	text-align: right;
	padding: 0 15px 0 0;
	}
#contactUs input, #contactUs textarea	{	margin: 5px 0;	}
#contactUs textarea	{margin-left: -2px;}

#contactUs .more	{
	display: none;
	padding: 10px 0px 10px 0px;
	width: 400px;
	margin-left: 120px;
	border: 1px solid #00457c;
	background-color: #f8dfc3;
	}
#contactUs .more label	{
	width: 50px;
	}
#contactUs	.msgAdjust	{
	}

address .office	{
	margin-left: -15px;
	}

.messageArea	{
	float: left;
	}

.messageAreaheather	{
	float: left;
	width: 100%;
	}
	
.wideLabel	{	width: 345px !important;	}

.messageArea label	{
	float: left;
	margin-top: 10px;
	}

.messageArea textarea	{
	float: left;
	}

#submitButton	{
	margin-left: 93px !important;
	}


.required	{
	background-image: url(images/formRequiredElement.png);
	background-repeat: no-repeat;
	background-position: 84px 3px;
	}









/* ==================================================================
2.12 Remodeling
================================================================== */

.RnRHead	{	line-height: 0.9; margin-bottom: 10px;	letter-spacing: 0px !important;	font-variant: small-caps;	}
.RnRsmall	{
	display: block;
	font-size: 0.5em;
	border-top: 4px dotted #00457c;
	letter-spacing: 40px;
	font-variant: small-caps;
	padding: 10px 0 4px 0;
	width: 405px;
	margin-top: 10px;
	}

.imgCol	{	border-left: 2px solid #ccc;	}

.contactBrian	{
	font-size: 2.8em;
	font-weight:bold;
	font-family: "Arial Black", Gadget, sans-serif;
	line-height: 1.0;
	color: #00457c;
	border: 1px solid #00457c;
	border-bottom: 4px solid #00457c;
	background-color: #f8dfc3;
	}
	.contactBrian p	{	padding: 0 20px;	margin: 10px 0;	line-height: 1.15;}
	.contactBrian a	{	color: #00457c;  border-bottom: 0;	}
	.contactBrian span.smaller	{	font-size: 0.4em; display: block; padding-top: -10px;	}
	.contactBrian hr	{	border-bottom: 1px solid #104076;	width: 90%; margin: 0 auto;}




/*  == 	QUICK SLIDER SETTINGS	== */

.ss ul.slideshow {	list-style:none;	width:420px;	height:550px;	overflow:hidden;	position:relative;	}
.ss ul.slideshow li {	position:absolute;	left:0;	right:0;}
.ss ul.slideshow li.show {	z-index:500;	}
.ss ul img {	border:none;	}
#slideshow-caption {	width:420px;	height:40px;	position:absolute;	bottom:0;	left:0;		color:#fff;	background:#000;	z-index:500;}
#slideshow-caption .slideshow-caption-container {	padding:5px 10px;			z-index:1000;}
#slideshow-caption h3 {	margin:0;	padding:0;		font-size:14px;}
#slideshow-caption p {	margin:5px 0 0 0;	padding:0;}

/*  == 	END QUICK SLIDER SETTINGS	== */









/* ==================================================================
2.13 Move-In Ready homes
================================================================== */


.moveinready .communityName	{
	display: block;
	font-family: BergamoStdRegular, Georgia, "Times New Roman", Times, serif;
	font-size: 2.6em;
	font-weight: normal;
	letter-spacing: 0px;
	color: #fff;
	background-color: #c79860;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;

	padding: 5px 0px 5px 20px;
	margin-left:0px;

	}





/*		OLD Styling used for LIST view, now uses Divs, see below.*/
.moveinready .mirlist {	}

.mirList {	position: relative; clear: both;	}
.mirList li	{	clear: both;	position: relative;	}
.mirList li a	{color: #000; border-bottom: 0; display: block; width: 100%; height: 100%; padding: 10px;  margin: 0;}

.moveinready .album li {
	position: relative;
	float: left;
	width: 175px;
	height: 256px;
	margin: 10px 10px 25px;
	clear: none;
	}

.moveinready .list li a		{	height: 131px; margin: 0px 0; padding: 10px 15px;	border-bottom: 1px solid #ccc;	}
	.moveinready .list li.clear	{ border: 0; height: 1px; }

.moveinready .list li img	{	float: left; margin-right: 15px; 	}

	.mirprice		{	font-size: 1.2em;	}
	.list .mirprice	{	float: right; padding-right: 20px; margin-right: 15px; margin-top: -75px; font-size: 1.2em;	text-align: right;}
	.mircontact		{	font-size: 0.9em; 	}

	.mirList li a.mircontact 	{	color: #a00; border-bottom: 1px solid #a00; display: inline; width: auto; height: auto; padding: 0;}







/*		NEW Styling used for LIST view, now uses Divs.
.moveinready .mirlist {	
	}

.mirList 		{	position: relative; clear: both;	}
.mirList div	{	clear: both;	position: relative;	}
.mirList div a	{	color: #000; border-bottom: 0; display: block; width: 100%; height: 100%; padding: 10px;  margin: 0;}
.moveinready .album div.clear	{width: 100% !important; height: 1px !important;}

.moveinready .album div {
	position: relative;
	float: left;
	width: 175px;
	height: 256px;
	margin: 10px 10px 25px;
	clear: none;
	}

.moveinready .list div a		{	height: 131px; margin: 0px 0; padding: 10px 15px;	border-bottom: 1px solid #ccc;	}
	.moveinready .list div.clear	{ border: 0; height: 1px; }

.moveinready .list div img	{	float: left; margin-right: 15px; 	}

	.mirprice		{	font-size: 1.2em;	}
	.list .mirprice	{	float: right; padding-right: 20px; margin-right: 15px; margin-top: -75px; font-size: 1.2em;	text-align: right;}
	.mircontact		{	font-size: 0.9em; 	}

	.mirList div a.mircontact 	{	color: #a00; border-bottom: 1px solid #a00; display: inline; width: auto; height: auto; padding: 0;}

*/






#thinPage .mircontact	{
	display: block;
	width: 175px;
	height: 42px;
	text-indent: -9999px;
	background-image: url(images/realtors/contactRealtor.png);
	background-position: top left;
	background-repeat: no-repeat;
	border: 0;
	}


.moveinready h4	{
	font-size: 1.4em;
	}


.mirpage .side	{margin-top: 15px;}

.mirpage h2	{	font: 40px/50px 'BergamoStdRegular', Georgia, Times, serif !important;		letter-spacing: 0;	margin-bottom: 10px; margin-top: 15px;}


.moveinready p.comfeature	{
	float: right;
	color: #fff;
	font-size: 1.2em;
	margin-top: -40px;
	margin-right: 15px;
}

.mirCityButton	a{
	display:block;
	float: left;
	width: 350px;
	text-align: center;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: #c79860;
	padding: 15px 0;
	color: #fff;
	font-size: 30px;
	font-family:'BergamoStdRegular', Georgia, Times, serif !important;
	text-decoration: none;	
	border: none;	
	margin: 0 40px;
	}

h2.mirCitySelect 	{	
	 margin-bottom: 15px;
	}




.subheadCity	{
	font-size: 20px;  	
	float: right;
	margin-top: -15px;
	margin-right: 150px;
	}



/* ==================================================================
3.0 Reusable Elements
================================================================== */

.clear {clear:both;}
.fleft	{float:left;}
.fright	{float:right;}
.lpad	{	padding-right: 10px;	}
.rpad	{	padding-left: 10px;		}



.hide	{	display: none;	}

.flash	{	z-index: -100000;	}


.rightBody_wide	{
	float: right;
	width: 645px;
	}

.rightBody	{
	position: relative;
	float: right;
	width: 625px;
	}


.intro	{
	font-size: 1.3em;
	}


.arrowList ul li	{
	list-style-image: url(images/arrowRed.gif);
	list-style-position: outside;
	display: block;
	}

.arrowLink	{
	padding-left: 20px;
	background-image: url(images/arrowRed.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	border: 0;
	color: #a00;
	font-weight: bold;
	font-size: 16px;
	}
	.arrowLink_alt	{
		padding-left: 20px;
		background-image: url(images/arrowRed.gif);
		background-position: 0 3px;
		background-repeat: no-repeat;
		border: 0;
		color: #666;
		font-weight: bold;
		font-size: 14px;
	}

.smallType	{
	font-size: 0.8em;
	}


.note	{
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 1.4em;
	color: #fff;
	background-color: #a00;
	padding: 5px 25px;
	border: 2px solid #700;
	margin: 15px 0;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

.column			{	float: left;	}
.width510		{	width: 500px; 	margin-right: 10px; }
.quarterSize	{	width: 210px;	margin-right: 10px;	}
.thirdSize		{	width: 276px; 	margin-right: 10px;	}
.halfSize		{	width: 420px;	margin-right: 10px;	}
.threeQtrSize	{	width: 630px;	margin-right: 10px;	}

.rightSide		{	margin: 0 0 0 10px  !important;	}	/*  <--------------{  Fix for columns with flush right content	} 	*/




.last { border-right: 0 !important;}




.sans	{	font-family:  Arial, Helvetica, Geneva, sans-serif;	}
.serif	{	font-family: Georgia, "Times New Roman", Times, serif;}
.blueFont	{	color: #768aa4;}

.redboxlink	{
	font-size: 1.0em;
	background-color: #a00;
	color: #fff !important;
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px 20px 10px;
	margin: 0px 0 0 -20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}


.fullwidthNav	{	margin-bottom: 10px;	}
.halfwidthNav	{	width: 430px; margin-bottom: 10px;	}


.legalType	{
	font-size: 10px !important;
	font-family: Verdana, Geneva, sans-serif;
	}



.imgLink	{	border: 0;	}


.specialAmpersand	{font-family: GoudyBookletter1911Regular, Georgia, Times, sans-serif;}


.ahbutton	{
	display: block;
	background-image: url(images/askHeather-TopButton-2.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 50px;
	width: 200px;
	overflow: visible;
	margin-right: -10px;
	}
	#communityNav	{	position: relative; padding-bottom: 0;	}

.ahnavlink	{	background-color: #0169b3; color: #fff; float: right; padding: 7px 45px;	}
.ahtab	{
	float: right;
	width: 200px;
	height: 50px;
	margin-top: -110px;
	background-image: url(images/askHeather-TopButton.png);
	background-position: top left;
	background-repeat: no-repeat;
	
	}
.ahtab a	{	height: 100%; width: 100%;	display: block;	}

.soldHome	{	color: #fff;	font-weight: bold;	background-color: #a00;	padding: 3px 15px;	float: right;	display: block;	}
.replaceSold	{	
	display: block;
	position: absolute;	
	top: 55px;	
	left: 10px; 
	width: 175px; 
	height: 30px;	
	background-image:url(images/soldBanner.png);	
	background-position: top left;	
	background-repeat: no-repeat;	
	}
	
.soldHome2	{	color: #fff;	font-weight: bold;	background-color: #a00;	padding: 3px 15px;	float: right;	display: block;	}
.replaceSold2	{	
	display: block;
	position: absolute;	
	top: 55px;	
	left: 0px; 
	width: 175px; 
	height: 30px;	
	background-image:url(images/soldBanner.png);	
	background-position: top left;	
	background-repeat: no-repeat;	
	}	
	
/* ===============================================================
TEMPORARY STUFF
=============================================================== */

.TempImage_process	{ width: 220px; height: 650px;	background-color: #ccc; }


.arrowList ul li.nullListElement	{
	list-style-image:none;
	list-style:none;
	list-style-type: none;
	visibility: hidden;
	width: 100%;
	}

form#principal	{	margin-top: 20px;	}
td#header	{height: 20px; background-color: #fff!important; border: 0 !important;}
form#principal table tr td	{
	background-color: #f8dfc3;
	padding: 5px 10px;
	border-left: 1px solid #104076;
	border-right: 1px solid #104076;
	}
.mortgageAdjust	{	width: 600px;	}


.error	{background-color:#a00;}


.controls	{
	height: 20px;
	width: 100%;
	}
	.controls a	{
		display: block;
		float: left;
		width: 75px !important;
		padding: 2px 5px !important;
		margin: 0!important;
		color: #a00!important;
		border: 0!important;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		background-color: #efefef;
		text-align: center;
		font-weight:bold;
		}
		.controls a:hover	{background-color: #ddd;}
		.controls a.second	{
			float: right;
			background-color: #a00;
			color: #fff !important;
			}
			.controls a.second:hover	{background-color: #800;}
		
			
	hr.alertbar	{
		border-bottom: 10px solid #a00;
		}