@charset "ISO-8859-1";

html, body { height:100%; width:100%; background-image: url("/images/bg_siding.jpg");  background-repeat: repeat; margin:0;font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#666666; font-size: 0.9em}

img, div { behavior: url(iepngfix.htc) }

.comingSoon {margin:253px 0 0 0}


/* ========================= Begin layout formatting ========================= */

#container { width:820px; margin: 0 auto; padding: 0; text-align: center; position: relative }
#headerBar{width:100%;  margin: 0 auto; text-align: left; position: relative;  }
#logo{float:left; width:135px; padding:10px; margin:0;}

#registerBar{text-align: center; font-size: 14px; color:white; background-color: #5994ab; border: 1px solid #fff; padding:7px; margin:15px 0 0 0}
#registerBar a{color:#f2e9a1; font-weight: bold; font-style: italic;}


#clear				{clear:both;}
/* ========================= homepage ========================= */

#homeContent{margin:0 0 15px 0;}
#contentTop{margin:0 0 15px 0;}
#contentBottom{margin:0 0 15px 0; padding:19px; background-color: white; display: table;}
#homeContentArea{float:left; width:230px; padding:15px 10px 10px 10px; margin: 0 16px 0 0; background-image: url("/images/bg_gradientGrey.gif");  background-repeat: repeat-x;}
#homeContentAreaEnd{float:left; width:230px; padding:15px 10px 10px 10px; margin: 0; background-image: url("/images/bg_gradientGrey.gif");  background-repeat: repeat-x;}

#homeContentArea p, #homeContentAreaEnd p{margin:10px 10px 0 5px;}

#viewLotPlan a{width:225px; height:48px; margin:28px 0 0 0px; background-image: url("/images/butt_viewLotPlan_off.gif");  background-repeat: none;float:left; }
#viewLotPlan a:hover{width:225px; height:48px;  margin:28px 0 0 0px; background-image: url("/images/butt_viewLotPlan_on.gif");  background-repeat: none; float:left;}


#viewHomeOptions a{width:225px; height:48px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewHomeOptions_off.gif");  background-repeat: none; float:left;}
#viewHomeOptions a:hover{width:225px; height:48px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewHomeOptions_on.gif");  background-repeat: none; float:left;}

#viewOurProcess a{width:225px; height:48px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewProcess_off.gif");  background-repeat: none; float:left;}
#viewOurProcess a:hover{width:225px; height:48px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewProcess_on.gif");  background-repeat: none; float:left;}


/* ========================= sub page ========================= */

#subContent {width:782px; padding:19px; margin:0 0 15px 0; background-color: white; text-align: left; display: table;}

#locationImage {width:772px; height:40px; background-image: url("/images/img_location02.jpg"); background-repeat: no-repeat; padding: 217px 0 0 10px; margin: 0 0 20px 0}
#contactImage {width:772px; height:40px; background-image: url("/images/img_contact03.jpg"); background-repeat: no-repeat; padding: 217px 0 0 10px; margin: 0 0 20px 0}
#lotPlanImage {width:772px; height:40px; background-image: url("/images/img_lotplan.jpg"); background-repeat: no-repeat; padding: 217px 0 0 10px; margin: 0 0 20px 0}
#homeOptionsImage {width:772px; height:40px; background-image: url("/images/img_lotplan.jpg"); background-repeat: no-repeat; padding: 217px 0 0 10px; margin: 0 0 20px 0}
#processImage {width:772px; height:40px; background-image: url("/images/img_process02.jpg"); background-repeat: no-repeat; padding: 217px 0 0 10px; margin: 0 0 20px 0}
#galleryImage {width:772px; height:40px; background-image: url("/images/img_lotplan.jpg"); background-repeat: no-repeat; padding: 217px 0 0 10px; margin: 0 0 20px 0}
#registerImage {width:772px; height:40px; background-image: url("/images/img_register02.jpg"); background-repeat: no-repeat; padding: 217px 0 0 10px; margin: 0 0 20px 0}

#contentLeft{float:left; width:400px; margin:0 0 0 12px; min-height: 300px;}
#contentRight{float:right; width: 320px; text-align: center}
#contentFull{width:760px; margin:0 0 0 12px; min-height: 300px;}


#largerThumb				{width:225px; float:left}
#smallThumbs				{float:right; width:330px;}
#smallThumbs img			{margin:0 5px 8px 0}

/* ========================= location specific formatting ========================= */

#locationBlurb {width:760px; height:50px; background-image: url("/images/bg_yellowGradient.gif"); background-repeat: repeat-x; padding: 2px 0 0 0px; margin: 0 0 20px 0px;}
#blurbLogo{margin:3px 0 0 20px; float:left;}
#blurbText{margin:15px 0 0 30px; float:left; font-size: 1.2em}

#locationsNav{float:left; width:150px; margin:25px 0 0 0;}
#locationsInfo{float:right; width:630px; margin:-50px 0 0px 200px;}

#viewMap {float:left}
#viewMap a{width:133px; height:44px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewMap_off.gif");  background-repeat: none; float:left;}
#viewMap a:hover{width:133px; height:44px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewMap_on.gif");  background-repeat: none; float:left;}
#viewMap span {display:none;}

#viewZoning	{float:left; margin:10px 0 0 -8px}
#viewZoning a{width:254px; height:45px;  margin:5px 0 0 0px; background-image: url("/images/butt_zoning_off.gif");  background-repeat: none; float:left;}
#viewZoning a:hover{width:254px; height:45px;  margin:5px 0 0 0px; background-image: url("/images/butt_zoning_on.gif");  background-repeat: none; float:left;}
#viewZoning span {display:none;}

#downloadMap{float:left;}
#downloadMap a{width:173px; height:44px;  margin:5px 0 0 0px; background-image: url("/images/butt_downloadMap_off.gif");  background-repeat: none; float:left;}
#downloadMap a:hover{width:173px; height:44px;  margin:5px 0 0 0px; background-image: url("/images/butt_downloadMap_on.gif");  background-repeat: none; float:left;}


/* ========================= lot plan specific formatting ========================= */

#viewSiteMap {float:left; margin:0 0 0 -10px}
#viewSiteMap a{width:143px; height:43px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewLotPlan2_off.gif");  background-repeat: none; float:left;}
#viewSiteMap a:hover{width:143px; height:43px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewLotPlan2_on.gif");  background-repeat: none; float:left;}
#viewSiteMap span {display: none;}

#downloadSiteMap{float:center;}
#downloadSiteMap a{width:176px; height:43px;  margin:5px 0 0 0px; background-image: url("/images/butt_downloadLotPlan_off.gif");  background-repeat: none; float:left;}
#downloadSiteMap a:hover{width:176px; height:43px;  margin:5px 0 0 0px; background-image: url("/images/butt_downloadLotPlan_on.gif");  background-repeat: none; float:left;}


/* ========================= contact specific formatting ========================= */

#contactHours {width:400px; background-image: url("/images/bg_yellowGradient.gif"); background-repeat: repeat-x; padding: 2px 0 0 0px; margin: 0 0 20px -10px; overflow: hidden}
#contactIcon{margin:10px 0 0 20px; float:left; width:59px;}
#contactText{margin:10px 0 0 20px; float:left; font-size: 1em; width:300px; line-height:  20px}

/* ========================= home options formatting ========================= */


#featuresColumn{float:left; width:360px; margin:0 20px 0 0}
#optionInfo {float:left; width:200px; margin:0 0 20px -15px;}
#imageArea{float:right; width: 575px; overflow:hidden; margin:0 -10px 10px 0}
#imageArea img{padding:2px; margin:1px; border: #ccc solid 1px;}

#viewMainFloor {float:left; margin:0 0 0 -5px}
#viewMainFloor a{width:198px; height:39px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewMainFloor_off.gif");  background-repeat: none; float:left;}
#viewMainFloor a:hover{width:198px; height:39px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewMainFloor_on.gif");  background-repeat: none; float:left;}
#viewMainFloor span {display:none;}

#viewAlternateFloor {float:left; margin:0 0 0 -5px}
#viewAlternateFloor a{width:198px; height:39px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewAlternate_off.gif");  background-repeat: none; float:left;}
#viewAlternateFloor a:hover{width:198px; height:39px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewAlternate_on.gif");  background-repeat: none; float:left;}
#viewAlternateFloor span {display:none;}

#viewBasement {float:left; margin:0 0 0 -5px}
#viewBasement a{width:199px; height:40px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewBasement_off.gif");  background-repeat: none; float:left;}
#viewBasement a:hover{width:199px; height:40px;  margin:5px 0 0 0px; background-image: url("/images/butt_viewBasement_on.gif");  background-repeat: none; float:left;}
#viewBasement span {display:none;}

#downloadSpec {float:left; margin:0 0 0 -5px}
#downloadSpec a{width:199px; height:36px;  margin:5px 0 0 0px; background-image: url("/images/butt_downloadSpec_off.gif");  background-repeat: none; float:left;}
#downloadSpec a:hover{width:199px; height:36px;  margin:5px 0 0 0px; background-image: url("/images/butt_downloadSpec_on.gif");  background-repeat: none; float:left;}
#downloadSpec span {display:none;}


/* ========================= gallery formatting ========================= */

#contentGalleryLeft{width:150px; float:left; margin: -15px 0 0 0}
#contentGalleryRight{width:570px; float:right; margin: -15px 0 0 0}

#galleryLink			{width:860px; margin:0 auto; padding:20px; background: white;}

/* ========================= process specific formatting ========================= */

#processContent{background-image: url("/images/bg_process.gif");  background-repeat: repeat-x; width:100%; padding:10px; margin:0 0 0 -10px}
#steps{float:left; width:220px; margin:0 10px 0 20px;}
#step7{float:left; width:220px; margin:0 10px 0 270px;}


/* ========================= footer formatting and styles ========================= */

#footer {width:782px; background-color:#fff; padding:19px; height:10px; margin:auto; }
#footer a{color:#666; text-decoration: none;}
#footer a:hover{color:#5994ab; text-decoration: underline}
#footerLeft{float:left;}
#footerRight{float:right;}

#registerButton a{width:127px; height:58px; background: url("/images/butt_register_off.png") no-repeat; float:right;}
#registerButton a:hover{width:127px; height:58px; background: url("/images/butt_register_on.png") no-repeat; float:right;}

#clear{clear:both;}






/* ========================= Begin text formatting =========================*/

p {text-align: left; line-height:20px;}
a {  color: #dc7d01;  text-decoration: none;}
a:hover {  color: #dc7d01;  text-decoration: underline;}

h1 {font-family: Arial; font-size:18px; font-weight:normal; color: #285c32; padding:10px 0 0px 0; margin:0; line-height: 24px;}
h2 {font-family: Arial; font-size:16px; font-weight:normal; color: #5994ab; padding:10px 0 0px 0; margin:0; line-height: 24px;}

li {font-size:1em; font-weight: normal; line-height:20px;}

.blueText{color:#5994ab;}


/* ========================= this is our main navigation =========================*/

#topNav {height:50px; width:630px; margin-top: 5px;float:right;}

#nav {background-image: url("/images/topNav.png"); background-repeat: no-repeat; padding:0; height:50px; width:630px; margin:0px}
#nav span {display: none;}
#nav li, #nav a {display:block; height:50px;}
#nav li {float:left; list-style:none; display:inline;}

#topNav #location {width:93px;}
#topNav #lotPlan {width:90px;}
#topNav #homeOptions {width:133px;}
#topNav #process {width:85px;}
#topNav #gallery {width:136px;}
#topNav #contact {width:93px;}

/* OVER STATES*/
#topNav #location a:hover {background:url("/images/topNav.png") 0px -52px no-repeat; }
#topNav #lotPlan a:hover {background:url("/images/topNav.png") -93px -52px no-repeat; }
#topNav #homeOptions a:hover {background:url("/images/topNav.png") -183px -52px no-repeat; }
#topNav #process a:hover {background:url("/images/topNav.png") -316px -52px no-repeat; }
#topNav #gallery a:hover {background:url("/images/topNav.png") -401px -52px no-repeat; }
#topNav #contact a:hover {background:url("/images/topNav.png") -537px -52px no-repeat; }

/* ON STATES*/
#topNav.location #location a {background:url("/images/topNav.png") 0px -107px no-repeat; }
#topNav.lotPlan #lotPlan a {background:url("/images/topNav.png") -93px -107px no-repeat; }
#topNav.homeOptions #homeOptions a {background:url("/images/topNav.png") -183px -107px no-repeat; }
#topNav.process #process a {background:url("/images/topNav.png") -316px -107px no-repeat; }
#topNav.gallery #gallery a {background:url("/images/topNav.png") -401px -107px no-repeat; }
#topNav.contact #contact a {background:url("/images/topNav.png") -537px -107px no-repeat; }




/* ========================= form formatting =========================*/

.oddRow{ padding:5px 5px 5px 5px; margin:1px}
.evenRow{padding:5px 5px 5px 5px; margin:1 px; background-color:#eef4f6;}
.seperator{height:50px;}

.inputError {
	BORDER: 1px solid #ff0000 ;
	COLOR: #cc3333;
	BACKGROUND-COLOR: #f0eed3;
	margin:0px;
	padding:2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	width:220px;
}

.inputNormal {
	BORDER: 1px solid #666 ;
	COLOR: #463817;
	BACKGROUND-COLOR: #fff;
	width:220px;
	margin:0px;
	padding:2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.innerError {
	BORDER: 1px solid #cc3333;
	MARGIN: 2px;
	COLOR: #cc3333;
	padding:5px;
}


/* =========================  google maps popup formatting =========================*/

#gmlb_overlay {	background-color: transparent;	background-image: url(/images/bg.png);	z-index:1000;
}

#gmlb_map {

}

#gmlb_label {
	background-color:#ecebca;
	font-family:Trebuchet MS;
	font-size:12px;
	color:black;
	float:left;
	padding-top:10px;
	margin-top:5px;
	width:900px;
	text-align:left;
}

#gmlb_container {
	background-color:#ecebca;
	padding:10px;
	border-color:#ecebca;
	border-width:1px;
	border-style:dotted;
	display:block;
}

#gmlb_close {
	background-color:#EEEEEE;
	width:25px;
	height:25px;
	float:right;
	cursor:pointer;
	clear:right;
	background-image:url(/images/close.gif);
	margin-top:5px;
}