@charset "utf-8";


	body {
		background-color: #FFFFFF;
		margin-top:0;
	}

	/* Class for clearing floats */

	.clear {
		clear:both;
	}
h2 {
clear:left;
text-align:left;
font-size:1.8em;
}

h3 {

}

	img {
		border: 0;
		padding:0;
		margin:0;
	}


	body,td,th {
		font-family: "Adobe Garamond", Garamond, "Times New Roman", Times, serif;
		font-size: 13px;
		color: #818288;
	}

	#content {
	line-height:28px;
	font-size:110%;
	}



.fright {
float:right;
}
.fleft {
float:left;
}

	label {



	  font-size: 11px;

	  font-family: arial;

	  color: #818288;

	  width: 70px;

	  float: left;

	  margin-top: 8px;



	}
		input, select {

	  color: #818288;

	  background-color: #EAF0CA;

	  width: 150px;

	  border: 1px solid #c8c8c8;

	  margin-top: 8px;



	}
	.hidden {
	margin-top:0;
	}
/* =Headings
-----------------------------------------------------------------------------*/



	.header {
		font-size: 1.3em;
		line-height: 170%;
		font-weight:bold;
        color: #7AA293;
	}



/* =Links 
-----------------------------------------------------------------------------*/

	a:link {
		color: #818288;
	}

	a:visited {
		color: #818288;
	}

	a:hover {
		color: #000;
	}

	a:active {
		color: #000;
	}
	a.selected {
	color:#000;
	}


/* =Footer
----------------------------------------------------------------------------- */

	#footer {
		color: #9D9FA2;
		text-align:center;
	}

	#footer a:link {
		color: #9D9FA2;
		text-decoration:none;
	}

	#footer a:visited {
		color: #9D9FA2;
		text-decoration:none;
	}

	#footer a:hover {
		color: #9D9FA2;
		text-decoration:underline;
	}

	#footer a:active {
		color: #9D9FA2;
		text-decoration:none;
	}

/* =Main Styles
-----------------------------------------------------------------------------*/
#container {
	width: 900px;
	margin:0 auto;
	text-align:center;
}
#main_nav {
  border-top:3px solid #7AA293;
  border-bottom: 1px solid #598A95;
}
#content {
    margin: 0px;
	margin-top:58px;
    padding: 10px 20px 20px 20px;
    width: 499px;
	text-align:left;
	}
#footer {
	margin-top:40px;
	clear: both;
	padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
	text-align:center;
	}
	

/* Freeeform */
.valley_desc {
margin-top:30px;
float:right;
width:280px;
}
.valley_map {
padding-top:0px;
margin-left:30px;
border:1px solid #999;
width:533px;
}
#city_list {
margin:0px;
margin-bottom:5px;
width:535px;
}
#city_list li {
list-style-type:none;
display:inline;
padding-left:41px;
}
#city_list a {
text-decoration:none;
}

.city_details {
position:absolute;
top:0;
right:40px;
}
.city_details li {
margin-left:-8px;
}




/* =Home Page Layout
-----------------------------------------------------------------------------*/
/*
.homepage #content {

    margin: 32px 185px 45px 230px;
	padding:0px;
    vertical-align: top;
	width:430px;

}
*/
.freed #content {
width:890px;
margin-top:0px;
}

#leftbar {
	float: left;
	width: 160px;
	margin-left: 12px;
    margin-top: 58px;
	padding: 0px;
    display: inline;
    vertical-align: top;
	background-color:#f9f9f9;padding:10px;border:1px solid #999;
}
#sidebar-b h3 {
text-align:center;
}
#sidebar-b img {
border:1px solid #FFFFFF;
}

#sidebar-b {
	width: 155px;
    margin-bottom: 20px;
	padding:5px 0px 4px 6px;
	padding-top:0;
    background-color:#598A95;
    font-size:8pt;
    color: #FFFFFF;
    line-height:18px;
    text-align:center;  
}

#sidebar-b p{
	text-align:left;
	padding:5px;
}

#sidebar-b a {
color:#FFF;
text-decoration:none;
}
#sidebar-b a:hover {
font-weight:bold;
}	

/*Don't Delete!*/
#main_nav {
  border-top:3px solid #7AA293;
  border-bottom: 1px solid #598A95;
}

.sub_nav ul {
clear:left;
margin-top:10px;
}
.sub_nav li {
padding-left:20px;
list-style-type:none;
display:inline;
font-weight:bold;
text-transform:uppercase;
}

.sub_nav a {
text-decoration:none;
text-transform:uppercase;
color:#76797C;
}

.sub_nav a:hover {
color:#302F2F;
}
.sub_nav .selected {
color:#000000;
}

/*Oak Group*/

.oakgrp_desc {
line-height:1.5em;
font-size:1.3em;
}


/*Property Detail Styles */

.prop_detail_icons {
list-style-type:none;
font-weight:bold;
}
.prop_detail_icons li {
display:inline;
float:left;
margin-right:10px;
text-align:center;
font-weight:bold;
vertical-align:middle;
margin-bottom:10px;
}
.prop_detail_icons li a {
text-decoration:none;
}
.prop_detail_icons li img {
display:block;
}

#prop_detail_pictures {
clear:left;
}
.picmain {
clear:left;
}
.prop_detail_pic_list {
list-style-type:none;
width:890px;
margin:0;
}
.prop_detail_pic_list li {
float:left;
margin-bottom:3px;
padding-right:3px;
}
.prop_detail_pic_list li img {
width:93px;
height:63px;
display:block;
}

.prop_description {
padding-right:20px;
line-height:1.3em;
}
#prop_detail_details p:first-letter {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
#topper {
height:50px;
margin-top:17px;
}

#detail_right {
width:300px;
position:absolute;
top:29px;
right:60px;
text-align:left;
}

#detail_left {
margin-right:320px;
}

#prop_detail_moreinfo {
}

/* ----------------------------Style settings for 4.SummaryDetailsTemplate.html------------------------------------*/

.listing_pic {
/*width:200px;*/
height:150px;
margin:0px 10px 10px 0px;
border:1px solid #000;
} 

span.listing_title {
	padding-top:5px;
	font-size:1.2em;
	margin-bottom:0px;
	font-weight:bold;
	color:#000000;
}
span.title_address {
	line-height:1.3em;
	color:#000000;
}

img.listing_title {
	padding:0;
}

.listings_leftpic, .listings_rightpic {
line-height:1.1em;
width:250px;
}

.listings_leftpic a, .listings_rightpic a {
text-decoration:none;
font-weight:bold;
}

p.propdescription {
font-size:1.0em;
line-height:1.1;
color:#666666;
}

a.propdescription {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
}

#listing_container_div {
	padding-top:10px;
	padding-bottom:10px;
	width:875px;
	height:160px;
}

.listing_rightcontent {
	padding-left:15px;
	width:600px;
	float:left;
}

.listing_leftcontent {
	padding-right:15px;
	width:600px;
	float:left
}

p.listing_address {
	padding:0px;
	line-height:1.1em;
	font-size:0.9em;
}

listing_title h2, listing_title img {
	margin-top:25px;
	margin-left:0px;
}
/* --------------------------------End of Style settings for 4.SummaryDetailsTemplate.htm------------------------------------ */


.proplist_seper {
clear:both;
height:1px;
width:90%;
color:#CCCCCC;
}
p.prop_detail_specover {
padding-left:40px;
}
.prop_detail_icons li {
margin-left:8px;
}
.prop_detail_icons img {

}
#metrics {
margin-left:250px;
}	

/*---------------------------------Style Settings for Agent Pages-----------------------------------------------------------------*/
#contact {
	float:right;
	color:#000000;
	height:150px;
	width:250px;
	padding:10px;
	padding-top:0px;
	margin-top:25px;
	padding-left:30px;
	background:url(images/contact_us_top.jpg) left top no-repeat;
	line-height:1.75em;
}

#contact p {
        font-size:1.1em;
}

#contact a {
        color:#3300ff;
        font-size:1.1em;
}


#contact a:hover {
 color:#3300ff;
 text-decoration:underline;
}



#jumpers {
position:absolute;
right:300px;
top:6px;
height:200px;
width:250px;
padding:5px;
}

#contact_top {
	

}

#photo {
	float:left;
	width:200px;
	margin-left:25px;
	margin-bottom:15px;
}

#content_links {
	font-size:110%;
	float:left;
	width:250px;
	margin-top:0px;
}
#content_links a {
text-decoration:none;
}
#content_links a:hover {
color:#000;
}
#content_links .selected {
color:#000;
font-weight:bold;
}

.contact_email_link {
text-decoration:none;
margin-left:10px;
}
.contact_email_link:hover {
text-decoration:none;
color:#000;
}

#content_bottom {
	clear:both;
}

/*---------------------------------Style Settings for Contact Us Page -----------------------------------------------------------------*/

#contact_us {
	margin-top:0px;
	height:500px;
	width:900px;
}

#contact_claire, #contact_mike, #contact_micah, #contact_brett  {
	float:left;
	width:220px;
}

p.contact_agents {
	font-family:Arial, Helvetica, sans-serif;

}

h1.contact_agents {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;

}
