@charset "utf-8";
/* CSS Document */
/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */


/* ***Main Layout Styles*** */
body { background: #5E88A2 url(../images/build/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; }
#wrapper { margin: 0px auto; width: 930px; }
#container { background: url(../images/build/bg-header.png) no-repeat; float: left; width: 930px; margin: 28px 0px 0px 0px; }

#header { float: left; width: 912px; padding: 20px 9px 0px 9px; }
#logo-cont { float: left; width: 267px; height: 240px; padding: 3px 0px 0px 13px; }
ul#home-logos { float: left; width: 260px; padding: 20px 0 0 0; list-style: none; }
ul#home-logos li { float: left; width: 80px; padding: 0px 10px 0px 40px; }
#banner-cont { float: right; width: 615px; height: 246px; padding: 2px 0px 0px 0px; }

#content-cont { background: url(../images/build/bg-content.jpg) repeat-y 7px 0px; float: left; width: 930px; margin: 4px 0px 0px 0px; }
#content-bg { background: url(../images/build/bg-content-top.jpg) no-repeat 7px 50px; float: left; width: 930px; }
#left { float: left; width: 668px; }
#right { float: right; width: 262px; }
#content { float: left; width: 578px; padding: 0px 40px 0px 50px }
#quote-cont { width: 578px; padding: 8px 0px 30px 0px; }


#tenant-landlord-relationship { background: url(../images/content/landlord-tenant-relationship.jpg) no-repeat; width: 547px; height: 680px; padding-bottom: 15px; text-indent: -9999px; }
	a#poor-condition { position: relative; float: left; top: 0px; left: 170px; width: 200px; height: 195px; }
	a#irresponsible-tenant { position: relative; float: left; top: 210px; left: -200px; width: 200px; height: 195px; }
	a#renovated-property { position: relative; float: left; top: 240px; left: 170px; width: 200px; height: 195px; }
	a#refinancing { position: relative; float: left; top: 15px; left: 145px; width: 200px; height: 195px; }


/* ***Navigation Styles*** */
#nav-cont { background: url(../images/build/bg-nav-title.png) no-repeat; float: left; position: relative; width: 930px; height: 120px; }
#title { width: 930px; height: 120px; }
	.home-title { background: url(../images/content/title-owners-helping-owners.jpg) no-repeat 20px 72px; }
	.property-title { background: url(../images/content/title-property-management-services.jpg) no-repeat 20px 72px; }
	.services-title { background: url(../images/content/title-services-property-owners.jpg) no-repeat 20px 72px; }
	.model-title { background: url(../images/content/title-management-model.jpg) no-repeat 20px 72px; }
	.fees-title { background: url(../images/content/title-management-fees.jpg) no-repeat 20px 72px; }
	.investment-title { background: url(../images/content/title-property-investment.jpg) no-repeat 20px 72px; }
	.tenant-title { background: url(../images/content/title-tenant-services.jpg) no-repeat 20px 72px; }
	.rent-title { background: url(../images/content/title-property-for-rent.jpg) no-repeat 20px 72px; }
	.maintenance-title { background: url(../images/content/title-maintenance.jpg) no-repeat 20px 72px; }
	.about-title { background: url(../images/content/title-about.jpg) no-repeat 20px 72px; }
	.licenses-title { background: url(../images/content/title-licenses-memberships.jpg) no-repeat 20px 72px; }
	.community-title { background: url(../images/content/title-in-community.jpg) no-repeat 20px 72px; }
	.testimonial-title { background: url(../images/content/title-client-testimonials.jpg) no-repeat 20px 72px; }
	.contact-title { background: url(../images/content/title-contact.jpg) no-repeat 20px 72px; }
	.resources-title { background: url(../images/content/title-resources.jpg) no-repeat 20px 72px; }
	.news-title { background: url(../images/content/title-news-and-views.jpg) no-repeat 20px 72px; }
ul#nav { float: left; width: 900px; list-style: none; padding: 9px 15px 0px 15px; }
ul#nav li { float: right; height: 37px; padding: 0px; }
ul#nav li a { float: right; height: 37px; }
#owner-button { position: absolute; top: 64px; left: 560px; }
#telpay { position: absolute; top: 64px; left: 680px; }
#tenant-button { position: absolute; top: 64px; left: 810px; }
#pay-online { position: absolute; top: 100px; left: 680px; }

/* List Links */
ul#nav li#contact { background: url(../images/nav/nav-contact-us.jpg) no-repeat; width: 101px; }
ul#nav li#about { background: url(../images/nav/nav-about.jpg) no-repeat; width: 85px; }
ul#nav li#news { background: url(../images/nav/nav-news.jpg) no-repeat; width: 63px; }
ul#nav li#maintenance { background: url(../images/nav/nav-property-maintenance.jpg) no-repeat; width: 182px; }
ul#nav li#rent { background: url(../images/nav/nav-property-rent.jpg) no-repeat; width: 145px; }
ul#nav li#tenant { background: url(../images/nav/nav-tenant-services.jpg) no-repeat; width: 136px; }
ul#nav li#pm-services { background: url(../images/nav/nav-property-services.jpg) no-repeat; width: 149px; }
/* Link Links */
ul#nav li#contact a { background: url(../images/nav/nav-contact-us.jpg) no-repeat; width: 101px; }
ul#nav li#about a { background: url(../images/nav/nav-about.jpg) no-repeat; width: 85px; }
ul#nav li#news a { background: url(../images/nav/nav-news.jpg) no-repeat; width: 63px; }
ul#nav li#maintenance a { background: url(../images/nav/nav-property-maintenance.jpg) no-repeat; width: 182px; }
ul#nav li#rent a { background: url(../images/nav/nav-property-rent.jpg) no-repeat; width: 145px; }
ul#nav li#tenant a { background: url(../images/nav/nav-tenant-services.jpg) no-repeat; width: 136px; }
ul#nav li#pm-services a { background: url(../images/nav/nav-property-services.jpg) no-repeat; width: 149px; }
/* Hover Links */
ul#nav li#contact a:hover { background: url(../images/nav/nav-contact-us-over.jpg) no-repeat; }
ul#nav li#about a:hover { background: url(../images/nav/nav-about-over.jpg) no-repeat; }
ul#nav li#news a:hover { background: url(../images/nav/nav-news-over.jpg) no-repeat; }
ul#nav li#maintenance a:hover { background: url(../images/nav/nav-property-maintenance-over.jpg) no-repeat; }
ul#nav li#rent a:hover { background: url(../images/nav/nav-property-rent-over.jpg) no-repeat; }
ul#nav li#tenant a:hover { background: url(../images/nav/nav-tenant-services-over.jpg) no-repeat; }
ul#nav li#pm-services a:hover { background: url(../images/nav/nav-property-services-over.jpg) no-repeat; }
/* Active Links */
ul#nav li#contact a.active { background: url(../images/nav/nav-contact-us-over.jpg) no-repeat; }
ul#nav li#about a.active { background: url(../images/nav/nav-about-over.jpg) no-repeat; }
ul#nav li#news a.active { background: url(../images/nav/nav-news-over.jpg) no-repeat; }
ul#nav li#maintenance a.active { background: url(../images/nav/nav-property-maintenance-over.jpg) no-repeat; }
ul#nav li#rent a.active { background: url(../images/nav/nav-property-rent-over.jpg) no-repeat; }
ul#nav li#tenant a.active { background: url(../images/nav/nav-tenant-services-over.jpg) no-repeat; }
ul#nav li#pm-services a.active { background: url(../images/nav/nav-property-services-over.jpg) no-repeat; }

/* DROP DOWN STYLES */
ul#nav li#pm-services ul.dropmenu li, ul#nav li#pm-services ul.dropmenu li a, ul#nav li#about ul.dropmenu li, ul#nav li#about ul.dropmenu li a { background: none; font-size: 11px; font-weight: bold; padding: 0px; margin: 0px; float: left; height: auto }
#nav ul.dropmenu { background: none; position: absolute; display: block; width: 200px; z-index: 100; list-style: none; margin: 30px 0px 0px 10px; padding: 0px; }
/* Property management services */
ul#nav li#pm-services ul.dropmenu li { width: 190px; background: #BACFDB; padding: 0px 5px 0px 5px; }
ul#nav li#pm-services ul.dropmenu li a { width: 170px; color: #ffffff; padding: 6px 10px 6px 10px; }
ul#nav li#pm-services ul.dropmenu li a:hover { background: #6A9AC7; color: #ffffff; }
/* About us */
ul#nav li#about ul.dropmenu li { width: 190px; background: #BACFDB; color: #ffffff; padding: 0px 5px 0px 5px; }
ul#nav li#about ul.dropmenu li a { width: 170px; color: #ffffff; padding: 6px 10px 6px 10px; }
ul#nav li#about ul.dropmenu li a:hover { background: #6A9AC7; color: #ffffff; }

ul#nav li#pm-services ul.dropmenu li.top, ul#nav li#about ul.dropmenu li.top { background: url(../images/build/dropmenu-top.png) no-repeat; float: left; width: 200px; height: 5px; padding: 0px; }
ul#nav li#pm-services ul.dropmenu li.bottom, ul#nav li#about ul.dropmenu li.bottom { background: url(../images/build/dropmenu-bottom.png) no-repeat; float: left; width: 200px; height: 5px; padding: 0px; }

/* ***Additional Styles*** */
.home-content-block { width: 523px; }
.home-content-block ul { border-bottom: solid 1px #999999; }
.home-content-title { padding-bottom: 5px; }
.link-owners { padding: 10px 0px 0px 80px; }
.link-tenants { padding: 10px 0px 0px 144px; }
.tenant-loyalty-img { padding-left: 25px; }

/* ***Side Container Styles*** */
.side-box { float: right; width: 253px; }
.side-title { float: left; width: 253px; }
.side-content { background: url(../images/build/bg-side-box.png) no-repeat top; float: left; width: 253px; height: 129px; }
	.side-text { margin: auto; width: 150px; padding: 15px 0px 12px 0px; }
	.side-button { margin: auto; width: 150px; padding: 0px 0px 10px 0px; }
.side-bottom { background: url(../images/build/bg-side-bottom.png) no-repeat bottom; float: left; width: 253px; height: 12px; }

#nav-med { background: url(../images/build/nav-side-med.png) no-repeat; float: right; width: 253px; height: 202px; }
ul#nav-sub { float: left; width: 245px; list-style: none; padding: 20px 8px 0px 0px; }
ul#nav-sub li { background: url(../images/build/nav-divider.jpg) no-repeat bottom; float: right; width: 222px; height: 40px; font-size: 12px; padding: 0px; }
ul#nav-sub li#bottom { background: none; float: right; width: 222px; font-size: 12px; }
ul#nav-sub li a { float: right; width: 210px; padding: 12px 0px 12px 12px; color: #486997; font-weight: bold; }
ul#nav-sub li a:hover { background: url(../images/build/nav-hover.jpg) repeat-y; }
ul#nav-sub li a.active { background: url(../images/build/nav-hover.jpg) repeat-y; }


/* ***VIEW VACANCIES LISTING ONLY*** */
/*this is what we want the div to look like when it is not showing*/
div.loading-invisible{    /*make invisible*/    display: none;  }
/*this is what we want the div to look like when it IS showing*/
div.loading-visible { display: block; text-align: center; background: #ffffff; opacity: .75; float: left; width: 578px; height: 400px; z-index: 200; }
/* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}*/

h3 .sm-title { font-size: 14px; font-style: italic; }
.filter-cont { float: left; width: 500px; padding: 0px 0px 10px 0px; }
.filter-option { float: left; width: 230px; padding: 0px 0px 10px 10px; }
.filter-option label { float: left; font-size: .7em; color: #515151; width: 220px; }
.filter-select { float: left; font-size: .8em; color: #515151; width: 180px; }
#filter { float: right; margin-right: 70px; }

.listing-cont { float: left; width: 558px; padding: 10px 10px 0px 10px; border-bottom: solid 1px #AAAAAA; }
.listing-cont-alt { background: #f7f7f7; float: left; width: 558px; padding: 10px 10px 0px 10px; border-bottom: solid 1px #AAAAAA; }
.listing-title { float: left; width: 558px; }
.listing-title h5 { float: left; width: 350px; padding-top: 7px; }
.listing-email { float: right; width: 173px; height: 30px; }
.main-info-cont { float: left; width: 558px; padding: 0px 0px 10px 0px; }
.main-photo { float: left; width: 75px; height: 75px; padding-right: 20px; }
.main-info-left, .main-info-right { float: left; width: 225px; padding: 10px 0px 0px 0px; }
ul.info-title { float: left; width: 100px; list-style: none; padding: 0px; }
ul.info-title li { color: #5E88A2; font-weight: bold; }
ul.info-cont { float: left; width: 120px; list-style: none; padding: 0px; }
ul.info-cont li { color: #515151; }
.expand-listing { float: right; width: 558px; text-align: right; font-size: .7em; }
.expand-listing a { color: #416E84; text-decoration: none; }
.expand-listing a:hover { color: #86A55D; }
.arrow-expand { width: 11px; height: 8px; margin: 0px 2px 0px 2px; }

.ult-cont { float: left; width: 558px; padding: 0px 0px 10px 0px; }
.listing-sect { float: left; width: 558px; border-bottom: solid 1px #AAAAAA; }
.tab-text { float: left; font-size: .75em; font-style: italic; color: #AAAAAA; border-top: solid 1px #AAAAAA; border-left: solid 1px #AAAAAA; border-right: solid 1px #AAAAAA; border-bottom: solid 1px #ffffff; margin: 0px 0px -1px 10px; padding: 3px 5px 0px 5px; }
ul.ult-list { float: left; width: 133px; padding: 10px 0px 10px 0px; }
ul.ult-list li { width: 120px; padding: 0px 5px 4px 10px; list-style: none;  }
ul.ult-list li.list-title { list-style: none; color: #5E88A2; width: 155px; padding: 0px 0px 4px 0px; margin-left: 0px; font-weight: bold; }

.desc-cont { float: left; width: 500px; padding: 0px 0px 10px 0px; }
.desc-cont p { float: left; width: 480px; padding: 10px; }
.desc-expand { float: right; width: 11px; height: 8px; }

.det-cont { float: left; width: 558px; padding: 0px 0px 10px 0px; }
#map { background: #ffffff; float: left; width: 230px; height: 180px; margin: 15px 0px 15px 10px; }
.map { background: #ffffff; float: left; width: 230px; height: 180px; margin: 15px 0px 15px 10px; }
.listing-photos { float: left; width: 240px; padding: 15px 0px 10px 10px; }
ul.photo-thumbs { float: left; width: 240px; list-style: none; padding: 0px; }
ul.photo-thumbs li { float: left; width: 72px; height: 72px; padding: 3px; }

.pagination { float: left; width: 578px; padding: 10px 0px 10px 0px; }
.pagination a.previous, .pagination a.next, .pagination a, .pagination .current, .pagination .previous, .pagination .next { float: left; font-size: 11px; color: #5E88A2; margin: 0px 3px 0px 3px; }
.pagination .current { background: #5E88A2; padding: 3px 5px 3px 5px; color: #ffffff; }
.pagination .previous, .pagination .next { background: #EFEFEF; color: #AFAFAF; padding: 2px 5px 2px 5px; border: solid 1px #AFAFAF; }
.pagination a.previous, .pagination a.next { background: #ffffff; padding: 2px 5px 2px 5px; border: solid 1px #5E88A2; }
.pagination a.previous:hover, .pagination a.next:hover { background: #8FADBF; color: #ffffff; }
.pagination a { background: #ffffff; padding: 2px 5px 2px 5px; border: solid 1px #5E88A2; }
.pagination a:hover { background: #8FADBF; color: #ffffff; }



/* ***BLOGGER Styles*** */
.date-header { text-align: right; font-style: italic; padding-bottom: 5px; }
.blog-entry { float: left; width: 578px; padding: 10px 0px 15px 0px; }
.post-body { float: left; width: 556px; font-size: .8em; padding: 5px 12px 0px 10px; color: #191919; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; }
p.blogger-labels { float: right; font-size: 11px; }
p.post-footer { float: left; width: 568px; font-size: 11px; padding: 0 0 25px 10px; }
.recent-cont { float: left; width: 220px; padding: 0 10px 15px 10px; }
.archive-cont { float: left; width: 220px; padding: 0 10px 15px 10px; }
ul.recent-list, ul.archive-list { padding: 0px 10px 0px 20px; }
ul.recent-list li, ul.archive-list li { padding-bottom: 5px; }

/* BLOGGER Comments */
#comments {float: left; width: 556px; margin:0 13px 0; border:1px dotted #ccc; padding:20px 0 15px 0;}
#comments h4 {margin:0 0 10px; padding:0 14px 2px 29px; border-bottom:1px dotted #ccc; font-size:120%; line-height:1.4em; color:#333;}
#comments-block {margin:0 15px 0 9px;}
.comment-data {background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px .3em; margin:.5em 0; padding:0 0 0 20px; color:#666;}
.comment-poster {font-weight:bold;}
.comment-body {margin:0 0 1.25em; padding:0 0 0 20px;}
.comment-body p {margin:0 0 .5em;}
.comment-timestamp {margin:0 0 .5em; padding:0 0 .75em 20px; color:#666;}
.comment-timestamp a:link {color:#666;}
.deleted-comment {font-style:italic; color:gray;}
.paging-control-container {float: right; margin: 0px 6px 0px 0px; font-size: 80%;}
.unneeded-paging-control {visibility: hidden;}

/* ***FEEDBURNER Styles*** */
.feedburnerFeedBlock ul { float: left; width: 245px; padding: 0; list-style: none; }
.feedburnerFeedBlock ul li { float: left; width: 215px; padding: 10px 10px 5px 20px; }
.feedburnerFeedBlock ul li .headline { float: left; width: 215px; padding-bottom: 5px; font-weight: bold; color: #5E88A2; }
.feedburnerFeedBlock ul li div { font-size: 11px; padding: 3px 5px 3px 5px; color: #5E88A2; }
.feedburnerFeedBlock ul li p.date { float: right; padding-top: 5px; font-size: 11px; color: #8F8F8F; }
.feedburnerFeedBlock #creditfooter { display: none; }


/* ***TESTIMONIAL Styles*** */
.test-cont { float: left; width: 578px; padding: 0 0 20px 0; }
.bg-test { background: url(../images/content/bg-test.jpg) repeat-y; float: left; width: 576px; }
.bg-test-top { background: url(../images/content/bg-test-top.jpg) no-repeat top; float: left; width: 576px; }
.bg-test-bottom { background: url(../images/content/bg-test-bottom.jpg) no-repeat bottom; float: left; width: 556px; padding: 20px 10px 20px 10px; }
.bg-test p { color: #2A5566; }
p.test-sign { float: right; color: #2A5566; font-size: 14px; text-align: right; padding: 0 0 7px 0; line-height: 14px; }
p.test-sign em { font-size: 11px; }
.test-link { background: url(../images/content/bg-test-link.jpg) no-repeat right; float: right; width: 568px; height: 25px; font-size: 11px; font-weight: bold; text-align: right; padding: 6px 10px 0 0; }

.test-intro { float: left; width: 262px; padding-bottom: 10px; }
.test-intro-cont { background: url(../images/content/bg-test-intro.jpg) no-repeat; float: right; width: 220px; padding: 13px 17px 20px 10px; }
.test-intro-cont p { font-size: 12px; color: #2A5566; }
.test-intro-link { background: url(../images/content/bg-test-intro-link.png) no-repeat right; float: right; width: 236px; height: 28px; font-size: 11px; font-weight: bold; text-align: right; padding: 6px 14px 0 0; }


/* ***Footer Styles*** */
#footer { background: url(../images/build/bg-footer.jpg) no-repeat 7px top; float: left; width: 930px; height: 75px; }
#footer-left { float: left; width: 500px; padding: 25px 0px 0px 30px; }
ul#footer-nav { float: left; width: 500px; list-style: none; padding: 0px; }
ul#footer-nav li { float: left; padding-right: 12px; font-size: 11px; color: #ffffff; }
ul#footer-nav li.disc { background: url(../images/build/nav-bullet.jpg) no-repeat 0px 4px; width: 5px; height: 10px; }
ul#footer-nav li a { color: #ffffff; text-decoration: none; }
ul#footer-nav li a:hover { color: #84AAC1; }

#footer-right { float: right; width: 350px; padding: 25px 30px 0px 0px; }
#copyright { float: right; clear: both; color: #ffffff; font-size: 11px; }

.link-cont { float: left; width: 660px; padding: 0 0 10px 20px; }
ul.link-directory { float: left; width: 660px; list-style: none; padding: 0px; }
ul.link-directory li { float: left; color: #A7CADF; font-size: 10px; padding: 0 8px 0 0; }
ul.link-directory li a { color: #A7CADF; }
ul.link-directory li a:hover { color: #ffffff; }

#branding { float: right; width: 220px; padding-bottom: 20px; }
#modernearth a { float: right; padding: 0px 20px 5px 0px; }
#binarycanary a { float: right; text-decoration: none; font-size: 10px; color: #B5CFDF; padding: 0px 20px 5px 0px; }
 
/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }