/*** GENERAL STYLES ***/

body {background: #817d5b url(../images/bkg.gif) center top; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 13px; color: #5a5a5a;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 19px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #5a5a5a;}
a:hover {color: #ff8106;}

.hide {display: none;}
.alert {color: #d00;}
.small {font-size: 11px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 40px 30px 0;}
.imgright {float: right; margin: 0 0 30px 40px;}
div.imgborder {border: 1px solid #e8e6d8; background: #fff;}
div.imgborder img, img.imgborder {border: 5px solid #fff;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #e5e4d4; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}

.printitem {display: none;}


/*** TOP STYLES ***/

#outer {position: relative; width: 890px; margin: 0 auto; text-align: left; background: url(../images/outer.png); padding: 97px 22px 0 22px;}

#printlogo {position: absolute; left: 22px; top: 15px;}
#logo {position: absolute; left: 22px; top: 15px; /*width: 97px;*/ width: 245px; height: 61px; text-decoration: none; font-size: 9px; text-align: center; font-weight: normal; overflow: hidden;}
#logo strong {display: block; border: 2px solid #9a997f; background: #535a31; color: #fff; font-size: 15px; padding: 3px 0 1px 0; line-height: 19px; text-transform: uppercase;}
#logo .ir {background: url(../images/logo.gif);}

#nav {position: absolute; right: 27px; top: 37px;}
#nav li {float: left;}
#nav a {position: relative; display: block; height: 28px; line-height: 28px; text-decoration: none; text-transform: uppercase; color: #535a31; font-family: georgia, serif; font-size: 11px; text-align: center;}
#nav a .ir {background: url(../images/nav.gif);}

#navteam a {width: 87px;}
#navlist a {width: 79px;}
#navopen a {width: 111px;}
#navdevs a {width: 101px;}
#navsold a {width: 53px;}
#navnews a {width: 56px;}
#navcont a {width: 81px;}

#navteam a .ir {background-position: 0 0;}
#navlist a .ir {background-position: -87px 0;}
#navopen a .ir {background-position: -166px 0;}
#navdevs a .ir {background-position: -277px 0;}
#navsold a .ir {background-position: -378px 0;}
#navnews a .ir {background-position: -431px 0;}
#navcont a .ir {background-position: -487px 0;}

#navteam.on a .ir {background-position: 0 -28px;}
#navlist.on a .ir {background-position: -87px -28px;}
#navopen.on a .ir {background-position: -166px -28px;}
#navdevs.on a .ir {background-position: -277px -28px;}
#navsold.on a .ir {background-position: -378px -28px;}
#navnews.on a .ir {background-position: -431px -28px;}
#navcont.on a .ir {background-position: -487px -28px;}

#navteam a:hover .ir {background-position: 0 -56px;}
#navlist a:hover .ir {background-position: -87px -56px;}
#navopen a:hover .ir {background-position: -166px -56px;}
#navdevs a:hover .ir {background-position: -277px -56px;}
#navsold a:hover .ir {background-position: -378px -56px;}
#navnews a:hover .ir {background-position: -431px -56px;}
#navcont a:hover .ir {background-position: -487px -56px;}


/*** CONTENT STYLES ***/

#content {position: relative; padding: 30px 40px 40px 40px; margin-bottom: 20px;}
	body.home #content {padding: 0; width: 890px;}
#content h1 {font-size: 18px; color: #918f74; font-family: georgia, serif; font-weight: normal; text-transform: uppercase; line-height: 25px; margin-bottom: 20px;}
#content h1.headline {position: relative; width: 550px; height: 25px;}
	body.home #content h1.headline {width: 600px; height: 50px; margin-bottom: 10px;}
#content h2 {font-size: 15px;}
#content h2.spaced {font-size: 15px; margin-bottom: 1.5em;}
#content h3 {margin-bottom: 8px;}
#content ul {margin: 0 0 1.5em 0;}
#content li {padding-left: 17px; background: url(../images/required.gif) 1px 4px no-repeat; margin-bottom: 3px;}

.teamdiv {float: left; width: 180px; padding: 0 10px; text-align: center; margin-bottom: 20px; line-height: 17px; font-size: 12px;}
.teamimg {background: url(../images/teamimg.gif) center top no-repeat; padding: 9px; margin-bottom: 6px;}
.teamimg img {width: 150px; height: 180px;}

#filterform {position: relative; padding: 4px; margin: 0 -4px 70px -4px; background: #fff; text-align: center; z-index: 1;}
#filterformbkg {position: relative; background: url(../images/filterform.gif) left bottom repeat-x; padding: 8px 5px; z-index: 5;}
#filterform label {vertical-align: middle; padding: 0 0 0 5px; font-size: 12px;}
#filterform select {vertical-align: middle; margin: 0 5px 0 0; font-size: 12px;}
#filterform select#area {width: 110px;}
#filterform select#pricerange {width: 110px;}
#filterform #sortby {position: absolute; left: 10px; bottom: -55px;}
#filterform #filterformsearchmls {position: absolute; right: 10px; bottom: -55px; font-size: 15px; font-weight: normal;}
#filterform #filterformsearchmls a {display: block; zoom: 1; padding: 3px 10px; color: #fff; background: #9a997f; text-decoration: none;}
#filterform #filterformsearchmls a:hover {background: #ff8106; color: #fff;}

.thumbimg {background: url(../images/thumbimg.gif) center top no-repeat; padding: 9px; margin-bottom: 6px; width: 225px; height: 150px;}
.thumbimg img {width: 225px; height: 150px;}
.thumbimg .newbanner, .thumbimg .openhousebanner, .soldimg .openhousebanner {display: block; height: 20px; line-height: 20px; color: #fff; text-align: center; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 11px; border: solid #fff;}
.thumbimg .openhousebanner {position: relative; top: -20px; border-width: 1px 0 0 0; background: #d00;}
.soldimg .openhousebanner {position: relative; top: -16px; border-width: 1px 0 0 0; background: #d00; height: 16px; line-height: 16px;}

.liststart {margin: 0;}
.listp {margin: 0;}
a.listdiv {display: block; border-bottom: 1px solid #e5e4d4; padding: 15px; cursor: pointer; cursor: hand; line-height: 18px; text-decoration: none; min-height: 168px; background: #f6f4e6;}
/*a.new {background: url(../images/new.gif) right top no-repeat;}*/
/*a.new:hover {background: #ebe9dc url(../images/new-hover.gif) right top no-repeat;}*/
a.listdiv:hover {background: #ebe9dc; color: #5a5a5a;}
a.listdiv span.maininfo {display: block; padding-top: 3px; margin-bottom: .7em;}
a.listdiv strong.address {font-size: 15px;}
a.listdiv strong.status {color: #ff8106; text-transform: uppercase; font-size: 12px;}
a.listdiv .readmore {white-space: nowrap;}
a.listdiv:hover .readmore {text-decoration: underline;}
.listdiv .thumbimg {float: left; position: relative; left: -4px; top: -4px; margin: 0;}
.listdiv:hover .thumbimg {background-image: url(../images/thumbimg-hover.gif);}
.listdiv .floatright {width: 520px; padding-right: 5px;}

img.partnerlogo {width: 150px; height: 100px;}
a.listdiv img.partnerlogo {float: left; margin: 5px 10px 5px 0; width: 75px; height: 50px;}

.noresults {margin: 1em 0; padding: 15px; background: #ebe9dc;}

body.builders #content h2, body.developments #content h2, body.developers #content h2, body.destinations #content h2, body.neighborhoods #content h2 {margin-bottom: 1.5em;}
body.listings #content h2 {font-size: 16px;}
body.listings #content h2 .alert, a.listdiv .address .alert {font-weight: bold; text-transform: uppercase; padding-right: 8px;}

.photodiv {position: relative; top: -44px; right: -4px; width: 450px; margin: 0 0 -20px 40px; background: url(../images/photodiv.gif) center top no-repeat; padding: 9px;}
	body.listings .photodiv {top: 0; margin-bottom: -20px;}
.photoimg {height: 300px;}
.photoimg img {width: 450px; height: 300px;}
.photocaption {margin: 5px 0 0 27px; width: 396px; background: #e5e4d4; height: 30px; line-height: 30px; text-align: center; overflow: hidden;}
a#photoprev, a#photonext {position: absolute; top: 314px; width: 22px; height: 30px; overflow: hidden; line-height: 300px; text-align: center; cursor: pointer; cursor: hand;}
a#photoprev {left: 9px; background: #e5e4d4; border-right: 5px solid #e5e4d4;}
a#photonext {right: 9px; background: #e5e4d4; border-left: 5px solid #e5e4d4;}
a#photoprev.arrow {background: #9a997f url(../images/photoprev.gif) center top; border: 0;}
a#photonext.arrow {background: #9a997f url(../images/photonext.gif) center top; border: 0;}
.openhousealert {font-weight: bold; text-transform: uppercase; color: #d00; font-size: 14px;}

.listingh1 {position: relative;}
.listingh2 {margin: -18px 0 2em; font-size: 15px !important;}

a.stico_default {padding: 0 !important; background: none !important;}
#content ul.propertylinks {width: 250px;}
#content ul.propertylinks li {padding-left: 20px;}
#content ul.propertylinks li a {text-decoration: none;}
#content ul.propertylinks li a:hover {text-decoration: underline;}
#content ul li.sharethis {background: url(../images/icon-sharethis.gif) 0 2px no-repeat;}
#content ul li.sharethis p {margin: 0;}
#content ul li.mapproperty {background: url(../images/icon-mapproperty.gif) 0 1px no-repeat;}
#content ul li.mailafriend {background: url(../images/icon-contactus.gif) 0 4px no-repeat;}
#content ul li.contactus {background: url(../images/icon-contactus.gif) 0 5px no-repeat; border-bottom: 1px dotted #c8c6b2; padding-bottom: 5px; margin-bottom: 8px;}
#content ul li.contactus a {font-weight: bold; /*color: #ff8106;*/}

.agentinfo {position: relative; width: 168px; margin: 0 0 30px 30px !important; background: #ebe9dc url(../images/agentinfo.gif) repeat-y; padding: 30px 20px 15px 20px; text-align: center;}
.agentinfotop, .agentinfobottom {position: absolute; left: 0; width: 208px; height: 50px; z-index: 1;}
.agentinfotop {top: 0; background: url(../images/agentinfo-top.gif);}
.agentinfobottom {bottom: 0; background: url(../images/agentinfo-bottom.gif);}
.agentinfomiddle {position: relative; z-index: 5;}
.agentinfo .teamimg {width: 150px; background-image: url(../images/teamimg-agentinfo.gif);}
.agentinfo p {margin: .5em;}

.partnerlogo {position: relative; width: 243px; height: 168px; left: -4px;}
.partnerlogo .thumbimg {margin: 0; width: 225px; height: 150px;}

.openhousediv {float: left; width: 249px; padding: 0 10px; text-align: center; margin-bottom: 20px; line-height: 17px; font-size: 12px; overflow: hidden;}
.openhouseleft {float: left; padding-left: 9px; text-align: left;}
.openhouseright {float: right; padding-right: 15px; text-align: right;}

.solddiv {float: left; width: 142px; padding: 0 10px; text-align: center; margin-bottom: 20px; line-height: 17px; font-size: 12px;}
.soldimg {background: url(../images/soldimg.gif) center top no-repeat; padding: 9px; margin-bottom: 6px; width: 120px; height: 80px;}
.soldimg img {width: 120px; height: 80px;}

#neighborhoodleft {float: left; width: 500px;}
#neighborhoodright {float: right; width: 225px;}
#neighborhoodphoto {width: 243px; margin: -29px -9px 20px -9px;}

a.arrowlink {padding-right: 11px; background: url(../images/arrowlink.gif) right 60% no-repeat; text-decoration: none; font-weight: bold;}
a.arrowlink:hover {background-image: url(../images/arrowlink-hover.gif);}

.backlink {position: absolute; right: 15px; top: -15px; font-size: 12px; background: url(../images/backlink.gif) 6px 6px no-repeat; padding-left: 17px;}
.backlink a {text-decoration: none; color: #9a997f;}
.backlink a:hover {text-decoration: underline; color: #ff8106;}
/*.backlink a {display: block; padding: 4px 6px 4px 17px; background: url(../images/backlink.gif) 6px 6px no-repeat; color: #9a997f; line-height: 1.1em; text-decoration: none;}
.backlink a:hover {background: #9a997f url(../images/backlink-hover.gif) 6px 6px no-repeat; color: #f6f4e6;}*/

.newsdate {padding-right: 7px; margin-right: 5px; border-right: 1px solid #e5e4d4; color: #333;}
.newsdate2 {padding-left: 7px; margin-left: 7px; border-left: 1px solid #e5e4d4; color: #333;}
.pressdiv {float: left; width: 142px; padding: 0 10px; text-align: center; margin-bottom: 20px; line-height: 17px; font-size: 12px;}
.pressimg {background: url(../images/pressimg.gif) center top no-repeat; padding: 9px; margin-bottom: 6px;}
.pressimg img {height: 120px;}

.photobkg {position: relative; padding: 9px; background: #fff;}
.photoleft, .photoright {position: absolute; top: 0; width: 9px; height: 100%;}
.phototop, .photobottom {position: absolute; left: 0; width: 100%; height: 9px;}
.photoleft {left: 0; background: url(../images/photobkg/left.gif);}
.photoright {right: 0; background: url(../images/photobkg/right.gif);}
.phototop {top: 0; background: url(../images/photobkg/top.gif);}
.photobottom {bottom: 0; background: url(../images/photobkg/bottom.gif);}
.photocorner1, .photocorner2, .photocorner3, .photocorner4 {position: absolute; width: 9px; height: 9px;}
.photocorner1 {left: 0; top: 0; background: url(../images/photobkg/corner1.gif);}
.photocorner2 {right: 0; top: 0; background: url(../images/photobkg/corner2.gif);}
.photocorner3 {right: 0; bottom: 0; background: url(../images/photobkg/corner3.gif);}
.photocorner4 {left: 0; bottom: 0; background: url(../images/photobkg/corner4.gif);}

body.contact .third {width: 264px; padding: 0 0 0 30px; border-left: 1px solid #e5e4d4;}
body.contact .imgright {position: relative; left: -4px; float: left; margin: 0 0 15px 0;}
#contactform {float: left; padding-top: 5px; line-height: 22px;}
#contactform div {clear: left; padding-top: 5px;}
#contactform label {float: left; width: 85px; text-align: right; padding-right: 20px; margin-right: 5px; font-weight: bold;}
#contactform label.required {background: url(../images/required.gif) right 5px no-repeat;}
#contactform input, #contactform textarea {width: 340px;}
#contactform textarea {height: 100px;}
#contactform select {width: 340px;}
#contactby1, #contactby2 {width: auto !important;}
#contactsubmit {margin: 5px 0 20px 110px; width: auto !important; border: 2px solid #9a997f; background: #535a31; color: #fff; font-weight: bold; text-transform: uppercase; cursor: pointer; cursor: hand;}
#contactsubmit:hover {background: #ff8106; border-color: #ff8106;}
.maplink {font-size: 11px; padding: 0 7px; margin-left: 5px; text-decoration: none; background: #9a997f; color: #fff;}
.maplink:hover {background: #ff8106; color: #fff;}

#mapdiv {background: url(../images/mapdiv.gif); padding: 9px;}

#sitemap li {font-size: 15px; font-weight: bold; margin-bottom: 10px;}
#sitemap li ul {margin-top: 10px;}
#sitemap li li {font-size: 13px; font-weight: normal; margin-bottom: 3px;}


/*** HOME STYLES ***/

#homeleft {float: left; width: 615px; padding: 0 10px;}
#homeright {float: right; width: 225px; border: 10px solid #fff; background: #fff;}
.homerightabove {border-bottom: 1px solid #fff;}
.homerightbelow {border-top: 1px solid #fff;}
#homehero {position: relative; margin: 0 -10px; width: 615px; height: 320px; border: 10px solid #fff; margin-bottom: 20px;}
#homehero div {position: absolute; left: 0; top: 0;}

#mlsquicksearch {background: #e3e1d0; border-bottom: 9px solid #fff;}
#mlsquicksearch h2 {position: relative; height: 38px; line-height: 48px; text-align: center; font-size: 11px; color: #535a31; font-family: georgia, serif; text-transform: uppercase; overflow: hidden;}
#mlsquicksearch h2 .ir {background: url(../images/mlsquicksearch-h2.gif) no-repeat;}
#mlsquicksearch ul {padding: 10px 15px 15px 15px; margin: 0;}
#mlsquicksearch li {padding-left: 18px; background: url(../images/mlsquicksearch-li.gif) 4px 5px no-repeat; line-height: 18px;}

/* OLD ... */
#homeflash {background: #fff; padding: 10px; margin-bottom: 20px;}

#searchmlsdiv {float: right; width: 240px;}
#searchmls {position: relative; display: block; width: 240px; height: 44px; line-height: 44px; background: #9a997f; color: #fff; font-family: georgia, serif; font-weight: normal; text-transform: uppercase; font-size: 18px; text-align: center; text-decoration: none; margin-bottom: 10px;}
#searchmls:hover {background: #ff8106;}
#searchmls .ir {background: url(../images/searchmls.gif) no-repeat;}
#searchmls:hover .ir {background-position: 0 -44px;}

#searchmlsquick {background: #ebe9dc url(../images/searchmlsquick.gif) repeat-y; margin-bottom: 20px;}
#searchmlsquick h2 {position: relative; height: 38px; line-height: 48px; text-align: center; font-size: 11px; color: #535a31; font-family: georgia, serif; text-transform: uppercase; overflow: hidden;}
#searchmlsquick h2 .ir {background: url(../images/searchmlsquick-h2.gif) no-repeat;}
#searchmlsquick ul {padding: 10px 20px 25px 20px; background: url(../images/searchmlsquick-ul.gif) left bottom no-repeat;}
#searchmlsquick li {padding-left: 18px; background: url(../images/searchmlsquick-li.gif) 4px 5px no-repeat; line-height: 18px;}


/*** FOOTER STYLES ***/

#logos {clear: both; border-top: 1px solid #e5e4d4; padding: 17px 15px 8px; margin-top: 20px;}
#logos li {display: inline; margin-right: 20px;}
#callus {position: relative; float: right; width: 250px; height: 50px; text-align: right; font-size: 18px; color: #535a31; font-family: georgia, serif; font-weight: normal; text-transform: uppercase; line-height: 50px;}
#callus .ir {background: url(../images/callus.gif);}

#footer {position: relative; width: 890px; margin: 0 auto; padding: 25px 27px; font-size: 12px; line-height: 24px; background: url(../images/footer.png) center top no-repeat;}
#footer li {display: inline; padding-left: 6px;}
#copyright {float: left; color: #dddbc9;}
#social {float: right;}
#footernav {clear: both; text-align: center; padding-top: 10px;}
#footernav a {color: #f6f4e6;}
#disclaimer {clear: both; padding: 10px 40px 20px; font-size: 11px; line-height: 15px; color: #c5c2ac;}


/*** EMAIL POPUP STYLES ***/

body.email {background: #f6f4e6;}
body.email #outer {width: 100%; margin: 0; background: none;}
body.email #content {padding: 0 13px 0; width: 530px; zoom: 1;}
body.email #content h1 {position: absolute; left: 280px; top: -55px;}
body.email #logos, body.email #footer, body.email #nav, body.email #copyright {display: none;}
body.email #contactthanks, #emailfriendinfo {position: relative; padding-left: 110px;}
#emailfriendinfo {margin-top: -15px; line-height: 17px;}
#emailfriendimg {position: relative; left: -4px; top: -7px; float: left; padding: 9px !important; margin-right: 10px; background: url(../images/emailfriendimg.gif) no-repeat;}
#emailfriendimg img {display: block; width: 75px; height: 50px;}