/* meyer reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end meyer reset */

body, select, input, textarea {
font: .8em/1.5 "lucida sans", verdana, arial, helvetica, sans-serif;
}


body  {
	text-align: center; 
	color: #666633;
}



#header-long {
text-align: center;
background: url(img/bground.gif) repeat-x;
}

#header-contain { 
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
background:#87914a url(img/banner.jpg) no-repeat;
height:120px; 
width: 960px;
overflow:auto;
}

#header-contain-mls { 
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
width: 960px;
overflow:auto;
}
#header-long-mls {
text-align: center;
background: #87914a;
}

#header {
text-align:left;
float:left;
width:573px;
} 

#header h1 {
margin: 0; 
}

#slideshow {
float:right;
text-align:left;
width:387px;
height:297px;

	margin-left: 8px;
	background-color:#FFFFFF;
border:1px solid #cccccc;
padding:3px;

}



#main-long {
text-align: center;

background: url(img/main-long-bground.gif) repeat-x #dfe1a5;
}

#main-contain {
margin:0 auto;
width: 960px;
text-align:left;
overflow:auto;
background:#FFF;
border-right:1px solid #87914a;
border-left:1px solid #87914a;

}



#sidebar {
float: left;
width: 136px;
padding-left:0px;
}

#main { 
margin: 0px 0px 0 136px;
/*margin: 45px 110px 0 250px;*/
padding: 20px 20px 10px 25px; 
background:#FFF url(img/main-bground-grad.jpg) repeat-x;
} 
#main-buying { 	
margin: 0px 0px 0 136px;
padding-left:0px;
 }

#info {
padding:20px 20px 0 50px;
}


#logo {
padding:30px 110px 20px 0;
background:#FFF;
text-align:right;
}


#foot-longbar { 	 
border-top:solid 1px #494e26; 	
background:url(img/footer.gif) repeat-x #87914a;
} 

#footer { 
width:960px;
margin: 0 auto;
padding-right:20px;
text-align:right; 
background:url(img/footer.gif) repeat-x #87914a;

overflow:auto;
color:#000;
font-size:.75em;
}


#footer p {
margin: 0; /* zero margin of first element*/
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* clear floats so elements fully contain float. Or use overflow:auto; */
clear: both;
height: 0;
line-height: 0;
font-size: 0px; 

}


.imgfltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	background-color:#FFFFFF;
border:1px solid #cccccc;
padding:3px;
}
.imgfltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 30px;
		background-color:#FFFFFF;
border:1px solid #cccccc;
padding:3px;

}

.imgfltreg { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
	margin-top:5px;
		background-color:#FFFFFF;
border:1px solid #cccccc;
padding:3px;

}


/*body copy */
.bodycopy {
margin:0 0 .8em 0;
}


ul.regularlist {
padding:20px;
list-style-type:disc;
list-style-position:outside;
}

.regularlist li {
padding-bottom:20px;
}

h2 {
font-size:1.15em;
font-weight:bold;
margin-bottom:10px;
}

h2.nobreak {
margin-bottom:auto;
}

h1 {
font-size:1.5em;
font-weight:bold;
}


strong {font-weight: bold; }
em {font-style:italic;}


a, a:visited {
color:#666633;
}

a:hover, a:active {
color: #87914a;
}


a.mlsLink, a:visited.mlsLink {
color:#F2F4E0;
}

a:hover.mlsLink, a:active.mlsLink {
color:#494e26;
}
/*navigation*/

ul#nav {
text-indent:-9999px;
background: url(img/navigation.gif);
}

#nav li a {background-image:url(img/navigation.gif);
background-repeat:no-repeat;
display: block;
width:136px;
height:42px;
cursor:pointer;
}

#nav li a:hover {cursor: pointer;}

#nav li a.home {background-position:0px 0px}
#nav li a:hover.home {background-position:-136px 0px}
#nav li.current a.home {background-position:-136px 0px}

#nav li a.featured {background-position:0px -42px;}
#nav li a:hover.featured {background-position:-136px -42px;}
#nav li.current a.featured {background-position:-136px -42px;}

#nav li a.blog {background-position:0px -84px;}
#nav li a:hover.blog {background-position:-136px -84px;}
#nav li.current a.blog {background-position:-136px -84px;}


#nav li a.mls {background-position:0px -126px;}
#nav li a:hover.mls {background-position:-136px -126px;}
#nav li.current a.mls {background-position:-136px -126px;}


#nav li a.about {background-position:0px -168px;}
#nav li a:hover.about {background-position:-136px -168px;}
#nav li.current a.about {background-position:-136px -168px;}


#nav li a.buying {background-position:0px -210px;}
#nav li a:hover.buying {background-position:-136px -210px;}
#nav li.current a.buying {background-position:-136px -210px;}


#nav li a.relocating {background-position:0px -252px;}
#nav li a:hover.relocating {background-position:-136px -252px;}
#nav li.current a.relocating {background-position:-136px -252px;}


#nav li a.towns {background-position:0px -294px;}
#nav li a:hover.towns {background-position:-136px -294px;}
#nav li.current a.towns {background-position:-136px -294px;}



#nav li a.schools {background-position:0px -336px;}
#nav li a:hover.schools {background-position:-136px -336px;}
#nav li.current a.schools {background-position:-136px -336px;}


#nav li a.golf {background-position:0px -378px;}
#nav li a:hover.golf {background-position:-136px -378px;}
#nav li.current a.golf {background-position:-136px -378px;}

#nav li a.links {background-position:0px -420px;}
#nav li a:hover.links {background-position:-136px -420px;}
#nav li.current a.links {background-position:-136px -420px;}

#nav li a.contact {background-position:0px -462px;}
#nav li a:hover.contact {background-position:-136px -462px;}
#nav li.current a.contact {background-position:-136px -462px;}





/* horizontal "buying and selling" drop down */

#nav-container{
overflow:auto;
background:#F2F4E0;
	padding: 0 0 8px 50px;

}

#nav2, #nav2 ul {
padding: 0;
	margin: 0;
	list-style: none;
	text-align:left;
	line-height:1.25;
}


#nav2 li a:hover {cursor: pointer;}

#nav2 a, #nav2 a:visited {
	display: block;
	text-decoration:none;
		color:#006600;
	padding-top:10px;
	width:100px;
}





#nav2 li {
	float: left;
width:100px;
padding-right:25px;
}


#nav2 li a:hover, #nav2 li a:active {
	color:#8e7e65;
background:url(img/nav2.jpg) repeat-x;
}



#nav2 li ul {padding:0 3px 0 3px; }


#nav2 li ul li a, #nav2 li ul li a:visited {
	text-decoration:none;
}

#nav2 li ul li a:hover{ cursor:pointer; }

#nav2 li ul li a:hover, #nav2 li ul li a:active{
/*change hover for nested menus*/
background-image:none;

}




#nav2 li ul {
	position: absolute;
	width: 125px;
	left: -999em;
background:#F2F4E0; /*set entire background of nested menu*/

}

#nav li:hover ul {
	left: auto;
}

#nav2 li ul li {  border-top:1px solid #669966;}




#nav2 li:hover ul, #nav2 li.sfhover ul {
	left: auto;
}


#nav2 li ul li a:hover {
	color:#8e7e65;

}

.nabeMenu {
float:left;
width:150px;
background-color:#FFF;
}

#towns li
{
display: inline;
list-style-type: none;
padding:0 30px 0 0px;
font-weight:bold;
}




#towns li.current a
{

text-decoration:none;

}



.linklist li {
list-style-type:disc;
list-style-position:inside;
}



label {
display:block;
float:left;
margin:0;
padding:5px 30px 0 0;
text-align:right;
width:120px;
}

div.formfield {
float:left;
margin:0;
padding:0;
position:relative;
width:631px;
}

div.formfield div.input {
border-left:1px solid #ccc;
float:right;
margin:0 0 15px;
padding:0 0 0 30px;
width:450px;
}

/*clickable header */
h1.homelink a {
display:block;
float:left;
height:100px;
margin-top:150px;
text-indent:-9999px;
width:500px;
}

.small-tracking {
letter-spacing:-.03em;
}



.testimonials {
border:none;
border: 1px solid #666633;
color:#666633;
height:1px;
margin-top:20px;
}

#testimonials {
width:50%;
padding-left:150px;
}


/* footer navigation */

#footernav {

font-size:.75em;

}

#footernav ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#footernav ul li { display: inline; }

#footernav ul li a 
{
padding-left:8px;

}

#footernav ul li a:hover,  #footernav ul li a:active
{
color:#FFFFFF;
}


