body {background: #fff url(/img/pgbg.jpg) top left repeat-x; color: #000; font-size: 12px; font-family: Verdana, Arial, sans-serif; margin: 0; padding: 0; border: 0;}

#accessibility {display: none;}

hr {clear: both; visibility: hidden; width: 100%; height: 0;}
.notice {padding: 7px 15px; background-color: #d5f6b0; border: 2px solid #9ef65a;}

#header {height: 100px; width: 960px; margin: 0 auto; padding: 0;}
#header h2 {width: 264px; height: 80px; margin: 0; padding: 0; background: url(/img/remax_logo-trans.png) top left no-repeat; float: left;}
#header h2 em {display: none;}
#header h1 {font-size: 14px; line-height: 14px; float: right; margin-top: 57px; margin-right: 250px;}

#navigation {width: 100%; padding: 0; clear: both; float: left;}
#navigation ul {margin: 0 auto; padding: 0 0 0 30px; list-style: none; width: 950px;}
#navigation li {padding: 0; float: left; margin: 0 3px; background: #fff url(/img/right_off-trans.png) no-repeat right top;}
#navigation a {display: block; background: url(/img/left_off-trans.png) no-repeat left top; padding: 7px 25px; text-decoration: none; color: #eee;}

.curr_page {background-image: url(/img/right_on-trans.png) !important;}
.curr_page a {background-image: url(/img/left_on-trans.png) !important; color: #000 !important;}

#featurebar {clear: both; border-bottom: 5px solid #6ba2c1; border-top: 15px solid #6ba2c1; background: #2f3a8a url(/img/feature_bg.jpg) top left repeat-x; height: 200px;}

#balloon {position: relative; width: 700px; margin: 0 auto;}
.balloon {width: 199px; height: 259px; position: absolute; top: -120px; left: 600px;}

#page_content {width: 960px; margin: 20px auto;}

#content {float: left; width: 600px;}
#content {font-size: 12px; line-height: 17px; text-align: left;}

#sidebar {float: right; width: 300px;}


#contact-box, #about-box, #agents-box {padding: 0 0 20px 0; margin: 0 0 25px 0;}
#contact-box h3, #about-box h3, #agents-box h3 {display: block; background: url(/img/box-top.png) top center no-repeat; text-align: center; padding: 3px 0; margin: 0;}
#contact-box div, #about-box div, #agents-box div {border: 2px solid #aaa; padding-bottom: 15px;}
#contact-box p, #about-box p, #agents-box p {margin: 10px 20px 0 20px; line-height: 18px;}
#agents-box h4 {margin: 10px 20px 0 20px; border-bottom: 1px solid #aaa;}

#footer {background-color: #ddd; font-size: 10px; width: 960px; margin: 20px auto; padding: 20px;}

/* Home Page */

#listing_search {width: 700px; margin: 25px auto; clear: both;}
#listing_search h2 {color: #fffecd; font-size: 16px; text-shadow: 0 2px 3px #000; -webkit-text-shadow: 0 2px 3px #000; -moz-text-shadow: 0 2px 3px #000;}
#listing_search p {color: #bbb; margin: 3px 0 0 0; text-shadow: 0 2px 3px #000; -webkit-text-shadow: 0 2px 3px #000; -moz-text-shadow: 0 2px 3px #000;}
#listing_search input[type=text] {border: 1px solid #333; padding: 3px 5px; font-size: 14px; width: 400px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 2px 5px #222; -webkit-box-shadow: 0 2px 5px #222; -moz-box-shadow: 0 2px 5px #222; margin-bottom: 7px;}
#listing_search input[type=submit] {border: 1px solid #333; padding: 3px 5px; font-size: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 2px 5px #222; -webkit-box-shadow: 0 2px 5px #222; -moz-box-shadow: 0 2px 5px #222; margin-top: -5px;}
#listing_search select {border: 1px solid #333; padding: 3px 5px; font-size: 14px; width: 150px;}

#featured_listing {border: 2px solid #aaa; padding: 0; width: 600px; box-shadow: 0 5px 5px #888; -webkit-box-shadow: 0 5px 5px #888; -moz-box-shadow: 0 5px 5px #888;}
#featured_listing img {border: 1px solid #000;}
#featured_listing h3 {margin: 0; background-color: #ccc; padding: 5px 0 5px 3px; border-bottom: 1px solid #aaa; float: left; width: 597px;}
#featured_listing p {float: right; margin: -22px 10px 0 0;}
#featured_listing .medpic {background-color: #ccc; float: left; display: block; margin: 10px 0 0 40px; border: 1px solid #999; padding: 3px;}
#featured_listing .thumbs {float: right; height: 270px; overflow-y: auto; overflow-x: hidden; width: 175px; margin: 7px 3px 0 0; border: 1px solid #999; padding: 3px;}
#featured_listing .smpic {background-color: #ccc; width: 150px; height: 110px; display: block; margin: 3px auto; border: 1px solid #999; padding: 3px;}
#featured_listing .more {float: none; display: block; background-color: #aaa; padding: 2px 5px; margin: 0; font-size: 16px;}
#featured_listing a {text-decoration: none; color: #000; display: block;}
#featured_listing a:hover {text-decoration: underline;}

#recent_listings h3, #land_listings h3, #comm_listings h3 {text-align: center; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; padding: 5px 0;}
.recent_listings dt, #land_listings dt, #comm_listings dt {color: #2f3a8a; font-weight: bold; margin: 15px 0 5px 0; padding: 0;}
.recent_listings dd, #land_listings dd, #comm_listings dd {padding: 0; margin: 0;}
.recent_listings .descrip, #land_listings .descrip, #comm_listings .descrip {font-size: 10px; line-height: 14px; text-align: left;}
.recent_listings .morelink, #land_listings .morelink, #comm_listings .morelink {font-size: 10px; margin: 7px 0 10px 0; clear: right;}
.recent_listings dt a {text-decoration: none; color: #2f3a8a; font-weight: bold;}
.recent_listings dt em {font-style: normal; padding-left: 30px; color: #000;}
.recent_listings dt a:hover {text-decoration: underline;}

.viewall {position: relative; top: -90px; left: 500px;}

/*
.viewall {padding: 20px 25px; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1; color: #444; border: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85); background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#5eff6b), to(#4bcc55)); background-image: -moz-linear-gradient(0 100% 90deg, #5eff6b, #4bcc55); background-color: #5eff6b; -webkit-border-radius: 23px; -moz-border-radius: 23px; -o-border-radius: 23px; border-radius: 23px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); margin: 20px 100px; display: block; font-size: 20px;}
.viewall b {font-family: 'PictosRegular'; font-size: 25px; padding: 0 10px 0 0; text-shadow: none;}
*/

img.tmpic {float: left !important; margin: 0 10px 5px 0; width: 200px !important; height: 160px !important; border: 1px solid #999; padding: 2px 2px 7px 2px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); transform: rotate(3deg);}
img.rtmpic {float: right !important; margin: 0 0 5px 10px; width: 200px !important; height: 160px !important; border: 1px solid #999; padding: 2px 2px 7px 2px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); transform: rotate(3deg);}

img.featuremap {opacity: 0.4; border: 1px solid #333;}
div#featured_listing_new {position: relative; top: 0; left: 0; margin-bottom: 30px;}
div#featured_listing_new a {text-decoration: none; color: #000;}
div#featured_listing_new a:hover {text-decoration: underline;}
div#featured_listing_new h3 {font-size: 25px; display: block; position: absolute; top: -5px; left: 5px; text-transform: uppercase; z-index: 1000; letter-spacing: -2px; line-height: 25px;}
div#featured_listing_new img {-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.7); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.7); box-shadow: 3px 3px 3px rgba(0,0,0,0.7); background-color: #fff;}
div#featured_listing_new img.medpic {position: absolute; top: 60px; left: -45px; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); transform: rotate(-4deg); border: 1px solid #333;}
div#featured_listing_new img.smpic1 {position: absolute; top: 50px; right: -20px; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); transform: rotate(2deg); border: 1px solid #333; width: 200px;}
div#featured_listing_new img.smpic2 {position: absolute; top: 100px; right: 30px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); transform: rotate(-2deg); border: 1px solid #333; width: 200px;}
div#featured_listing_new img.smpic3 {position: absolute; top: 220px; right: -40px; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); transform: rotate(2deg); border: 1px solid #333; width: 200px;}

/* Contact Us Page */
#contact-form {clear: both;}
#contact-form p {float: left; margin-right: 15px; width: 255px;}
#contact-form input[type=text] {border: 0; padding: 5px 7px; background-color: #eee; width: 250px; font-size: 16px; }
#contact-form input[type=submit] {border: 1px solid #ccc;}
#contact-form textarea {border: 0; padding: 5px 7px; background-color: #eee; width: 275px; height: 100px; font-size: 16px;}

#contact-feature {width: 700px; margin: 25px auto; clear: both; position: relative; left: -100px;}
#contact-feature div {float: left; margin: 0 5px; padding: 0 10px;}
#contact-feature h2 {color: #fffecd; font-size: 16px; text-shadow: 0 2px 3px #000; -webkit-text-shadow: 0 2px 3px #000; -moz-text-shadow: 0 2px 3px #000;}
#contact-feature p {color: #ccc; font-size: 12px; line-height: 18px; letter-spacing: 0.1em;}
#contact-feature a {color: #eee;}
#ma {border-right: 1px solid #ccc; border-left: 1px solid #ccc;}

/* Links Page */
#links-highlight {width: 620px; margin: 25px auto; clear: both; font-family: Georgia, Times, serif; position: relative; left: -150px;}
#links-highlight h2 {color: #fffecd; font-size: 20px; font-style: italic; text-shadow: 0 2px 3px #000; -webkit-text-shadow: 0 2px 3px #000; -moz-text-shadow: 0 2px 3px #000;}
#links-highlight p {color: #eee; font-size: 16px; line-height: 20px; text-align: justify;}
#links-highlight a {color: #ccc;}

/* About Page */
#about-highlight {width: 620px; margin: 25px auto; clear: both; font-family: Georgia, Times, serif; position: relative; left: -150px;}
#about-highlight h2 {color: #fffecd; font-size: 20px; font-style: italic; text-shadow: 0 2px 3px #000; -webkit-text-shadow: 0 2px 3px #000; -moz-text-shadow: 0 2px 3px #000;}
#about-highlight p {color: #eee; font-size: 16px; line-height: 20px; text-align: justify;}

/* Listings Pages */
#listings-highlight {width: 720px; margin: 25px auto; clear: both; font-family: Georgia, Times, serif;}
#listings-highlight h2 {color: #fffecd; font-size: 26px; font-style: italic; text-shadow: 0 2px 3px #000; -webkit-text-shadow: 0 2px 3px #000; -moz-text-shadow: 0 2px 3px #000;}
#listings-highlight p {color: #eee; font-size: 22px; text-align: left; text-shadow: 0 2px 3px #000; -webkit-text-shadow: 0 2px 3px #000; -moz-text-shadow: 0 2px 3px #000;}
#listings-highlight form p {font-size: 12px; color: #bbb; margin: 3px 0 0 0; font-family: Verdana, Arial, sans-serif;}
#listings-highlight form h2 {color: #fffecd; font-family: Verdana, Arial, sans-serif; font-style: normal; font-size: 16px; text-shadow: 0 2px 3px #000; -webkit-text-shadow: 0 2px 3px #000; -moz-text-shadow: 0 2px 3px #000;}
.listsec {text-align: center; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; padding: 5px 0; width: 400px;}

#listing_photos {width: 160px; float: left; margin: 0 25px 0 0;}
#listing_photos .smpic {background-color: #ccc; width: 150px; height: 110px; margin: 7px auto; padding: 0; display: block; border: 1px solid #000; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); transform: rotate(-2deg);}
.bigphoto {background-color: #ccc; display: block; margin: 0 auto 20px auto; border: 1px solid #000;}
#listing_body {width: 400px; float: right;}

#agentinfo {padding: 0 15px 15px 15px; border: 2px solid #ccc; background-color: #eee; width: 350px; float: right; margin: 30px 0 0 0;}
#agentinfo img {float: left; margin: 0 10px 0 0;}
.flag {float: right !important; margin: 10px 0 0 0 !important;}

.highlight {border: 2px solid #fffb4e; padding: 10px; background-color: #fcffb6; width: 400px; float: right; font-size: 10px;}

.lvldiv {background-color: #ddd; font-style: italic; text-align: center;}

#sidebar table {width: 100%; border: 1px solid #888; border-bottom: 0; border-left: 0; border-collapse: collapse; padding: 0; margin-bottom: 25px;}
#sidebar table td, #content table td, #content table th {border-bottom: 1px solid #888; border-left: 1px solid #888; padding: 5px 3px;}
#content table {width: 400px; border: 1px solid #888; border-bottom: 0; border-left: 0; border-collapse: collapse; padding: 0; margin-bottom: 25px; margin-right: 13px; float: right;}
#content table th {background-color: #ccc;}
.mapimg {float: right; margin: 20px 0; width: 410px !important; height: 410px; position: relative; left: 0 !important;}

#printsection {display: none;}

#sharepage {margin: 0 5px 10px 0; text-align: center; background-color: #ccc; padding: 5px; border: 1px solid #666;}
#sharepage a {text-decoration: none; color: #000; text-transform: lowercase;}
#sharepage a:hover {text-decoration: underline;}
a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}

.soldlist {color: red; text-transform: uppercase; padding-left: 20px;}
#soldbadge {position: absolute; top: 144px; left: 0;}

/* Mortgage Calculator */
#principal td#header {height: auto; padding: 7px;}
#principal td {background-color: #fff !important; color: #000 !important; text-align: center !important; font-size: 12px !important;}
#principal td input[type=text] {width: 140px; padding: 3px; font-size: 14px; border: 1px solid #666 !important; color: #666 !important;}
#principal #status {text-align: left !important;}
p.note {font-size: 10px; color: #666;}