/* CSS Document */

/* color #665e4c bg brownish gray*/
/* color #1499e6 links aqua*/


/* Zeros ----------------------------------*/
body, p, h1, h2, h3, h4, h5, h6, h7, ul, ol, li, form, hr, dl, dt, dd {
	padding: 0;
	margin: 0;
}

body {
	min-width:1017px;
	background:#665e4c;
}

body #home {
	min-width:694px;
	background:#665e4c;
}

#container {
	margin:0 auto;
	padding:0;
	width:1017px;
}

#home #container {
	margin:0 auto;
	padding:0;
	width:694px;
}

#home #content {
	padding:0;
	margin:0;
	width:694px;
	float:left;
}

#header {
	padding:54px 0 0 5px;
	margin:0;
	float:left;
	width:177px;
}

/* nav ----------------------------------*/
#nav {
	width:694px;
	height:371px;
	background:url(../../images/img_navigation.jpg);
	padding:0;
	margin:54px 0 0 0;
	position:relative;
	float:left;
	
}

#nav li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
}

#nav li, #nav a {
	display:block;
}

#nav1 a {  height:238px; }
#nav2 a, #nav3 a, #nav4 a {  height:132px; }

#nav1 { left:0; width:694px; }
#nav2 { top:238px; left:0px; width:231px; }
#nav3 { top:238px; left:232px; width:232px; }
#nav4 { top:238px; left:464px; width:231px; }

#nav1 a:hover { background: transparent url(../../images/img_navigation.jpg) 0 -371px no-repeat; }
#nav2 a:hover { background: transparent url(../../images/img_navigation.jpg) 0 -609px no-repeat; }
#nav3 a:hover { background: transparent url(../../images/img_navigation.jpg) -232px -609px no-repeat;  }
#nav4 a:hover { background: transparent url(../../images/img_navigation.jpg) -464px -609px no-repeat; }

/* main nav ----------------------------------*/

ul#main_nav {
	padding:0;
	margin:15px 0 0 0;
	border-top:solid 1px #867c68;
}

ul#main_nav li {
	padding:5px;
	margin:0;
	border-bottom:solid 1px #867c68;
	list-style:none;
}

a.main_nav {
	padding:0;
	margin:0;
	font:12px/12px Helvetica, Arial, sans-serif;
	color:#fff;
	text-decoration:none;
}

a:hover.main_nav {
	color:#1499e6;
}

a.main_nav_on {
	padding:0;
	margin:0;
	font:12px/12px Helvetica, Arial, sans-serif;
	color:#1499e6;
	text-decoration:none;
}

/* search ----------------------------------*/
#search {
	padding:30px 0 0 5px;
	margin:0;
	font:12px/18px Helvetica, Arial, sans-serif;
	color:#fff;
}

/* calculator ----------------------------------*/
#calculator {
	padding:20px;
	margin:0;
	font:12px/18px Helvetica, Arial, sans-serif;
	color:#fff;
}


/* iframe ----------------------------------
iframe {
	padding:0;
	margin:0;
	width:808px;
	border:0;
}*/

/* copy area ----------------------------------*/
#copy {
	padding:23px;
	margin:54px 0 0 27px;
	width:762px;
	float:left;
	background-color:#fff;
	font:12px/18px Helvetica, Arial, sans-serif;
}

#copy_jf {
	padding:23px;
	margin:54px 0 0 27px;
	width:762px;
	float:left;
	background:#fff url(../../images/img_jf_map.jpg) no-repeat bottom;
}

h4 {
	font:normal italic 24px/26px Helvetica, Arial, sans-serif;
	color:#665e4c;
	padding-bottom:25px;
}

#copy_jf p.pullout, #copy_jf span.pullout {
	font:italic 24px/26px Georgia, "Times New Roman", Times, serif;
	color:#3db2f5;
	padding-left:0;
}

.home {
	padding-bottom:17px;
}

#copy_jf p {
	padding:0 0 10px 35px;
	margin:0;
	font:16px/26px Georgia, "Times New Roman", Times, serif;
}

#copy_jf p.payoff {
	padding:0 0 10px 320px;
	margin:0;
	font:bold 16px/26px Georgia, "Times New Roman", Times, serif;
}

#copy a {
	color:#1499e6;
	text-decoration:none;
}

#copy a:hover {
	background-color:#1499e6;
	color:#fff;
}

#copy_search {
	padding:0;
	margin:54px 0 20px 27px;
	width:808px;
	float:left;
	background-color:#fff;
	font:12px/18px Helvetica, Arial, sans-serif;
	height:inherit;
}

.floatLeft {
	padding:0 15px 25px 0;
	margin:0;
	float:left;
	display:block;
}

h1 {
	padding:0 0 15px 0;
	margin:0;
	color:#3db2f5;
	font:18px/18px Helvetica, Arial, sans-serif;
}

p {
	padding:0 0 10px 0;
	margin:0;
	line-height:150%;
}

.homes {
	display:block;
	padding:15px 0 20px 0;
	width:761px;
	float:left;
}

#home_info {
	display:block;
	padding:15px 0 20px 0;
	float:left;
	width:200px;
}

p.description {
	width:352px;
	float:left;
	display:block;
}

.oak_park {
	float:right;
	padding:0 48px;
}

.founders_bridge {
	float:right;
	padding:0 12px;
}

.creeksedge {
	float:right;
	padding:0 15px 0 16px;
}

.header {
	color:#3db2f5;
	font: bold 14px/14px Helvetica, Arial, sans-serif;
}

/* footer ----------------------------------*/

#footer {
	width:1016px;
	padding:0;
	margin:0 auto;
	text-align:center;
	color:#fff;
	float:left;
	font:10px/10px Helvetica, Arial, sans-serif;
}

#home #footer {
	width:694px;
	padding:54px 0 0 0;
	margin:0 auto;
	text-align:center;
	color:#fff;
	float:left;
	font:10px/10px Helvetica, Arial, sans-serif;
}

a.link {
	color:#fff;
}

#eho {
	padding:0 0 0 5px;
}