@charset "UTF-8";

/* CSS Document */
/*
	----------------------------
	RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,ul,li { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6 { margin:18px 0; }
/*
	----------------------------
	TYPOGRAPHY
	____________________________
*/
body { font: 14px/21px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#2a2a2a; }
h2 { color: #5f604b; }

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
body {  }
ul { padding-left:20px; }
a { color: #250f00; text-decoration: none; }
a:hover {  }
legend { display:none; }
label { display:block; float:left; width:150px; padding:3px 10px 0; text-align:right; clear:both; }
input,select { margin-bottom:16px; }
textarea { width:300px; height:150px; }
form { position:relative; z-index:2; }
fieldset#submits { padding-left:160px; }
/*
	----------------------------
	LAYOUT
	____________________________
*/
#wrapper { width:960px; margin: 0 auto; }

#header { width: 960px; height: 117px; background: url(images/header.jpg) no-repeat #665746; }
a#dyeLogo { display: block; width: 224px; height: 117px; float: left; }
a#barefootLogo { display: block; width: 150px; height: 117px; float: right; }

#nav { margin: 4px 0; clear: both; }
#nav div { width: 156px; height: 25px; background: url(images/nav-background-image.gif) 0 0 no-repeat #665746; text-align: center; float: left; margin-right: 5px; padding-top: 6px;}
#nav div.last { margin-right: 0; width: 155px; }
#nav a { display: block; width: 237; height: 25px; }
#nav div:hover { background-position: 0 -31px; }

#main { clear: both; margin: 4px 0; }
#sidebar { width: 235px; height: 449px; background: url(images/townhouse.jpg) no-repeat; float: left; margin-right: 4px; margin-bottom: 4px; }
#content-narrow { width: 700px; float: left; margin: 0 8px 0 11px; }
#content { float: left; margin: 0 8px 0 11px; }
#content-narrow a { color: #1a00ff; }
#content-narrow a:hover { text-decoration: underline; }
#subheading { width: 960; height: 25px; background: url(images/footer.gif) repeat-y #665746; text-align: center; padding-top: 6px; margin-bottom: 4px; }

#footer { width: 960px; height: 97px; background: url(images/footer.gif) repeat-y #665746; padding-top: 26px; }
#footer p { font-size: 9px; line-height: 12px; margin: 0; padding-left: 20px; }
#footer h5 { font-size: 11px; margin: 0; padding: 0 0 0 20px; letter-spacing: 1px; }

/*
	----------------------------
	PAGE SPECIFIC
	____________________________
*/

#features1 { width: 354px; margin-right: 4px; background-color: #eff3ea; padding: 10px 100px 10px 24px; float: left; }
#features2 { width: 354px; background-color: #eff3ea; padding: 10px 100px 10px 24px; float: left; }

/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear{ overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft{ float:left; margin:0 15px 15px 0; }
.error { color: #880000; }
input.check { margin-bottom: 1px; }
.mainImage { float: right; margin-top: 40px; }
div.overview a { text-decoration: underline; color: #777864; }
div.overview a:hover { color: #333; }