@charset "utf-8";

@font-face {
    font-family: 'hel-black';
    src: url('http://assets.rmcloud.com/fonts/helveticaltstd-blkcond-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/helveticaltstd-blkcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-blkcond-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-blkcond-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-blkcond-webfont.svg#HelveticaLTStdBlackCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hel-bold';
    src: url('http://assets.rmcloud.com/fonts/helveticaltstd-boldcond-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/helveticaltstd-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-boldcond-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-boldcond-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-boldcond-webfont.svg#HelveticaLTStdBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hel-reg';
    src: url('http://assets.rmcloud.com/fonts/helveticaltstd-cond-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/helveticaltstd-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-cond-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-cond-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-cond-webfont.svg#HelveticaLTStdCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hel-light';
    src: url('http://assets.rmcloud.com/fonts/helveticaltstd-lightcond-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/helveticaltstd-lightcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-lightcond-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-lightcond-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/helveticaltstd-lightcond-webfont.svg#HelveticaLTStdLightCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

/******* Defaults & Classes */

body { 
  font-family: 'hel-light';
  font-size: 15px;
  background: url(images/wood.jpg) #000000 !important;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

.wrapper { width: 100%; }

.container {
  margin: 0 auto;
  width: 960px;
}

#site { 
  background: url(images/white-bar.png) no-repeat right top; 
  -background: none;
  position: relative;
  padding: 60px 0 0;
  *z-index: 1;
}

.nostyle {
  list-style: none;
  padding: 0;
  margin: 0;
}

/******* Top Nav */

#top {
  position: absolute;
  top: 0;
}

#top li { float: right; }

#top li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-family: 'hel-black';
  padding: 0 20px;
  line-height: 60px;
  height: 60px;
  -width: 82px;
  -padding: 0;
  -text-align: center;
}

#top li a:hover { color: #7ea431; }

#top li a.goog-logo-link {
  color: #666;
  display: inline;
  font-family: arial;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  padding: 0;
  margin: 5px 0 0
}

#top #google_translate_element { 
  padding: 0 0 0 20px; 
  border-left: 1px solid #6e6e6e;
  margin: 5px 0 0;
}

/******* Main Styling */

#main { background: url(images/green.jpg) repeat-x; }

#shadow { 
  background: url(images/shadow.jpg) no-repeat center top; 
  padding: 143px 0 0;
  overflow: hidden;
}

#main .container {
  width: 958px;
  background: #d4d4d4;
  position: relative;
  padding: 1px 1px 30px;
  *padding: 1px 1px 15px;
}

#logoLink {
	display: block;
	position: absolute;
	top: -120px;
	color:#FFFFFF;
	text-decoration:none;
	font-family: 'hel-bold';
	font-size: 31px;
	text-shadow: -1px -1px 1px #537115;
}

#logoLink h1 {
	margin:0;
	padding:0;
	font-size:60px;
	line-height:60px;
	
}

#logoLink span {
	color: #DDF2AF;

}

h1#office {
  position: absolute;
  font-size: 30px;
  color: #fff;
  top:-130px;
  right: 0;
  font-family: 'hel-bold';
  text-align: right;
  font-weight:normal;
  text-shadow: -1px -1px 1px #537115;
}

h1#office span {font-size: 16px; }

h1#office sup { font-size: 16px; }

#socialMedia {
  position: absolute;
  /**top: -42px;*/
  top: -43px;
  right: 0;
}

#socialMedia li { float: right; }

#socialMedia a {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 0 0 5px;
}

#socialMedia a#twitterLink { background: url(images/twitterLink_small.png) no-repeat left top; }
#socialMedia a#facebookLink { background: url(images/facebookLink_small.png) no-repeat left top; }
#socialMedia a#linkedinLink { background: url(images/linkedinLink_small.png) no-repeat left top; }
#socialMedia a#youtubeLink { background: url(images/youtubeLink_small.png) no-repeat left top; }
#socialMedia a#blogLink { background: url(images/blog_small.png) no-repeat left top; }
#socialMedia a#flickrLink { background: url(images/flickr_small.png) no-repeat left top; }
#socialMedia a:hover { background-position: left bottom !important; }


#nav {
  width: 958px;
  background: #000;
  font-weight: normal;
  *position: relative;
  *z-index:150;
}

#nav li { 
  float: left;
  position: relative;
  padding: 0 0 0 5px;
  background: url(images/nav-dot.gif) no-repeat left center;
  *z-index: 160;
  -background: none;
}

#nav li:first-child { background: none; }

#nav li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-family: 'hel-bold';
  font-size: 19px;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  -width: 185px;
  -padding: 0;
  -text-align: center;
}

#nav li ul { display: none; }

#nav li.over a { color: #7ea431 }

#nav li.over ul {
  display: block;
  width: 272px;
  position: absolute;
  z-index: 502;
  background: #485e1c;
}

#nav li.over ul.contact {
  display: block;
  width: 212px;
  position: absolute;
  z-index: 502;
  background: #485e1c;
  right: -38px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li.over ul.contact a {
 width: 200px;
  padding: 0 0 0 10px;
  margin: 0 1px 1px 1px;
  background: #181818;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  color: #fff;
}



#nav li.over ul li {
  padding: 0;
  background: none;
}

#nav li.over ul a {
 width: 260px;
  padding: 0 0 0 10px;
  margin: 0 1px 1px 1px;
  background: #181818;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  color: #fff;
}

#nav li.over ul a:hover {
  color: #181818;
  background: #7ea432;
}

#greenBar {
  height: 5px;
  margin: 1px 0 575px;
  background: #7fa532;
}

#left {
  width: 570px;
  padding: 0 0 0 10px;
  float: left;
}

/******* Stats Widget */

#left .external-board-stats { margin: 20px 0 0; }

#left .external-board-stats #stats-text {
  width: 570px;
  background-color: transparent;
  color: #535353;
  font: 13px/18px 'hel-reg';
}

#left .external-board-stats img { display: none; }

#left .stats-title { 
  width: 570px;
  padding: 0;
  margin: 0 0 5px;
}

#left .stats-title img { display: none; }

#left .stats-title-text {
  font-family: 'hel-black';
  font-size: 22px;
  color:#181818;
  font-weight: normal;
  background: url(images/creb-logo.jpg) no-repeat left center;
  margin-left: 0;
  padding: 0 0 0 131px;
}

#left .stats-title-text a {
  color:#a0b773;
  font-family: 'hel-reg';
  font-size: 13px;
  font-weight: normal;
  padding: 0;
  width: auto;
}

#left #stats-left {
  width: 560px;
  padding: 0;
  background: #fff;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  color: #9e9e9e;
  padding: 0 10px 0 0;
}

#left #stats-middle {
  padding: 0;
  width: 570px;
}

#left table.stats {
  font: 13px 'hel-reg';
  color: #535353;
}

#left table.stats th {
  font-weight: normal;
  font-family: 'hel-bold';
}

#left table.stats tr:first-child { background: #dedede; }

#left table.stats tr:first-child th {
  color: #535353;
  font-family: 'hel-reg';
  padding: 5px 0;
}

#left #CREBStats_HowCalcLink {
  height: 28px;
  line-height: 28px;
  background: #fff;
  color:#181818;
}


#left #CREBStats_HowCalcLink a {
  color:#54711f;
  font-size: 13px;
}

/******* Right Side */

#right {
  float: right;
  width: 349px;
  padding: 0 10px 0 0;
  -padding: 0;
}

#right a { 
  display: block; 
  text-decoration: none;
}

#right .rightBtn {
  height: 56px;
  margin: 0 0 10px;
  font-family: 'hel-bold';
  color: #fff;
  font-size: 19px;
  padding: 14px 0 0 70px;
}

#right .rightBtn span {
  display: block;
  color:#181818;
  font-size: 16px;
  font-family: 'hel-light';
}

#right #customSearch { background: url(images/btnCustom.jpg) no-repeat; }
#right #searchMap { background: url(images/btnMap.jpg) no-repeat; }
#right #freeEval { background: url(images/btnEval.jpg) no-repeat; }
#right #marketUpdate { background: url(images/btnUpdate.jpg) no-repeat; }

#mobile {
  height: 57px;
  background: url(images/mobile.jpg) no-repeat;
  font-family: 'hel-reg';
  font-size: 30px;
  color: #000;
  padding: 44px 0 0 71px;
  margin:15px 0;
}

#mobile span {
  display: block;
  float: right; 
  font-family: 'hel-black';
  font-size: 14px;
  width: 100px;
  margin: -15px 0 0;
  *margin: -40px 0 0;
}

#fb {
  height: 39px;
  width: 349px;
  line-height: 39px;
  padding: 0px;
  overflow: hidden;
  background: url(images/fb.jpg) no-repeat;
  -display: none;
}

/******* Fader Styles */
#mainTop {
  position: absolute;
  top: 68px;
  width: 958px;
  *z-index: 10;
}

#fader { 
  position: relative; 
  height: 275px;
  *z-index: 20;
  *margin: 0 0 5px;
}

#fader li {
  width: 958px;
  height: 275px;
  position: absolute;
  top:0;
  background: url(images/fade-skyline.jpg) no-repeat;
  *z-index: 30;
}

#fader li.first { background: url(images/fade-int.jpg) no-repeat; }
#fader li.last { background: url(images/fade-ext.jpg) no-repeat; }

#mainSignup {
  background: url("images/mainSignup.png") no-repeat scroll 0 0 transparent;
  color: #181818;
  font-family: 'hel-bold';
  font-size: 20px;
  height: 62px;
  line-height: 62px;
  padding: 0 0 0 10px;
  position: absolute;
  top: 200px;
  width: 491px;
  *z-index: 40;
}

#mainSignup a {
  background: url(images/buttonBg.gif) repeat-x;
  line-height: 28px;
  height: 28px;
  padding: 0 15px;
  font-size: 18px;
  color:#fff;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000;
  display: inline-block;
  border: 1px solid #7ea331;
  -moz-border-radius: 3px;
  -webkit-border-radiue: 3px;
}

#mainSignup a:hover { background: #8c9b6b; }

#frmMlsSearch {
  background: url(images/searchBg.png) repeat-y;
  width: 323px;
  position: absolute;
  top: 0;
  right: 0;
  height: 275px;
  padding: 0 25px 0 33px;
  *z-index: 50 !important;
  -left: 580px;
}

#frmMlsSearch h1 {
  background: url(images/searchHeading.png) no-repeat center bottom;
  font-family: 'hel-bold';
  font-size: 18px;
  color: #7ea331;
  text-align: center;
  padding: 10px 0 25px;
}

#frmMlsSearch input, #frmMlsSearch select {
  width: 303px;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #7ea331;
  font-family: 'hel-reg';
  font-size: 15px;
  color: #181818;
  background: url(images/input.jpg) repeat-x #fbfcf8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 10px 0 0;
}

#frmMlsSearch select {
  padding: 3px 4px 3px 0;
  width: 159px;
}

#frmMlsSearch #DATA_TYPE { width: 323px; }

#frmMlsSearch a {
  display: block;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  font-family: 'hel-bold';
  text-shadow: 1px 1px 1px #000;
  background: url(images/buttonBg.gif);
  height: 28px;
  border: 1px solid #7ea331;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width:283px;
  margin: 10px auto 0;
  text-align: center;
  line-height: 28px;
}

#frmMlsSearch a:hover { background: #8c9b6b; }

/******* LOGIN FORM */

#frmLoginHeader {
  background: #181818;
  height: 30px;
  padding: 5px 100px 5px 10px;
  margin: 5px 0 10px; 
  text-align: right;
}

#frmLoginHeader span {
  color: #d4d4d4;
  font-size: 15px;
  line-height: 15px;
  display: block;
  padding: 0 5px;
  border-right: 1px solid #d4d4d4;
  font-family: 'hel-reg';
  float: left;
  margin: 0 0 0 518px;
  -margin: 0 0 0 259px;
}

#frmLoginHeader input {
  width: 99px;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #7ea331;
  font-family: 'hel-reg';
  font-size: 15px;
  color: #181818;
  background: url(images/input.jpg) repeat-x #fbfcf8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 0 0 0 10px;
}

#frmLoginHeader button {
  background: url(images/buttonBg.gif);
  border: 1px solid #7EA331;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #FFFFFF;
  position: absolute;
  font-family: 'hel-bold';
  font-size: 18px;
  height: 30px;
  line-height: 28px;
  margin: 0 0 0 10px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000000;
  width: 83px;
  cursor: pointer;
}

#frmLoginHeader button:hover { background: #8c9b6b; }

/******* FEATURED LISITNGS STYLES */

#mainTop .scrollable-widget {
  width: 578px;
  height: 222px;
  padding: 1px;
  background: #181818;
  float: left;
}

#mainTop .scrollable, #mainTop .slideHolder {
  width: 578px;
  height: 222px;
}

#mainTop .slide {
  margin: 0;
  width: 279px;
  height: 222px;
  position: relative;
}

#mainTop .slideHolder .slide:first-child { margin:0 20px 0 0; }

#mainTop .img-holder {
  height: 222px;
  background:#d4d4d4;
  width: 273px;
  padding: 3px;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  overflow: hidden;
}

#mainTop .img-holder img { 
  width: 271px; 
  height: 214px;
}

#mainTop .details {
  position: absolute;
  background: url(images/featuredOverlay.png) no-repeat;
  height: 222px;
  width: 279px;
  top:0;
  left: 0;
}

#mainTop .details h1 a {
  bottom: 2px;
  display: block;
  font-family: 'hel-bold';
  font-size: 16px;
  height: 36px;
  left: 3px;
  line-height: 36px;
  padding: 0 0 0 5px;
  position: absolute;
  text-align: left;
  width: 268px;
}

#mainTop .details h2 {
  background: none repeat scroll 0 0 #557120;
  border-bottom: 1px solid #000000;
  font-family: 'hel-reg';
  font-size: 16px;
  left: 4px;
  padding: 2px 10px;
  position: absolute;
  top: 18px;
}

#mainTop .scrollable-widget button { 
  width: 32px;
  height: 54px;
  background: url(images/prevnext.png) no-repeat;
  border:none;
  top:75px;
}

#mainTop .scrollable-widget button span { display: none;}
#mainTop .scrollable-widget button.prev { left: 5px; }

#mainTop .scrollable-widget button.next { 
  right: 5px; 
  background-position: right top;
}

#mainTop .scrollable-widget button.prev:hover { background-position: left bottom; }
#mainTop .scrollable-widget button.next:hover { background-position: right bottom; }

/******* COMMUNITIES */

#communities {
  width: 349px;
  float: right;
  height: 224px;
  background: url(images/communities.jpg) no-repeat left bottom;
  margin: 0 10px 0 0;
}

#communities h1 {
  font-size: 20px;
  font-family: 'hel-reg';
  color: #7ea432;
}

#communities .communityNavigator {
  margin: 90px 0 0;
}

#communities .communityNavigator .zone {
  background-color: transparent;
  margin: 0;
  padding: 0;
  width: 50%;
  *width: 49%;
  float: left;
}

#communities .communityNavigator .zone h3 {
  font-family: 'hel-bold';
  font-size: 16px;
  color: #181818;
  line-height: 35px;
  height: 35px;
  margin: 0;
  padding: 0 0 0 10px;
  text-shadow: none;
}

#communities .communityNavigator .zone h3:hover { color: #fff; }

#communities .communityNavigatorOverlay {
  background-color: #6b8732;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  left: -611px;
  padding: 5px;
  top: 0;
}

#communities .communityNavigator .communityNavigatorOverlay h3 {
  text-align: center;
  font-size: 20px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  font-family: 'hel-reg';
  padding: 0 0 10px;
  text-shadow: -1px -1px 2px #000;
}

#communities .communityNavigator .communityNavigatorOverlay .close {
  right: 5px;
  top: 8px;
}

#communities .communityNavigator .communityNavigatorOverlay li {
  font-size: 14px;
  font-weight: normal;
  line-height: 26px;
  height: 26px;
  font-family: 'hel-reg';
  border-bottom: 1px dotted #ccc;
}

#communities .communityNavigator .communityNavigatorOverlay li a {
  display: block;
  padding: 0 0 0 10px;
  text-decoration: none;
}

#communities .communityNavigator .communityNavigatorOverlay li a:hover { color: #181818; }


/****** FOOTER STYLES */

#contactInfo { 
  background: url(images/footerTile.jpg) repeat-x;
  padding: 0 0 20px;
}

#contactInfo .container {
  background: url(images/footer.jpg) no-repeat right top;
  height: 198px;
}

#contact {
  font-family: 'hel-bold';
  font-size: 18px;
  color: #fff;
  width: 220px;
  float: left;
}

#contact a { color: #fff; }

#contact h1 {
  font-size: 23px;
  font-family: 'hel-bold';
  color: #000;
  padding: 10px 0;
}

#opps {
  float: left;
  width: 720px;
  padding: 10px;
  font-family: 'hel-reg';
  font-size: 14px;
  color: #fff;
}

#opps h1 {
  font-size: 18px;
  color: #000;
  font-family: 'hel-reg';
  padding: 0 0 10px;
}

#opps ul { margin: 15px 0 0; }

#opps li {
  float: left;
  width: 25%;
}

#opps li a {
  display: block;
  background: url(images/footerArrow.png) no-repeat left center;
  padding: 0 0 0 17px;
  color: #fff;
  font-size: 14px;
  height: 26px;
  line-height; 26px;
}

#footerLinks {
  background: #181818;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#footerLinks .container {
  height: 40px;
  background: none;
  color: #fff;
  font-family: 'hel-reg';
  line-height: 40px;
}

#footerLinks a {color: #fff;}

/******** INT STYLES */

.int #greenBar { margin: 1px 0;}

.int #PageHeader {
  background: #fff;
  font-size: 22px;
  height: 40px;
  line-height: 40px;
  margin: 5px 0;
  padding: 0 0 0 20px;
  color:#495f1d;
  font-family: 'hel-black';
}

.int .cms {
  padding: 10px 20px;
  font-family: 'hel-reg';
  font-size: 15px;
  min-height:275px;
}


.fb_iframe_widget span {
	position: relative;
	left: 247px;
	top: 3px;
	*top: 8px;
}

/******* COMMUNITY MODULE */

#cms #autoblog .community_header, 
#cms #autoblog div.community,
#cms #autoblog .communityNavigator li.active,
#cms #autoblog #list-properties-box,
#cms #autoblog #amenities,
#cms #autoblog #list-properties a.view { background-color: #7ea431; }

#cms #autoblog .communityNavigator li.expanded,
#cms #autoblog .communityNavigatorOverlay  { background-color: #181818; }

#cms #autoblog a,
#cms #autoblog h2 { color: #181818; }

#cms #autoblog #list-properties a.view { border: 1px solid #181818; }


/******* BLOG WIDGET */


#blog-posts-widget {
  background: url(images/blog_post_bottom.jpg) repeat scroll left bottom transparent;
      margin: 0 auto;
      position: relative;
      top: 0;
}

#blog-posts-widget h2 {
	display:none;
}

#blogArea h2 {
	margin: 0;
	padding: 20px 0 16px 20px;
	text-align: left;
	font-family: 'hel-bold';
	font-size: 20px;
 }

#blog-posts-widget ul.articles {
  margin: 0 0 10px;
  padding: 0 1px 1px 20px;
  list-style: none;
}

#blog-posts-widget ul.articles li {
  border-bottom: 1px dashed #222222;
    margin: 0 0 10px;
}

#blog-posts-widget h3 {
  margin: 0;
  padding: 0;
}

#blog-posts-widget h3 a {
    background: none repeat scroll 0 0 #7EA431;
    color: #FFFFFF;
    display: block;
    font-family: 'hel-bold';
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    padding: 5px 3px 0 3px;
    text-decoration: none;
}

#blog-posts-widget h3 a:hover {
	background: #526D1E;
}

#blog-posts-widget h3 span.date {
background: none repeat scroll 0 0 #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    padding: 2px 5px;
}

#blog-posts-widget p img {
  display: none;  
}

#blog-posts-widget p {
  color: #343434;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 10px 0;
	text-align: justify;
	line-height: 15px;
}

#blog-posts-widget p a {
  color: #7EA431;
  font-weight:bold;
  display:inline;
}

#right a.twitterButton {
    background: url("images/twitterBird.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    border: 1px solid #DDDDDD;
    color: #000000;
    display: block;
    font-family: 'hel-bold';
    font-size: 15px;
    margin: 0 0 0 20px;
    padding: 20px 10px;
    text-decoration: none;
    width: 310px;
}

#right a.twitterButton  h4 {
	color:#7EA431;
	font-size: 24px;
	font-family: 'hel-bold';
}
#right a.twitterButton:hover h4 {
	color:#FFFFFF;
}