/* Wild Dunes Village Contact Information Page Styles */

@import url("nav.css");

/* ------------------ General Rules -------------------- */

* {
 margin: 0;
 padding: 0;
}

body {
 text-align: center;
 font: 11px Arial, Helvetica, sans-serif;
 line-height: 16px;
}

hr {
 display: none;
}

hr.clear-hr {
 display: block;
 clear: both;
 visibility: hidden;
 height: 0;
}

a em, h1 em {
 position: absolute;
 left: -9999px;
}


#wrapper {
 width: 761px;
 margin: 0px auto;

}

/* ------------------- Masthead -------------------------*/

#masthead {
 background: url("../images/masthead.gif") no-repeat 0 0;
 width: 761px;
 height: 65px;
 text-align:left;
}

#masthead a#logo {
 width: 210px;
 height: 65px;
 display:block;
 margin-left: 20px;
}

#masthead img {
 display: none; 
}

/* ------------------ Main Content Area ---------------- */

#contact-wrapper {
 width: 762px;
 background: #FAF7EE url("../images/content-interior-bg.gif") no-repeat 0 0;
 float: left;
 color: #59471A;
 text-align: left;
 scrollbar-face-color: #ffffff; 
}

#contact-sitemap {
 width: 702px;
 background: #FAF7EE url("../images/content-interior-bg.gif") no-repeat 0 0;
 float: left;
 color: #59471A;
 text-align: left;
 scrollbar-face-color: #ffffff; 
 padding: 0 0 0 60px;
}
#contact-wrapper p {
 margin: 0 20px 20px 20px;
}

h1 {
 width: 230px;
 height: 14px;
 background-repeat: no-repeat;
 background-position: 0 0;
 margin: 20px 0 15px 20px;
}

h1#inquire-now-header {
 background-image: url("../images/headers/inquire-now.gif");
}

h1#sitemap-header {
 background-image: url("../images/headers/site-map.gif");
}

/* ------------------ Footer --------------------------- */

div#footer {
 position:relative;
 margin: 0 auto;
 text-align: center;
 width: 761px;
 color: #a8a588;
 clear:both;
 padding-top: 10px;
}

div#footer address {
 font-style: normal;
 margin: 3px 0 0 0;
 color: #5a471c;
}

div#footer p {
 margin-bottom: 20px;
}

div#footer img#logoLowe {
 position: absolute;
 right: 25px;
 top: 10px;
}

div#footer img#logoHouse {
 margin: 0 0 0 10px;
 float: left;
}

div#footer a:link, div#footer a:visited {
 color: #59471A;
}

div#footer a:hover {
color: #c5c19d;
}

div#footer p#equal {
 font-size: 10px;
 line-height: 12px;
}


/* ----- General form styles ---------------------------------------------*/
form.validate fieldset {
	clear: both;
	border: solid #999999;
	border-width: 1px 0 0 0;
	margin-bottom: 5px;
	padding: 5px 10px;
	}

form.validate legend {
	padding: 0 5px;
	font-size: 12px;
	font-weight: bold;
	color: #c95239;
	color: black;
	}

form.validate input, form.validate select, form.validate textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; }
form.validate input.textfield:focus, form.validate textarea:focus { background: #ffffe0; }
form.validate option { padding-right: 15px; }

form.validate input.textfield {
	width: 145px;
	border: 1px solid #999999;
	padding: 1px 2px;
	}

form.validate input.checkbox {
	width: 15px;
	padding: 1px 2px;
	}


form.validate textarea.textfield {
	width: 225px;
	height: 100px;
	border: 1px solid #999999;
	padding: 1px 2px;
	}

input#email_address { width: 180px; }
input#phone, input#fax { width: 125px; }
input#zip { width: 80px; }
input#submit { margin: 0 0 20px 150px; padding: 0 5px; }

/* ----- Form Layout rules ----------------------------------------------------*/

#contact-wrapper form p{
 margin-bottom: 0px;
}

form.validate div.field {
	clear: both;
	margin-bottom: 0.3em;
	}

form.validate span.required, form.validate label.required {
	font-weight: bold;
	}

form.validate div.field label {
	display: block;
	float: left;
	width: 115px;
	padding: 3px 4px;
	text-align: right;
	}

div#contact-wrapper .checkboxes { margin-left: 123px; list-style: none; }
div#contact-wrapper .checkboxes li { margin-bottom: 0.3em; }
div#main-content .indent { margin: 0.5em 0 0.5em 140px; }
div.field img { vertical-align: text-bottom; }
img.validation-error { margin-left: 3px; }