@charset "utf-8";
/* CSS Document */

body {
	font-family: arial;
	background: url(images/body-bg.jpg) top left repeat-x;
	color: #333333;
	height: 100%;
}

h3 {
	font-size: 108%;
}
p {
	font-size: 85%;
	line-height: 16px;
}
.small-text {font-size: 77%;}
.text-span {
	font-size: 77%;
	display: inline;
}
.blue-underline {
	color: #0065bd;
	text-decoration: underline;
}
.blue-bold {
	color: #0065bd;
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}
.caret-link {
	float: right;
	padding-top: 1em;
}
.right-align {text-align: right;}
a:link {
	color: #0065bd;
}

#doc4 {
	background: url(images/content-bg.png) top left repeat-y;
	_background-image:url(images/content-bg.gif);
	height: 100%;
}

#content {
	padding: 0 9px 0 6px;
	_padding: 0 10px 0 6px;
}
.smartsearch #content {
	background: url(images/smarsearch-bg.jpg) 6px 80px no-repeat;
}
#home-nav {
	float:left;
	width: 120px;
}
#home-nav p, #home-nav h3, #home-nav img.fine-homes {
	padding-left: 10px;
}
#home-content {
	float: right;
	width: 839px;
}
#home-graphic {
	width: 839px;
	height: 473px;
	text-align: right;
	background: url(images/home-image-1.jpg) top left no-repeat;
}
#site-search div.row {
	padding-top: 10px;
}
#site-search label {
	font-size: 85%;
	padding-right: 5px;
}
#site-search input {
	font-size: 77%;
	padding-top: 3px;
	width: 127px;
	height: 13px;
}
#site-search input.go-button {
	width: 20px;
	height: 20px;
	float: right;
	padding: 10px 10px 0 5px;
}
#home-new {
	float: left;
	padding: 29px 0 0 38px;
	width: 310px;
}
.home-thumb {
	padding-right: 9px;
	padding-bottom: 10px;
	float:left;
	width: 94px;
	height: 70px;
	text-align: center;
}

#home-search {
	float: right;
	padding: 29px 10px 0 0;
	width: 450px;
}

.title-image {
	padding-bottom: 15px;
	padding-right: 10px;
	vertical-align: top;
}
.rss-link-info {
	display: inline;
	vertical-align: top;
}

.rss-button {
	padding-top: 5px;
	padding-right: 5px;
	vertical-align: text-bottom;
}
#home-mls-search select{
	font-size: 77%;
	width: 203px;
}
#home-mls-search input {
	font-size: 77%;
	width: 200px;
}
#home-mls-search label {
	float: left;
	font-size: 77%;
	padding-top: 3px;
	width: 100px;
}
#home-mls-search input.small-input {
	width: 89px;
}
#home-mls-search input.find-button {
	width: 54px;
	vertical-align:top;
	padding-right: 20px;
}
.row {
	padding-bottom: 5px;
}
#home-open-houses {
	float: right;
	padding: 29px 10px 0 0;
	width: 450px;
}
#home-open-houses div.open-house {
	padding-bottom: 15px;
	font-size: 77%;
}
#home-open-houses div.address {
	float:left;
}
#home-open-houses div.price {
	float: right;
	color: #0065bd;
}
#hd {
	height: 140px;
}
#hd img.logo {
	float: left;
}
#hd #subnavtop {
	float:right;
	width: 839px;
	height: 67px;
	text-align: right;
	background: url(images/sub-nav_01.jpg) top left no-repeat;
}

#bd #maincontent {
	padding-left: 142px;
}
#featured-listing {
	width: 789px;
	height: 227px;
	background: transparent url(images/featured-listing-bg.jpg) top right no-repeat;
	overflow: hidden;
	padding-bottom: 20px;
}
#featured-listing-pic {
	float:left;
	width: 177px;
	height: 228px;
	overflow: hidden;
}
#featured-listing-desc {
	float:left;
	width: 310px;
	padding: 62px 0 0 20px;
}
#featured-listing-desc h2, #featured-listing-agent h2 {
	font-size: 116%;
	padding-bottom: 10px;
}
#featured-listing-agent {
	float: right;
	width: 220px;
	padding: 62px 25px 0 0;
}
#featured-listing-agent h1 {
	font-size: 116%;
	font-weight: bold;
}
#featured-listing-agent img {
	float:right;
	padding: 5px 0 0 5px;
}
#listing-table table {
	border-collapse: collapse;
	width: 789px;
	color: #333;
}
#listing-table table thead {
	font-size: 70%;
	background-color: #ede8e3;
	vertical-align: bottom;
}
#listing-table table thead th {padding: 3px 0 3px 0;}
#lt-thumb{width: 110px;}
#lt-area {width: 125px;}
#lt-address {width: 165px;}
#lt-rooms {width: 115px;}
#lt-open {width: 150px;}
#lt-price {width: 80px;}
#lt-select {width: 40px;}
#listing-table table td {
	font-size: 93%;
	vertical-align: top;
	padding-top: 7px;
	padding-bottom: 7px;
}
#listing-table table td.lt-select, #listing-table table th.lt-select{text-align:center;}
#listing-table table tr{height: 40px;}
#listing-table table thead tr{ height: 20px;}
#listing-table table tr.subhead{height: 10px;}
#listing-table table tr.alternate{background-color: #fcfbfa;}
table tfoot td {text-align: right;}
table tfoot a {padding-left: 10px;}
table tfoot img { vertical-align: middle;}
table tfoot .pagenums {padding-left: 30px;}
#mls-search, #left-side-content {
	float: left;
	width: 450px;

}
#mls-search-form {
	padding-top: 90px;
	padding-bottom: 30px;
	font-size: 77%;
}
#mls-search-form-thankyou {
	padding-top: 90px;
	padding-bottom: 500px;
}
#mls-search-form-thankyou h2 {
	font-size: 123.1%;
	padding-bottom: 15px;
}
#mls-search-form div.radio-group {
	float: left;
	width: 175px;
}
#mls-search-form div.radio-group label {
	vertical-align: top;
	padding-left: 10px;
}
#mls-search-form div.radio-group div {
	height: 25px;
}
#mls-search-form div.text-input-group {width: 250px; float:right; margin-top: -5px; line-height: 1.9em;}
#mls-search-form div.text-input-group div.streetnum{width:60px; float:left;}
#mls-search-form div.text-input-group div.streetnum input{width:50px;}
#mls-search-form div.text-input-group div.streetname{
	width:40px;
	display: inline;
}
#mls-search-form div.text-input-group div.streetname input{width:150px;}
#mls-search-form div.text-input-group div.area {padding-top: 13px;}
#mls-search-form div.text-input-group div.area select {width: 215px;}
#mls-search-form div.text-input-group div.price {padding-top: 13px;}
#mls-search-form div.text-input-group div.price input {width: 102px;}
#mls-search-form div.text-input-group div.rooms {padding-top: 13px; float: left; width: 110px;}
#mls-search-form div.text-input-group div.rooms select {width: 80px;}
#mls-search-form div.text-input-group div.count {padding-top: 13px;}
#mls-search-form div.text-input-group div.count select {width: 215px;}
#mls-search-form div.text-input-group div.buttons { padding-top: 15px;}
.mls-reset {background: #333 url(images/mls-reset-btn.gif) no-repeat; width: 87px; height: 20px; outline: none; border: 0;}
.mls-submit {background: #333 url(images/mls-submit-btn.gif) no-repeat; width: 87px; height: 20px; outline: none; border: 0;}

#mls-search-results table {
	border-collapse: collapse;
	width: 100%;
	color: #333;
}
#mls-search-results table td {vertical-align:top;}
#mls-search-results table thead {
	font-size: 77%;
	font-weight: bold;
	background-color: #ede8e3;
	vertical-align: bottom;
}
#mls-search-results table thead th {padding: 3px 0 3px 3px;}
#mls-thumb{width: 110px;}
#mls-select {width: 40px;}
#mls-search-results table td.lt-select, #mls-search-results table th.lt-select{text-align:center;}
#mls-search-results table td {padding-bottom: 5px; padding-top: 5px;}
#mls-search-results table tr.subhead td{height: 10px; padding:0;}
#mls-search-results table tr.alternate {background-color: #fcfbfa;}
#search-contact, #right-side-content, .left-dotted-col {
	width: 325px;
	float: right;
	padding-right: 35px;
	background-image: url(images/dotted-vertical.gif);
	background-repeat: repeat-y;
}
#search-contact-form{
	padding: 0 0 0 30px;
}
#search-contact-form p { padding: 10px 0 10px 0;}
#search-contact-form label.form-section { font-size: 85%;font-weight: bold; display:block; padding: 10px 0 5px 0;}
#search-contact-form label.radio-label {vertical-align: top;}
#search-contact-form label, #search-contact-form select, #search-contact-form input{font-size: 77%;};
#search-contact-form table {width: 175px;}
#search-contact-form table tr { height: 20px; }
#search-contact-form td { width: 20px; text-align: center; }
#search-contact-form td.item { text-align: left; width: 120px; }
#search-contact-form input.contact-input { width: 200px;}
#search-contact-form label.contact-label { float: left; width: 75px; padding-right: 5px; }
#listing-header {
	width: 790px;
	height: 280px;
	background-image: url(images/listing-header-bg.gif);
	background-repeat: no-repeat;
}
#listing-large-pic {
	width: 400px;
	height: 250px;
	float: left;
	overflow: hidden;
	padding-right: 5px;
	padding-bottom: 5px;

}
#listing-pic-crop {
	width: 394px;
	height: 250px;
	overflow: hidden;
	text-align: center;
}
#picture-flippers {
	width: 150px;
	height: 20px;
	float: right;
	text-align: right;
	font-size: 77%;
	padding-right: 5px;
}
#picture-flippers img {
	vertical-align: middle;
}
#flipper-text {
	display: inline;
	padding: 0 10px 0 10px;
}
#listing-header-right {
}
#listing-header-right h2 {
	font-size: 138.5%;
	font-weight: bold;
	text-align: right;
	height: 42px;
	padding: 15px 65px 22px 0;
	line-height: 1em;
}
#listing-pics-frame {
	position: relative;
	height: 170px;
	overflow: hidden;
	width: 382px;
	padding-bottom: 5px;
}
#listing-pics {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 170px;
	width: 384px;
}
.listing-pic {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	width:120px;
	height:80px;
	overflow: hidden;
	text-align: center;
}
#sub-large-pic {width: 400px; float: left; padding-right: 5px;}
#sliderbg {
	width: 188px;
	background-image: url(images/slider-bar-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 1px;
	float: right;
	margin-right: 5px;
	padding-top: 1px; 
}
.slider-arrow {
	vertical-align: middle;
}
#listing-brief-bg {
	background-color: #ede8e3;
	padding: 5px 0 0 0;
	margin-bottom: 10px;
	width: 790px;
}
#listing-brief-left {
	padding: 15px 0 15px 15px;
	width:225px;
	float:left;
}
#listing-brief-middle {
	padding: 15px 0 15px 0;
	width:225px;
	float:left;
}
#listing-brief-right {
	padding: 15px 15px 15px 0;
	width: 290px;
	float: right;
	text-align:right;
}
#listing-brief-right .listing-multi-agent {
	text-align: left;
	width: 135px;
	float: right;
	padding-bottom: 10px;
}
#listing-brief-right img {
	float: right;
	padding-left: 15px;
}
#listing-brief-bg h3 {
	font-size: 108%;
	font-weight: bold;
}
#listing-brief-bg p {
	padding-top: 15px;
}
#listing-brief-bg a.print-link {
	display: block;
	padding-left: 20px;
	background-image: url(images/printicon.gif);
	background-repeat: no-repeat;
}
#listing-desc {
	width: 528px;
	float: left;
	margin-right: 20px;
}
#listing-features {
	width: 243px;
	float: right;
	padding-bottom: 30px;
	margin-right: 25px;
}
#listing-calc {
	width: 243px;
	float: right;
	margin-right: 25px;
}
#listing-desc h3, #listing-features h3, #listing-calc h3, #agent-listings h2 {
	background-color: #ede8e3;
	padding: 2px 0 2px 5px;
	margin-bottom: 10px;
	font-size: 108%;
	font-weight: bold;
}
#listing-desc p, #listing-calc p {
	padding: 0 15px 15px 5px;
}
#listing-features ul {
	font-size: 85%;
	padding: 0 15px 15px 20px;
}
#listing-features ul li {
	list-style:disc;
}
#listing-calc label {
	float: left;
	width: 130px;
	text-align: right;
	font-size: 85%;
	font-weight: bold;
	padding-right: 15px;
}
#listing-calc select, #listing-calc input {
	font-size: 85%;
	width:75px;
	margin-top: -3px;
}
#listing-calc div {
	height: 25px;
}
#calcdwnpmt, #calcmortgage, #calctotal {
	font-size: 85%;
	color: #0065bd;
}
#calcerr { color: #FF0000; text-align: center; font-size: 85%;}
#finehomes-overview #page-title {
	padding-bottom: 20px;
}
#finehomes #page-title {float:left;}
.finehomes-overview #content {
	background-image: url(images/caret-xl.gif);
	background-repeat: no-repeat;
	background-position: 110px 205px;
}
#left-side-content p {
	padding-bottom: 20px;
	padding-right: 30px;
}
#right-side-content {
	background-position: 0px 106px;
}
#right-side-content h3 {color: #0065bd; font-weight:bold; padding: 20px 0 20px 30px;}
#right-side-content h4 {color: #0065bd; font-size: 85%; font-weight:bold; padding: 0 0 0 30px;}
#right-side-content p { padding: 0 0 20px 30px;}
#right-side-content p.caret { text-indent: -10px; padding-left: 40px;}
.finehome-logo{margin-top: -3px; padding: 0 0 15px 15px;}
.agent-otw-frame {
	float: right;
	background-image:url(images/agent-otw-bg.jpg);
	background-repeat:no-repeat;
	width: 300px;
	height: 303px;
	overflow: hidden;
	padding-right: 30px;
	margin-left: 30px;
}
.agent-otw-nbg {
	background: none;
}
.agent-otw {
	padding: 65px 15px 15px 15px; 
	font-size: 125%;
}
.agent-otw img {float: right;}
.agent-otw h3 {font-weight: bold;}
.agent-otw p {padding-top: 10px; line-height: 1.4;}
.find-agent-btn {float: right; padding: 0 0 20px 20px;}
.agent-search img { vertical-align:top;}
.agent-search input {margin: 1px 3px 0 10px;}
#agents-table {padding: 20px 30px 0 0;}
#agents-table table {
	border-collapse: collapse;
	width: 100%;
	color: #333;
}
#agent-thumb {width: 80px;}
#agents-table table thead {
	font-size: 77%;
	font-weight: bold;
	background-color: #ede8e3;
	vertical-align: bottom;
}
#agents-table table td {vertical-align:top; padding-bottom: 7px; padding-top: 7px; font-size: 85%;}
#agents-table table thead th {padding: 3px 0 3px 3px;}
#agents-table table td.lt-select, #mls-search-results table th.lt-select{text-align:center;}
#agents-table table tr.subhead td{height: 10px; padding:0;}
#agents-table table tr.alternate {background-color: #fcfbfa;}
.pagenums a {padding: 0 3px 0 3px;}
#left-content2 {
	width: 555px;
	float: left;
	padding-right: 40px;
}
#left-content2 h1 {
	font-size: 182%;
	font-weight: bold;
	display: inline;
}
#left-content2 .finehome-logo {
	vertical-align: top;
}
#left-content2 h3 {
	color: #0065bd;
	font-size: 85%;
	font-weight: bold;
	padding-top: 15px;
}
#agent-listings {
	width: 265px;
	float: left;
	padding-right: 10px;
	padding-top: 40px;
}
.agent-listing {
	padding: 0 10px 20px 10px;
}
.agent-listing .right-align {
	float: right;
	font-size: 85%;
}
.agent-listing a {
	font-size: 85%;
}
#right-content2 {
	width: 142px;
	float: left;
	padding-top: 50px;
}
#right-content2 .agent-pic{padding-bottom: 15px;}
.email, .telephone, .fax, .website {
	display: block;
	font-size: 85%;
	background-image: url(images/email-icon.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 20px;
	padding-bottom: 4px;
}
.telephone {
	background-image: url(images/telephone-icon.gif);
}
.fax {
	background-image: url(images/fax-icon.gif);
}
.website {
	background: none;
	padding-left: 0;
}
.quote {padding: 15px 0 25px 0;}
.quote .quote-open {
	float: left;
	padding-right: 4px;
}
.quote p {padding-top: 4px; text-indent: 4px; font-size: 85%;}
.quote ol li {list-style: decimal; margin-left: 17px; line-height: 1.5; text-indent: 0;}
.quote ul li {list-style: disc; margin-left: 13px; line-height: 1.5; text-align: 0;}
.quote .quote-close {
	float: right;
	margin-top: -14px;
}
.quote .quote-by { font-size: 85%; font-weight: bold; padding: 15px 0 0 0; display: block;}
.quote .quote-by-desc { font-size: 85%; font-style: italic; }
#services #page-title, #about #page-title, #careers #page-title { padding-top: 30px; }
#services #left-side-content, #about #left-side-content {padding-top: 20px; }
#services #left-side-content h2, #about #left-side-content h2, #careers #left-side-content h2 { font-size: 123.1%; padding-bottom: 15px; }
#services #right-side-content, #about #right-side-content {margin-top: -8px; }
#services #right-side-content .right-side-header, #about #right-side-content .right-side-header, #careers #right-side-content .right-side-header { padding-bottom: 20px; }
#services #right-side-content p, #services #right-side-content h4, #about #right-side-content p, #about #right-side-content h4 { padding-right: 30px; }
#services #left-side-content ul { font-size: 85%; padding: 0 0 20px 15px; width: 75%;}
#services #left-side-content ul li { list-style: disc; padding-top: 5px;}
#services #transferee-form label { width: 150px; float:left; font-size: 85%; font-weight: bold; margin-top: 3px;}
#services #transferee-form input { font-size: 85%; width: 250px; margin-bottom: 10px;}
#services #transferee-form label.long-label { width: 250px; }
#services #transferee-form label.short-label { width: 35px; padding-left: 11px; }
#services #transferee-form input.short-input { width: 50px; float: left;}
#services #transferee-form div.buttons { text-align: right; padding-right: 40px; }
#services #transferee-form .mls-reset {background: #333 url(images/mls-reset-btn.gif) no-repeat; width: 87px; height: 20px; outline: none; border: 0;}
#services #transferee-form .mls-submit {background: #333 url(images/mls-submit-btn.gif) no-repeat; width: 87px; height: 20px; outline: none; border: 0;}
#about #full-width-content { padding-right: 40px; }
#careers #right-side-content { margin-top: 30px; }
.management-profile { padding-top: 15px; }
.management-profile img { float: left; padding-right: 15px;}
.caret-bg #content {
	background-image: url(images/caret-xl.gif);
	background-repeat: no-repeat;
	background-position: 110px 384px;
}
#careers.caret-bg #content {
	background-position: 110px 205px;
}
#careers.careers-benefits #content {
	background-position: 110px 235px;
}
.left-dotted-col { float: none; width: 100%; }
.left-dotted-col img { padding-bottom: 20px; }
.left-dotted-col p { padding-left: 30px; }
#career-contact { padding-left: 30px; }
#career-contact label { font-size: 85%; color: #0065bd; font-weight: bold; width: 150px; float: left; margin-top: 3px;}
#career-contact input { font-size: 85%; width: 225px; margin-bottom: 10px; }
#career-contact textarea { font-size: 85%; width: 225px; height: 115px; margin-bottom: 10px; }
#career-contact div.buttons { text-align: right; padding-right: 40px; }
#career-contact .mls-reset {background: #333 url(images/mls-reset-btn.gif) no-repeat; width: 87px; height: 20px; outline: none; border: 0;}
#career-contact .mls-submit {background: #333 url(images/mls-submit-btn.gif) no-repeat; width: 87px; height: 20px; outline: none; border: 0;}
#careers #right-side-content p { padding-right: 30px; }
#careers .careers-testimonial-pic { float: right; padding: 22px 30px 0 10px;}
#careers .quote { padding-left: 30px; padding-right: 30px;}
#careers .quote p, #careers .quote ol { padding: 4px 0; }
#careers .quote ol, #careers .quote ul { font-size: 85% };
#careers #advertising-image { float: left; padding-right: 20px; margin-left: -68px;}
.image-right-with-caption {float: right; text-align: center; padding: 0 0 0 20px;}
.image-right-with-caption .italic {display: block; font-size: 85%;}
.ten-reasons {padding: 0 30px 0 20px; }
.ten-reasons img {float: left; padding: 0 10px 40px 0;}
#left-content3 {width: 350px; float: left; padding-top: 30px;}
#left-content3 p, #right-content3 p { padding-bottom: 20px; }
#left-content3 h2 {font-size:123.1%; padding-bottom:15px; }
#general-contact label { font-size: 85%; font-weight: bold; width: 90px; float: left; margin-top: 3px; }
#general-contact input { font-size: 85%; width: 250px; margin-bottom: 10px; }
#general-contact textarea { font-size: 85%; width: 250px; height: 190px; margin-bottom: 10px;}
#general-contact div.buttons { text-align: right; }
#general-contact .mls-reset {background: #333 url(images/mls-reset-btn.gif) no-repeat; width: 87px; height: 20px; outline: none; border: 0;}
#general-contact .mls-submit {background: #333 url(images/mls-submit-btn.gif) no-repeat; width: 87px; height: 20px; outline: none; border: 0;}
#right-content3 { width: 350px; float: left; padding: 30px 0 0 50px;}

.agent-text ol li {list-style: decimal; font-size:85%; line-height: 1.5; margin-left: 15px;}
.agent-text ul li {list-style: disc; font-size:85%; line-height: 1.5; margin-left: 15px;}

#ft {
	font-family: arial;
	font-size: 70%;
	padding: 50px 0 20px 30px;
}
#large-pics-holder {
	display: none;
}
.clear {
	clear: both;
}