/* ---------------
   Defaults   
--------------- */

html, body{
	margin: 0;
	padding: 0;
} 

body{
	text-align: center;
	min-width: 950px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .75em;
	color: #333;
	background: #594e3a url(../images/bg_site.gif) repeat;
}

.spacer{
	height: 20px;
}

.break{
	clear: both;
}


/* ---------------
   Links  
--------------- */

#sidebarLeft a:link, #sidebarLeft a:visited {text-decoration: none; color: #348899;}
#sidebarLeft a:hover, #sidebarLeft a:active {text-decoration: none; color: #1c545f; border-bottom: #348899 1px solid;}

#thumbs li a:hover, #thumbs li a:active {text-decoration: none; background: #a6c6ce; border-bottom: none;}

ul#list_main li:last-child a:link, ul#list_main li:last-child a:visited {text-decoration: none; color: #348899;}
ul#list_main li:last-child a:hover, ul#list_main li:last-child a:active {text-decoration: none; color: #1c545f; border-bottom: #348899 1px solid;}

#contentRight a:link, #contentRight a:visited, #contentSingle a:link, #contentSingle a:visited {text-decoration: none; color: #b04f3f;}
#contentRight a:hover, #contentRight a:active, #contentSingle a:hover, #contentSingle a:active {text-decoration: none; color: #8f3424;}

#footer a:link, #footer a:visited {text-decoration: none; color: #6b8a3f;}
#footer a:hover, #footer a:active {text-decoration: none; color: #425c1d; border-bottom: #6b8a3f 1px solid;}


/* ---------------
   H Elements   
--------------- */

h1{
	font-size: 1.5em;
	color: #66533f;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: .4em;
}

h2{
	font-size: 1em;
	color: #6b8a3f;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: .1em;
	text-transform: uppercase;
}

h3{
	font-size: 1.3em;
	color: #348899;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: .5em;
}

h4{
	font-size: 1.3em;
	color: #66533f;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: .5em;
}


/* ---------------
   Type  
--------------- */

p{
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0em 0em 1.2em 0em;
}

ul#list_main li:last-child{
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
}

.zoom{
	font-size: .8em;
	color: #348899;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#address{
	font-size: .9em;
	line-height: 1.4em;
	color: #66533f;
}

#map{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color:  #594e3a;
}

#footer p{
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 17px 0px 0px 60px;
}


/* ---------------
   Lists  
--------------- */

#list_main li{
	font-size: 1em;
	line-height: 2em;
}

#thumbs li{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	margin-bottom: 8px;
}

#thumbs li a {
	display: block;
	padding: .3em;
	background: #c6d9de;
}


/* ---------------
   Content  
--------------- */

#wrap{
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background: #f5f4f3 url(../images/bg_content.gif) repeat;
}

#header{
	width: 900px;
	height: 285px;
}

#content_wrap{
	width: 900px;
}

#content_topper{
	width: 900px;
	height: 115px;
	background: #fff url(../images/content_topper.gif) no-repeat;
}

#navigation{
	margin: 0 auto;
	position: relative;
	top: 10px;
	width: 850px;
	height: 50px;
}

#sidebarLeft{
	float: left;
	width: 145px;
	margin: 55px 0px 0px 60px;
}

#contentRight{
	float: right;
	width: 600px;
	margin: 15px 60px 0px 0px;
	padding-left: 26px;
	border-left: #e0dede .1em dashed;
}

#contentSingle{
	width: 775px;
	margin: 15px 60px 0px 60px;
}

#map{
	margin: 0 auto;
	width: 775px;
	height: 400px;
}

#footer{
	width: 900px;
	height: 50px;
	background: #fff url(../images/bg_footer.gif) no-repeat;
}


/* ---------------
   Plans Info
--------------- */

.planWrap{
	width: 560px;
	padding: 20px 20px 20px 20px;
	border-top: #e0dede .1em dashed;
}

.planWrap:hover {background-color: #fff;}

.planImg{
	float: left;
	width: 300px;
}

.planInfo{
	float: left;
	width: 240px;
	margin-left: 20px;
}

.planInfo p{
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* ---------------
   Header Cycle
--------------- */

#cycle {
    width: 900px;  
	height: 285px;
	overflow: hidden;
}

.pics {   
    width: 900px;  
	height: 285px; 
    padding: 0;  
    margin: 0;  
} 
 
.pics img {  
    width: 900px; 
    height: 285px; 
    top: 0; 
    left: 0 
} 


/* ---------------
   Navigation
--------------- */

#nav {background: url("../images/navigation.gif"); text-align: center; margin: 0; padding: 0; position: relative; width: 850px; height: 50px;}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0; text-indent: -999px; overflow: hidden}
#nav li, #nav a  {text-decoration: none; display: block; height: 50px;}

#nav #home {left: 0; width: 115px;}
#nav #overview {left: 115px; width: 165px;}
#nav #neighborhood {left: 280px; width: 230px;}
#nav #yourhome {left: 510px; width: 185px;}
#nav #contact {left: 695px; width: 155px;}

#nav #home a:hover {background: transparent url("../images/navigation.gif") 0 -50px no-repeat;}
#nav #overview a:hover {background: transparent url("../images/navigation.gif") -115px -50px no-repeat;}
#nav #neighborhood a:hover {background: transparent url("../images/navigation.gif") -280px -50px no-repeat;}
#nav #yourhome a:hover {background: transparent url("../images/navigation.gif") -510px -50px no-repeat;}
#nav #contact a:hover {background: transparent url("../images/navigation.gif") -695px -50px no-repeat;}

#homePage #home {left: 0; width: 115px;}
#homePage #home a {background: transparent url("../images/navigation.gif") 0 -50px no-repeat;}
#homePage #home a:hover {background: transparent url("../images/navigation.gif") 0 -50px no-repeat;}
#homePage #home a:active {background: transparent url("../images/navigation.gif") 0 -50px no-repeat;}

#overviewPage #overview {left: 115px; width: 165px;}
#overviewPage #overview a {background: transparent url("../images/navigation.gif") -115px -50px no-repeat;}
#overviewPage #overview a:hover {background: transparent url("../images/navigation.gif") -115px -50px no-repeat;}
#overviewPage #overview a:active {background: transparent url("../images/navigation.gif") -115px -50px no-repeat;}

#neighborhoodPage #neighborhood {left: 280px; width: 230px;}
#neighborhoodPage #neighborhood a {background: transparent url("../images/navigation.gif") -280px -50px no-repeat;}
#neighborhoodPage #neighborhood a:hover {background: transparent url("../images/navigation.gif") -280px -50px no-repeat;}
#neighborhoodPage #neighborhood a:active {background: transparent url("../images/navigation.gif") -280px -50px no-repeat;}

#yourhomePage #yourhome {left: 510px; width: 185px;}
#yourhomePage #yourhome a {background: transparent url("../images/navigation.gif") -510px -50px no-repeat;}
#yourhomePage #yourhome a:hover {background: transparent url("../images/navigation.gif") -510px -50px no-repeat;}
#yourhomePage #yourhome a:active {background: transparent url("../images/navigation.gif") -510px -50px no-repeat;}

#contactPage #contact {left: 695px; width: 155px;}
#contactPage #contact a {background: transparent url("../images/navigation.gif") -695px -50px no-repeat;}
#contactPage #contact a:hover {background: transparent url("../images/navigation.gif") -695px -50px no-repeat;}
#contactPage #contact a:active {background: transparent url("../images/navigation.gif") -695px -50px no-repeat;}