/*
== reset
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
ul, ol {list-style-position: outside;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/*
== typography
*/
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #464646;
}
.textblock p, .textblock ul.first-child {
  margin-top:14px;
}
.textblock ul.first-child li {
  margin-bottom:8px;
}
a {
  text-decoration:none;
  outline:none;
  color:#0054a6;
}
a:hover { text-decoration:underline; }

.attribute {
  font-size:10px;
  color:#a0a0a0;
}
strong { font-weight:bold; }

dt { font-weight:bold; }
dd { margin-left:1em; margin-bottom:18px; }
em { font-style:italic; }

/*
== layout
props to ljworld for inspiration
*/
.block {
  position:relative;
  width:905px;
  margin:0 auto;
}
.clear:after,
.container:after,
.block:after { 
  content:  ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear,
.container,
.block {
  zoom: 1; /* IE fix */
}

/*
== mapping
*/

body {
  background: #eee url(/images/leaves-bg-lw.jpg) repeat fixed top left;
}
html, body, #wrapper { height:100%; overflow:hidden; }
#wrapper {
  margin:0 auto;
/*  max-width:1000px;*/
/*  min-width:815px;*/
  width:854px;
  position:relative;
}
#header {
  height:100px;
  width:850px;
  border-left:2px solid #a52733;
  border-right:2px solid #a52733;
}
#inner-header {
/*  margin:0 18px;*/
  background-color:white;
  height:100px;
  text-align: center;
}
#footer {
  height:50px;
  width:850px;
  background-color:#fff;
  position:absolute;
  bottom:0;
  border-left:2px solid #a52733;
  border-right:2px solid #a52733;
  opacity: 0.82;
  -moz-opacity: 0.82;
  filter:alpha(opacity=82);
}
#footer-images {
  float:right;
  padding:4px 20px 0 0;
}
#footer-images img { padding-left:16px; }
#footer-copy {
  float:left;
  padding:0 0 0 20px;
  line-height:50px;
}
#main {
  position:absolute;
  top:100px;
  bottom:50px;
  left:0; right:0;
  z-index: 5;
  border:2px solid #a52733;
}
#main-simple {
  position:absolute;
  top:100px;
  bottom:50px;
  width:818px;
  z-index: 5;
  border:2px solid #a52733;
  padding:16px;
  overflow:auto;
  background-color:white;
}
* html .meet-bk #main-simple { /* ugh */
  bottom:35px;
}
body.admin #header { display:none; }
body.admin #main { top:4px; }
#map {
  /* this layout breaks height:100% in ie7. go ie. go go ie. */
  position:absolute;
  top:35px; bottom:0; left:0; right:0;
  background-color:#fff;
}
#map div#mapload {
  padding-top:85px;
  text-align:center;
}
body.admin #map { top:35px; }
#search-bar {
  position:absolute;
  top:0;
  height:33px;
  border-bottom:2px solid #444;
  left:0; right:0;
  background-color:#a52733;
}
#search-bar form.search {
  display: block;
  height:20px;
  margin:5px 12px 0;
  color:#eee;
}
#search-bar form.select {
  float:right;
  height:20px;
  margin:5px 12px 0;
  color:#eee;
}
#search-bar form.select select { width:200px; }
#search-bar label { font-size:16px; height:20px; line-height:18px; padding-right:6px; }
#search-bar input.text {
  font-size:16px;
  line-height:18px;
  height:18px;
  padding:1px;
  margin-right:6px;
  border:0;
  width:225px;
}
#search-bar input.submit {
  height:20px;
}
#layers {
  position:absolute;
  left:0;
  top:35px;
  background-color:#363636;
  width:225px;
  z-index: 5;
  opacity: 0.95;
  -moz-opacity: 0.95;
  filter:alpha(opacity=95);
}
#layers ul {
  color:#ddd;
  margin:6px 10px 6px;
}
#layers li { line-height:14px; position:relative; margin:2px 0; }
#layers li img { vertical-align: bottom; float:right; }
* html #layers li {
  display:block;
/*  width:100%;*/
}
* html #layers li img {
/*  padding-top:4px;*/
/*  display:inline;*/
}
#layers li form {
  display:inline;
}
body.admin #layers li label { cursor: text; }
#layers li label, #layers li form input {
  width:145px;
  padding:1px;
  border:0;
}
#layers li form input {
  color:black;
  background-color:white;
}
#layers li.layer-description, #layers p {
  font-size:10px;
  line-height:11px;
  color:#ccc;
  margin:0 6px 9px;
}
#layers p {
  margin:4px 16px 9px;
}
#layers p a {
  font-weight:bold; color:#ccc; text-decoration:underline;
}
#layers p strong { font-size:13px; font-weight:bold; line-height:14px; }
#about-contact-links {
  position:absolute;
  top:35px;
  left:225px; right:0;
  height:25px;
  text-align: right;
  background-color:#363636;
  opacity: 0.95;
  -moz-opacity: 0.95;
  filter:alpha(opacity=95);
}
#about-contact-links a, #about-contact-links span {
  color:#eee;
  line-height:23px;
  padding:0 1em;
}

body.admin #layers li label:hover { background-color:yellow; color:black; }
.sorthelper { background-color:red; }
.sortableactive, .sortablehover { z-index: 6000; }
a.delete-layer {
  position:absolute;
  left:-4px;
}

/*
== popups
*/
#error-message, #success-message {
  position:absolute;
  top:0; bottom:0; left:0; right:0;
  z-index:5000;
}
#error-message {
  opacity: 0.92;
  -moz-opacity: 0.92;
  filter:alpha(opacity=92);
}
#error-message-display, #success-message-display {
  margin:0 auto;
  background:white;
  padding:1em;
  width:400px;
  margin-top:200px;
  text-align:center;
  border:3px solid red;
}
#error-message p, #success-message p {
  margin:0.75em 0;
  font-weight:bold;
  font-size:110%;
}
#success-message {
  opacity: 0.98;
  -moz-opacity: 0.98;
  filter:alpha(opacity=98);
}
#success-message-display {
  border:3px solid #a52733;
}
#success-message h1 { font-size:16px; text-align: center; margin-bottom:6px; }

/*
== errors, etc
*/
#javascript-message {
  position:absolute;
  font-size:125%;
  background-color:red;
  color:white;
  font-weight:bold;
  text-align:center;
  margin:1em;
  padding:1em;
  z-index: 5000;
}
#admin-notice, #admin-instructions {
  position:absolute;
  border:2px solid red;
  background-color:white;
}
#admin-notice {
  width:300px;
  bottom:7px;
  height:30px;
  left:18px;
}
#admin-instructions {
  width:200px;
  left:50%;
  margin-left:-100px;
  top:50%;
  margin-top:-100px;
  padding:8px;
}
#search-bar a.toggle-target-div { float:right; font-size:14px; line-height:35px; margin-right:12px; color: #5aa4ef; }
#admin-notice p { text-align:center; margin-top:8px; }
#admin-instructions p { margin:4px 0;}

/*
== map info overlays
*/
.info-window p { width:280px; }
.info-window-title {
  font-size: 18px;
  font-weight: bold;
  font-family: 'trebuchet ms', sans-serif;
  color: #600d0a;
  padding-bottom:1em;
}
.info-window-clickhere {
  margin-top: 5px;
  text-align: center;
}
.info-window-pic {
  margin: 8px 0;
  border: 1px solid #7f2a2a;
}
.info-window-link {
  cursor: hand;
}
.info-window-layer {
  font-size: 15px;
  font-family: 'trebuchet ms', sans-serif;
  color: #444;
}
.info-window-office {
  font-size: 12px;
  color: #444;
  text-align: center;
  font-family: "times new roman", serif;
}

.listing-form dt {
  margin:4px 0 0; padding:0;
}
.listing-form dd {
  margin:4px 0 0; padding:0;
}
.listing-form input.text {
  color:black;
  font-size:14px;
  line-height:14px;
  height:14px;
}
.listing-form input.full, .listing-form textarea {
  width:450px;
}
.listing-form input.save {
  color:green;
}
.listing-form input.delete {
  color:red;
}

.textbox h1 {
/*  font-weight:bold;*/
  text-align:center;
/*  font-size:16px;*/
  margin-bottom:6px;
  color:#a42832;
  font-size:20px;
  line-height:24px;
}
.textbox h2 {
  color:#a42832;
  font-size:20px;
  line-height:24px;
  margin-bottom:-12px;
}
.textbox p {
  margin:12px 0;
}
.textbox p span.drop-cap {
  float:left;
  font-size:350%;
  line-height:1;
  color:#a42832;
  padding-right:0.15em;
}

#FormTable td { padding:4px; }
.contact-form p { margin:0; padding:0; }

.image-box {
  width:413px;
/*  border:2px solid #464646;*/
  margin:16px 0;
  padding:4px;
}
.image-box img {
  border:2px solid #464646;
}
.image-box p {
  text-align:center;
  font-style:italic;
  padding:0.25em 0;
  font-size:1.2em;
}


/*
== TB
*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/* featured listings */
.listing_summary {
  width: 573px;
  background: white;
  margin: 25px auto 0;
  border: 1px solid #7f7f7f;
}
.listing_summary .click_hint {
  background: url(/images/property_banner.png) no-repeat -1px 0;
  height: 27px;
  margin:0;padding:15px 0 0 235px;
}

.listing_summary .pic {
  float: left;
  margin: 10px 0 0 15px;
  /* IE fix */
  display: inline;
}
.listing_summary .pic img {
  padding: 1px;
  border: 1px solid #bfbfbf;
  margin-right:10px;
}
.listing_summary .info-block {
  margin-left: 235px;
}
.info-block p {
  font-weight: bold;
  text-align: center;
}
.info-block .details {
  padding: 0 10px;
  margin: 10px 0;
}
.info-block .details p {
  font-weight:normal;
  text-align:left;
}
.listing_summary .contact {
  margin-left: 235px;
  margin-top: 10px;
  padding-top: 10px;
  margin-bottom: -5px;
  border-top: 1px dashed #bfbfbf;
}

.courtesy {
  width: 190px;
  margin: 5px 0;
  font-size: 10px;
  color: #333;
}

/* listing page */
.textbox dl strong {
  font-weight:normal;
  color:#a42832;
}

#listing-slideshow {
  float:right;
  margin:0 0 16px 16px;
  height:390px;
  width:415px;
}
#listing-slideshow img {
  border:2px solid #464646;
}
#listing-slideshow-thumbs img {
  margin:0 3px;
  border:1px solid #464646;
}
