@import 'clear.css';

/*  GENERAL LAYOUT =============================================================== */

body {
	font-family: Georgia, serif;
	font-size: 11px;
	text-align: center;
	background: #5C662A;
	color: #656154;
}
h1, h2, h3, h4, h5, h6 { margin: 0 0 6px 0; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
.sold { color: #C00; }
p { margin: 4px 0 12px 0; }
a { color: #B95630; }
a:hover { color: #000; }

a img { border: none; }

ul { margin: 0 0 0 4px; }
ul li { list-style: circle; }
ol.roman { margin: 0 0 0 8px; }
ol.roman li { list-style: lower-roman outside; }

.note { color: #7E7969; font-size: 9px; }

#document {
	background: #FFF;
	text-align: left;
	
	width: 764px;
	height: 494px;
	padding: 3px;
	margin: 20px auto;
}

#col-1, #col-2, #col-3 { background-color: #EBE5D7; float: left; }
#col-1 { margin-right: 3px; overflow: auto; }
#col-2 { overflow: hidden; }
#col-3 { margin-left: 3px; }

img.feature-img { background: #FFF; padding: 3px; }

/*  HEADER AND NAV =============================================================== */

#header {
	background: url(../images/header-bg.jpg) no-repeat;

	height: 107px;
	margin-bottom: 3px;
}

#logo {
	float: left;
	margin: 20px 0 0 46px;
}
#logo img { border: none; }

#nav { float: left; margin: 40px 0 0 66px; }
#subnav { float: left; margin: 28px 0 0 66px; }
* html #nav, * html #subnav { margin-left: 80px; }

#nav li { margin-right: 16px; }
* html #nav li { margin-right: 12px; }
#nav li, #nav li a:hover { display: block; background-image: url(../images/nav.gif); background-repeat: no-repeat; height: 11px; }
#nav li a { display: block; height: 11px; }
#nav li a span { display: none; }
	
	#n-site a { width: 59px; }
	#n-builders a { width: 63px; }
	#n-sales a { width: 103px; }
	#n-project a { width: 56px; }
	#n-guidelines a { width: 76px; }
	#n-contact a { width: 57px; }
	
	#n-site { width: 59px; background-position: 0 0; }
	#n-builders { width: 63px; background-position: -59px 0; }
	#n-sales { width: 103px; background-position: -122px 0; }
	#n-project { width: 56px; background-position: -225px 0; }
	#n-guidelines { width: 76px; background-position: -281px 0; }
	#n-contact { width: 57px; background-position: -357px 0; }
	
	#n-site a:hover { width: 59px; background-position: 0 -11px; }
	#n-builders a:hover { width: 63px; background-position: -59px -11px; }
	#n-sales a:hover { width: 103px; background-position: -122px -11px; }
	#n-project a:hover { width: 56px; background-position: -225px -11px; }
	#n-guidelines a:hover { width: 76px; background-position: -281px -11px; }
	#n-contact a:hover { width: 57px; background-position: -357px -11px; }
	
	#n-site.here { width: 59px; background-position: 0 -11px; }
	#n-builders.here { width: 63px; background-position: -59px -11px; }
	#n-sales.here { width: 103px; background-position: -122px -11px; }
	#n-project.here { width: 56px; background-position: -225px -11px; }
	#n-guidelines.here { width: 76px; background-position: -281px -11px; }
	#n-contact.here { width: 57px; background-position: -357px -11px; }

#nav li, #subnav li {
	list-style: none;
	float: left;
}
#subnav li {
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: bold;
	font-size: 12px;
	
	margin-right: 24px;
}
#subnav li a { color: #663; }
#subnav li a:hover { color: #000; }
#subnav li.here a { color: #B95630; }

#flash-lot-map {
	background: url(../images/loading-bg.gif) no-repeat 138px 182px;
}