/**
 * Hugh & McKinnon, for Drupal 5.0
 * ImageX Media, imagexmedia [dot] com
 * Authors: Robert Phillips, mrrjpp [at] gmail [dot] com
 */
 
/**
 * Generic elements
 */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;

}

h1, h2, h3, h4, h5 {
  font-family: "Lucida Grande", "Tahoma", sans-serif;
}

h4 {
  padding-bottom: 4px;
  text-transform: uppercase;
  color: #8b3a32;
}

h5.sub-title {
  position: relative;
  top: -5px;
  margin-bottom: 10px;
  padding-bottom: 4px;
  font-size: 110%;
  font-weight: bold;
  color: #606060;
  border-bottom: 1px solid #ccc;
}

a:link, a:active, a:visited {
  color: #003263;
  text-decoration: none;
}

.node a,  .node a:active, .node a:visited, #block-block-10 a, #block-block-10 a:visited {
	font-weight: bold;
  text-decoration: underline;
}

.node .listing-sections a {
	font-weight: normal;
	text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  /* Bullet Item */
  background: url(..\\hm_images\\bullet-style1.gif) no-repeat 1px 0.35em;
}

/**
 * Layout
 */
#header-wrapper {
  width: 100%;
  height: 134px;
  background: url(..\\hm_images\\header-bg.jpg) repeat-x top;
}

#header-area {
  margin: 0 auto;
  width: 906px;
  height: 134px;
}

#header-logo {
  float: left;
  width: 204px;
  
  height: 134px;
  background: url(..\\hm_images\\header-logo.gif) no-repeat top left;
}
#header-logo a {
  display: block;
  width: 100%;
  height: 100%;
}

#header-since {
  float: left;
  margin-bottom: 24px;
  width: 702px;
  
  height: 50px;

}

#content-wrapper {
  width: 100%;
  background:  url(..\\hm_images\\main-bg.jpg) ;
  background-repeat: no-repeat;
}

#content-area {
  margin: 0 auto;
  width: 906px;
  min-height: 585px;
  background: #fff url(..\\hm_images\\main-bg-left.gif) no-repeat top left;
}

#content-area-left {
  float: left;
  margin: 0 0 10px 15px;
  width: 236px;
}

#content-area-left .block .content {
  margin: 0;
}


#content-area-right {
	float: right;
	padding: 15px 30px 0px;
	width: 595px;
}

#content-area-right .stretch-link {
  margin-bottom: 15px;
  padding: 4px;
  font-size: 11px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #e2ebf3;
}

#content-area-right .stretch-link a {
  display: block;
  padding-left: 15px;
  background: url(..\\hm_images\\bullet-style2.gif) no-repeat 0 1px;
}

.content-title {
  float: right;
  width: 655px;
  height: 70px;
  border-bottom: none;
  background: url(..\\hm_images\\title-bg.gif) repeat-x top; 
}

#page-title-align {
  padding-top: 24px;
  padding-left: 30px;
  font-size: 12px;
}

.page-subtitle {
	display: block;
	margin-bottom: 10px;
	width: 100%;
	font-size: 20px;
	color: #883830;
	background: url(..\\hm_images\\dividor-style1.gif) repeat-x bottom left;
}

#content-area-front {
  margin: 0 auto;
  width: 906px;
  background: #fff url(..\\hm_images\\front-sides-bg.png) no-repeat top left;
}

#content-area-bottom {
  margin: 0 auto;
  width: 906px;
  height: 10px;
  background: #7e98b1 url(..\\hm_images\\footer-left.gif) no-repeat top left;
}

#footer-wrapper {
  width: 100%;
  height: 100px;
}

#footer-area {
  margin: 0 auto;
  padding: 15px 0;
  width: 906px;
  color: #fff;
}

#footer-area a {
  color: #fff;
}

#footer-left {
  float: left;
  margin: 0 40px 0 20px;
}

#footer-middle {
  float: left;
}

#footer-right {
  float: right;
  margin: 0 20px;
}

#footer-right span#footer-imagex {
  color: #027AC6;
}

/**
 * Blocks
 */
.block-top {
  width: 236px;
  height: 4px;
  background: url(..\\hm_images\\block-top.gif) no-repeat top left;
}

.block-block {
  padding: 12px 20px;
  width: 196px;
  background: #edf1f4 url(..\\hm_images\\block-sides.gif) repeat-y top left;
}

.block-block h2 {
  font-size: 18px;
}

.block-block ul {
  padding: 0;
}

.block-bottom {
  margin-bottom: 12px;
  width: 236px;
  height: 4px;
  background: url(..\\hm_images\\block-bottom.gif) no-repeat bottom left;
}

/**
 * Recent listings block
 */
.recent-listing {
  display: block;
  padding-bottom: 5px;
  height: 50px;
}

.recent-listing-photo {
  float: left;
}

.recent-listing-photo img {
  padding: 2px;
  border: 1px solid #ccc;
}

.recent-listing-details {
  float: left;
  padding-left: 10px;
  width: 120px;
}

.recent-listing-details span.type {
  display: block;
  padding-left: 16px;
  font-weight: bold;
  background: url(..\\hm_images\\bullet-style6.gif) no-repeat 0 3px;
}

.recent-listing-details span.details {
  font-size: 11px;
}

/**
 * Clear Fix
 */
.clearfix:after {
		clear: both; 
		display: block; 
		content: "."; 
		visibility: hidden;
		height: 0; 
}

	/* Hides rule from IE5-Mac \*/
	* html .clearfix { height: 1%; }
	/* End IE5-Mac hack */

/**
 * Primary Navigation
 */
#primary-nav {
  float: right;
  width: 702px;
}

#primary-nav ul li {
  float: left;
  margin: 0;
  padding: 0;
}

#primary-nav ul li a {
	display: block;
	margin: 0;
	padding: 22px 15px 23px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", serif;
	font-weight: 200;
	color: #023252;
	background: url(..\\hm_images\\primarynav-bg-right.gif) no-repeat top right;
}
#primary-nav ul li a:hover {
  background: url(..\\hm_images\\primarynav-bg-active.gif) no-repeat top right;
}
#primary-nav ul li.active a {
  background: url(..\\hm_images\\primarynav-bg-active.gif) no-repeat top right;
}

#primary-nav ul li.first a {
  padding: 22px 15px 23px 20px;
  background: url(..\\hm_images\\primarynav-first.gif) no-repeat top left;
}
#primary-nav ul li.first a:hover {
  background: url(..\\hm_images\\primarynav-first-active.gif) no-repeat top left;
}
#primary-nav ul li.first a.active {
  background: url(..\\hm_images\\primarynav-first-active.gif) no-repeat top left;
}

#primary-nav ul li.last a {
  padding: 22px 20px 23px 15px;
  background: url(..\\hm_images\\primarynav-last.gif) no-repeat top right;
}
#primary-nav ul li.last a:hover {
  background: url(..\\hm_images\\primarynav-last-active.gif) no-repeat top right;
}
#primary-nav ul li.last a.active {
  background: url(..\\hm_images\\primarynav-last-active.gif) no-repeat top right;
}

#primary-nav ul li.dividor {
  width: 2px;
  height: 60px;
  background: url(..\\hm_images\\primarynav-dividor.gif) no-repeat top left;
}

#primary-nav ul li.dividor-active {
  background: url(..\\hm_images\\primarynav-dividor-active.gif) no-repeat top left;
}
#primary-nav ul li.dividor2-active {
  background: url(..\\hm_images\\primarynav-dividor-activew.gif) no-repeat top left;
}

/**
 * Secondary Navigation
 */
#secondary-nav {
  margin-bottom: 12px;
}
 
.secondary-nav-button {
  margin-bottom: 1px;
  width: 236px;
}

.secondary-nav-button a {
  display: block;
  padding: 13px 0 12px 38px;
  color: #607481;
  background: url(..\\hm_images\\secondary-nav.gif) no-repeat top left;
}
.secondary-nav-button a:hover {
  font-weight: bold;
  color: #0062A0;
  background: url(..\\hm_images\\secondary-nav-over.gif) no-repeat top left;
}

.secondary-nav-button-active a {
  font-weight: bold;
  text-decoration: underline;
  color: #0062A0;
  background: url(..\\hm_images\\secondary-nav-over.gif) no-repeat top left;
}

/**
 * Front Page
 */
#front-flash {
  margin: 0 15px;
}

#front-main-area {
  margin: 0 15px;
  width: 881px;
  height: 388px;
  background: url(..\\hm_images\\front-main-bg-viev.png) no-repeat top left;
  line-height: 1.08;
}

#front-left {
  float: left;
  width: 597px;
}

#front-copy {
	margin: 10px 20px 0;
	width: 557px;
	height: 172px;
}

#front-copy .node {
  margin: 0;
  padding: 0;
}

#front-mdr {
  width: 100%;
}

#front-mdr-box {
  float: left;
  width: 180px;
  text-align: center;
}

#front-mdr-box a {
  display: block;
  font-size: 110%;
  font-weight: bold;
  color: #003263;
}

.front-mdr-photo {
  margin: 0 auto;
  width: 109px;
  height: 112px;
}

.front-mdr-photo a {
  display: block;
  width: 109px;
  height: 112px;
}

.front-mdr-sales-listings {
  margin: 0 10px;
}
.front-mdr-sales-listings div.front-mdr-photo a {
  background: url(..\\hm_images\\mdr-sales-listings.gif) no-repeat top left;
}
.front-mdr-sales-listings div.front-mdr-photo a:hover {
  background: url(..\\hm_images\\mdr-sales-listings-over.gif) no-repeat top left;
}

.front-mdr-rental-listings {
  margin: 0 6px;
}
.front-mdr-rental-listings div.front-mdr-photo a {
  background: url(..\\hm_images\\mdr-rental-listings.gif) no-repeat top left;
}
.front-mdr-rental-listings div.front-mdr-photo a:hover {
  background: url(..\\hm_images\\mdr-rental-listings-over.gif) no-repeat top left;
}

.front-mdr-property-management {
  margin: 0 0 0 0px;
}
.front-mdr-property-management div.front-mdr-photo a {
  background: url(..\\hm_images\\mdr-property-management.gif) no-repeat top left;
}
.front-mdr-property-management div.front-mdr-photo a:hover {
  background: url(..\\hm_images\\mdr-property-management-over.gif) no-repeat top left;
}

#front-right {
	float: right;
	width: 284px;
}

#front-featured-realtor {
  width: 100%;
  height: 200px;
}

#front-featured-realtor a {
  font-size: 11px;
  color: #8b3a32;
}

#front-featured-realtor-left {
  float: left;
  margin: 70px 0 0;
  width: 152px;
  text-align: center;
}

#front-featured-realtor-right {
  float: left;
  margin: 6px 0 0 12px;
}

#front-contact {
  width: 280px;
}

#front-contact-left {
  float: left;
  width: 100px;
}

.front-contact-title {
	padding-bottom: 4px;
	text-align: right;
	font-weight: bold;
	color: #2f5b84;
	font-size: 0.95em;
	line-height:12px;
}

.front-envelope {
  margin-top: 30px;
}

#front-contact-right {
  float: left;
  margin: 0 0 0 15px;
  
}

.front-contact-value {
	padding-bottom: 4px;
	text-align: left;
	font-size: 0.95em;
	line-height:12px;
}

.front-emailus {
  margin-top: 10px;
}

.front-emailus a {
  font-size: 11px;
  font-weight: bold;
  color: #8b3a32;
}

/**
 * Search Form (Block)
 */
.block-search {
  padding: 10px;
  border: 1px solid #e4e4e4;
  background: url(..\\hm_images\\gradient-style1.gif) repeat-x top;
}

.block-search h2 {
  display: none;
}

.block-search .search-title {
  margin-bottom: 4px;
  font-size: 110%;
  font-weight: bold;
}

/**
 * Local Tasks
 */
ul.primary {
 float: none;
}
 
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
  background: url(..\\hm_images\\tab-bg.gif) repeat-x 0 50%;
}

/**
 * Administration Menu
 */
#admin-menu-wrapper {
  width: 100%;
}
 
#admin_menu {
  font-size: 10px;
  background: #551d17;
}

#admin_menu_icon {
  margin: 2px 4px;
}

#admin_menu a {
  border-right: 1px solid #7e2a22;
}

#admin_menu li li {
  background: #003263;
  opacity: 0.98;
}

#admin_menu li li a {
  border-top: 1px solid #285581;
}

/**
 * Basic Administration Menu
 */
.block-user {
  margin-top: 10px;
  padding: 20px;
  border: 1px solid #e4e4e4;
  background: url(..\\hm_images\\gradient-style1.gif) repeat-x top;
}

.block-user h2 {
  text-transform: capitalize;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  background: url(..\\hm_images\\bullet-style6.gif) no-repeat 0 3px;
}

ul li.collapsed {
  background: url(..\\hm_images\\bullet-style5.gif) no-repeat 0 3px;
}

/**
 * Listing Type Overview
 */
.listing-sections {
  float: left;
  margin-bottom: 10px;
  padding-right: 15px;
  width: 282px;
  height: 100px;
  cursor: pointer;
  background: url(..\\hm_images\\dividor-style1.gif) repeat-x bottom left;
}
 
.listing-sections img {
  float: left;
  margin-right: 15px;
  padding: 3px;
  border: 1px solid #ccc;
}

.listing-sections h5 {
  display: inline;
  padding-left: 20px;
  background: url(..\\hm_images\\bullet-style5.gif) no-repeat 0 4px;
}

/**
 * Property Listings
 */
.listing-block {
  display: block;
  padding: 10px;
  cursor: pointer;
  min-height: 95px;
  background: url(..\\hm_images\\dividor-style1.gif) repeat-x bottom left;
}

.listing-block .listing-display-photo {
  float: left;
  padding-bottom: 10px;
  width: 120px;
  height: 90px;
}

.listing-block .listing-display-photo img {
  padding: 4px;
  border: 1px solid #ccc;
}

.listing-block .listing-details {
  float: left;
  padding: 0 0 0 25px;
  width: 430px;
}

.listing-block .listing-details h5 {
  display: inline;
  padding: 0 0 4px 16px;
  font-size: 130%;
  font-weight: bold;
  color: #782d1f;
  background: url(..\\hm_images\\bullet-style6.gif) no-repeat 0 5px;
}

.listing-block .listing-details h5.rental-rate {
  float: right;
  color: #509f5b;
  background: none;
}

.listing-block .listing-details h4 {
  display: inline;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #003263;
}

.listing-block .listing-details p {
  margin: 0.6em 0;
}

.listing-block .listing-details span {
  padding-right: 10px;
}

.listing-block .listing-more {
  position: relative;
  top: +9px;
  left: +10px;
  float: right;
  padding: 2px 4px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  background: #003263;
}

.listing-block .listing-more a {
  color: #fff;
}

.listing-page .listing-information {
  float: left;
  width: 340px;
  min-height: 500px;
}

.listing-page .listing-details {
  float: left;
  position: relative;
  top: -22px;
}

.listing-page .listing-detail-section.address {
  margin-bottom: 6px;
  font-weight: bold;
}

.listing-page .listing-detail-section.address p {
  width: 225px;
}

.listing-page .listing-detail-section {
  margin-bottom: 6px;
  padding: 1px 5px;
  width: 326px;
  background: url(..\\hm_images\\dividor-style1.gif) repeat-x bottom left;
}

.listing-page .listing-detail-section h5 {
  font-size: 120%;
  color: #8B3A32;
}

.listing-details span.detail-title {
  margin-left: 8px;
  padding-left: 16px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #003263;
  background: url(..\\hm_images\\bullet-style5.gif) no-repeat 0 3px;
}

.listing-page .listing-rate {
  float: right;
}

.listing-page .listing-rate span {
  font-size: 130%;
  font-weight: bold;
  color: #509f5b;
}

.listing-page .listing-photos {
  float: right;
  margin-bottom: 15px;
  width: 234px;
  text-align: center;
  border: 1px solid #ccc;
}

.listing-page .listing-photo-display {
  padding: 10px;
}

.listing-page .listing-photos-controls {
  padding: 5px 10px;
  height: 16px;
  font-size: 11px;
  border-top: 1px solid #ccc;
  background: url(..\\hm_images\\gradient-style2.gif) repeat-x bottom left;
}

.listing-page .listing-photos-controls span.left {
  float: left;
  font-size: 12px;
  font-weight: bold;
  color: #8B3A32;
}
.listing-page .listing-photos-controls span.middle {
  float: left;
  position: relative;
  left: +34px;
}
.listing-page .listing-photos-controls span.right {
  float: right;
  font-size: 12px;
  font-weight: bold;
  color: #8B3A32;
}

.listing-page .listing-photos-controls a {
  font-size: 11px;
  font-weight: normal;
}

.listing-page .listing-contact {
  float: right;
}

.listing-page .listing-contact span {
  padding-left: 16px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #003263;
  background: url(..\\hm_images\\bullet-style6.gif) no-repeat 0 3px;
}

/**
 * Site map
 */
.site-map h2 {
  display: none;
}

.site-map ul li.expanded {
  margin-left: 5px;
  padding-left: 19px;
  list-style-image: none;
  list-style-type: none;
}

/**
 * Agents
 */
.agent {
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 50%;
  background: url(..\\hm_images\\dividor-style1.gif) repeat-x bottom left;
}

.agent .agent-photo {
  float: left;
  padding-right: 10px;
}

.agent .agent-photo img {
  padding: 4px;
  border: 1px solid #ccc;
}

.agent .agent-photo a:hover img {
  background: #000;
}

.agent .agent-details {
  padding: 4px 0;
}

.agent .agent-details span.email a {
  font-weight: bold;
}

.agent .agent-details span {
  padding-left: 22px;
  background: url(..\\hm_images\\bullet-style5.gif) no-repeat 2px 3px;
}

/**
 * Managers
 */
.manager {
  padding-top: 10px;
  width: 100%;
  background: url(..\\hm_images\\dividor-style3.gif) repeat-x bottom left;
}

.manager-name {
  font-size: 18px;
}

.manager-details {
  margin-bottom: 10px;
  padding: 10px 0;
}

.manager-details p {
  margin: 0;
  padding: 0 0 10px 0;
}

.manager-photo {
  padding: 0 10px 10px 0;
  float: left;
}

.manager-photo img {
  padding: 4px;
  border: 1px solid #ccc;
}

.manager-email {
  padding-left: 22px;
  background: url(..\\hm_images\\bullet-style5.gif) no-repeat 2px 3px;
}
/**
 * Other
 */
.top-of-page {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.top-of-page a {
  display: block;
  padding: 5px 26px;
  font-size: 11px;
  text-transform: uppercase;
  background: url(..\\hm_images\\bullet-style6.gif) no-repeat 6px 8px;
}

.top-of-page a:hover {
  background: url(..\\hm_images\\bullet-style5.gif) no-repeat 6px 8px;
}