/**************************************************** FONTS */
@font-face {
  font-family: 'futura-book';
  src: url('http://assets.rmcloud.com/fonts/futuran-webfont.eot');
  src: local('☺'), url('http://assets.rmcloud.com/fonts/futuran-webfont.woff') format('woff'), url('http://assets.rmcloud.com/fonts/futuran-webfont.ttf') format('truetype'), url('http://assets.rmcloud.com/fonts/futuran-webfont.svg#webfontEH53qlky') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futura-med';
  src: url('http://assets.rmcloud.com/fonts/tt0142m_-webfont.eot');
  src: local('☺'), url('http://assets.rmcloud.com/fonts/tt0142m_-webfont.woff') format('woff'), url('http://assets.rmcloud.com/fonts/tt0142m_-webfont.ttf') format('truetype'), url('http://assets.rmcloud.com/fonts/tt0142m_-webfont.svg#webfontYFHgKNzk') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futura-heavy';
  src: url('http://assets.rmcloud.com/fonts/futurah-webfont.eot');
  src: local('☺'), url('http://assets.rmcloud.com/fonts/futurah-webfont.woff') format('woff'), url('http://assets.rmcloud.com/fonts/futurah-webfont.ttf') format('truetype'), url('http://assets.rmcloud.com/fonts/futurah-webfont.svg#webfont3uUV7Lnc') format('svg');
  font-weight: normal;
  font-style: normal;
}

/**************************************************** TAGS */
body {
  font-family: 'futura-book';
  font-size: 14px;
}

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

/**************************************************** COMMON CLASSES */
.wrapper {
  width: 100%;
}

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

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

/**************************************************** HEADER */
header {
  background: url(images/header.gif) no-repeat center top;
}

header .container {
  height: 215px;
  background: url(images/header_bg.gif) no-repeat;
  position: relative;
}

header h1,
header h2 {
  position: absolute;
  left: -10000em;
}

header hgroup {
  padding: 15px 0 0 280px;
  color: #777;
  font-size: 18px;
  line-height: 22px;
}

header .social {
  position: absolute;
  background: url(images/social_bg.png) no-repeat;
  width: 250px;
  padding: 2px 0 3px;
  top: 35px;
  right: 140px;
}

header .social li {
  *float: left;
}

header .social a {
  display: block;
  height: 32px;
  width: 32px;
  float: left;
  margin: 0 0 0 5px;
}

header .social a.facebook { background: url(images/social_fb.png) no-repeat; }
header .social a.twitter { background: url(images/social_twitter.png) no-repeat; }
header .social a.blog { background: url(images/social_blog.png) no-repeat; }
header .social a.linkedin { background: url(images/social_in.png) no-repeat; }
header .social a.youtube { background: url(images/social_yt.png) no-repeat; }

header .social a:hover { background-position: left bottom; }

header #___plusone_0 {
  position: absolute;
  width: 200px !important;
  right: 180px;
  top: 15px;
}

header #carson {
  position: absolute;
  width: 252px;
  height: 239px;
  background: url(images/carson.png) no-repeat;
  left: 0;
  bottom: -35px;
  z-index: 170;
}

/**************************************************** NAV */
#nav {
  background: url(images/nav.gif) repeat-x;
}


#nav .container {
  padding: 0 0 0 270px;
  width: 690px;
}

#nav li {
  float: left;
  position: relative;
  z-index: 100;
  height: 43px;
}

#nav li a {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  padding: 0 10px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

#nav li a span {
  padding: 0 0 0 5px;
}

#nav li.over a {
  background: #004349;
  border-bottom: 9px solid #00838e;
}

#nav li ul {
  display: none;
}

#nav li.over ul {
  display: block;
  width: 250px;
  background: url(images/dropdown.jpg) no-repeat left bottom #00838e;
  position: absolute;
  padding: 5px 0 15px;
  top:35px;
  border: 2px solid #fff;
  border-top: none;
  left: -2px;
}

#nav li.over ul li {
  height: 30px;
}

#nav li.over ul a {
  padding: 0 10px;
  width: 230px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  background: none;
  border-bottom: none;
  text-shadow: none;
}

#nav li.over ul a:hover {
  background: #980034;
  border-top: 1px solid #be0041;
  border-bottom: 1px solid #be0041;
  height: 28px;
  line-height: 28px;
}

/**************************************************** MAIN DIV */
#main {
  background: url(images/main_tile.jpg) repeat-x #e0e0e0;
  padding: 20px 0 30px;
}

#main .container {
  background: url(images/main.gif) no-repeat right bottom;
}

.int #main .container {
  background: none;
}

/**************************************************** RIGHT SIDE */
#main .right {
  width: 294px;
  float: right;
  background: url(images/right_top.jpg) no-repeat;
  padding: 20px 0 0 10px;
}

.right a {
  display: block;
  text-decoration: none;
  margin: 0 0 15px 0;
}

.right a .btn_top {
  display: block;
  height: 35px;
  line-height: 35px;
  background: urL(images/right_btn_top.png) no-repeat;
  font-size: 24px;
  color: #fff;
  padding: 0 0 1px 10px;
}

.right a:hover .btn_top {
  color: #00c6d8;
}

.right a .btn_top span {
  font-family: 'futura-heavy';
  color: #00c6d8;
}

.right a .btn_bottom {
  display: block;
  height: 37px;
  line-height: 37px;
  padding: 2px 0 0 10px;
  color: #fff;
  font-size: 14px;
  background: url(images/right_btn_bottom.png) no-repeat;
}

/**************************************************** RIGHT FREE HOME EVAL */
.right #fme {
  background: url(images/right_fme.jpg) no-repeat left 38px;
}

.right #fme .btn_top {
  margin: 0 0 90px;
}

/**************************************************** RIGHT MEET THE TEAM */
.right #mtt {
  background: url(images/right_mtt.jpg) no-repeat;
  height: 44px;
  line-height: 44px;
  padding: 5px 0 0 70px;
  font-size: 24px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.right #mtt span {
  font-family: 'futura-heavy';
}

.right #mtt:hover  {
  background-position: left bottom;
}

/**************************************************** RIGHT MOBILE */
.right #mobile {
  background: url(images/right_mobile.jpg) no-repeat left 41px;
}

.right #mobile .btn_top {
  margin: 0 0 90px;
}

/**************************************************** RIGHT BLOG */
.right #blog {
  background: url(images/right_blog.jpg) no-repeat;
  height: 59px;
  padding: 12px 0 0 80px;
  font-size: 24px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.right #blog span {
  font-family: 'futura-heavy';
  display: block;
}

.right #blog:hover  {
  background-position: left bottom;
}

/**************************************************** RIGHT TEAL  */
#teal {
  background: url(images/right_teal.png) no-repeat;
  height: 26px;
  font-size: 11px;
  color: #54f1ff;
  padding: 40px 0 0 4px;
}

#teal:hover {
  color: #fff;
}

/**************************************************** LEFT SIDE  */

#main .left {
  width: 630px;
  float: left;
  position: relative;
  padding: 470px 0 0;
}

#main .left .left_title {
  font-size: 24px;
  color:#980034;
  text-shadow: 1px 1px 1px #fff;
  padding: 0 0 15px;
} 

/**************************************************** CMS  */

#cms {
  padding: 0 20px;
}

#cms, #cms p, #cms li, #cms td {
  color: #383838;
  font-size: 14px;
}

.pagetitle {
  font-size: 24px;
  color:#980034;
  text-shadow: 1px 1px 1px #fff;
  padding: 0 0 15px;
}

/**************************************************** MAGAZINE  */
.left #mag {
  display: block;
  color: #980034;
  text-decoration: none;
  font-family: 'futura-heavy';
  font-size: 18px;
  text-shadow: 1px 1px 1px #fff;
  background: url(images/left_mag.jpg) no-repeat;
  padding: 0 0 0 50px;
  height: 32px;
  margin: 35px 0 0;
}

.left #mag:hover {
  background-position: left bottom;
  color: #333;
}

/**************************************************** BUCKETS */
#buckets {
  background: none !important;
  width: 940px;
  margin: 30px auto 0;
}

#buckets a {
  float: left;
  background: url(images/buckets_home_staging.jpg) no-repeat;
  width: 223px;
  text-decoration: none;
  padding: 20px 0 0 95px;
  font-size: 12px;
  color: #757575;
  height: 58px;
}

#buckets a.first {
  background: url(images/buckets_market.jpg) no-repeat;
  width: 216px;
  padding: 20px 0 0 100px;
}

#buckets a.last {
  background: url(images/buckets_habitat.jpg) no-repeat;
  width: 209px;
}

#buckets h1 {
  color: #fff;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

#buckets h1 span {
  font-size: 14px;
}

#buckets a:hover {
  background-position: left bottom;
}

/**************************************************** FOOTER */
footer {
  background: url(images/footer_tile.jpg) repeat-x;
  height: 240px;
  overflow: hidden;
}

footer .container {
  background: url(images/footer.jpg) no-repeat;
  height: 240px;
  position: relative;
  color: #fff;
  font-size: 18px;
}

footer span {
  font-family: 'futura-heavy';
}

#footer_info {
  text-align: right;
  float: right;
  padding: 20px 0 0;
  position: relative;
  z-index: 20;
}

#footer_info a {
  color: #fff;
}

#footer_info #ecobroker, #footer_info #bbb {
  display: block;
  margin: 10px 0 10px 147px; 
  width: 142px;
  height: 34px;
  background: url(images/ecobroker.jpg) no-repeat;
}

#footer_info #bbb {
  width: 94px;
  height: 36px;
  background: url(images/bbb.jpg) no-repeat;
  margin: 10px 0 0 195px;
}

#footer_carson {
  position: absolute;
  text-align: left;
  padding: 15px 0 0 290px;
}

#footer_carson span {
  font-size: 24px;
}

#footer_team {
  font-size: 14px;
  line-height: 15px;
  position: absolute;
  bottom: 10px;
  left: 590px;
}

/**************************************************** HOME SEARCH */

#home_search {
  background: url(images/home_search.jpg) no-repeat left bottom;
  position: absolute;
  height: 125px;
  top: 330px;
}

#home_search h1 {
  padding: 0 0 20px !important;
}

#home_search .container {
  width: 600px;
  background: none !important;
  padding: 0 15px;
}

#home_search .field, #home_search em {
  float: left;
  position: relative;
  margin: 0 10px;
  z-index: 10;
}

#home_search .field span {
  display: block;
  height: 21px;
  line-height: 21px;
  border: 1px solid #7abec5;
  background: url(images/home_search_arrow.jpg) no-repeat right top #fff;
  padding: 0 35px 0 10px;
  border-radius: 3px;
  color:#9ac9cd;
  font-family: arial;
  font-size: 12px;
  cursor: pointer;
}

#home_search .field span:hover,
#home_search .block span {
  background-position: right bottom;
  color: #15535a;
}

#home_search .property_info .field {
  width: 180px;
  margin: 0 10px 20px;
}

#home_search .property_details {
  clear: both;
}

#home_search .property_details em {
  margin: 0;
  font-size: 12px;
  color: #007b87;
  font-family: arial;
  font-style: normal;
}

#home_search .property_details .field {
  width: 100px; 
}

#home_search .block {
  z-index: 15;
}

#home_search .block ul {
  background: url(images/home_search_dropdown.jpg) repeat-x;
  display: block;
  padding: 2px;
  position: absolute;
  top: 24px;
  width: 176px;
  z-index: 2;
  border: 1px solid #00757f;
  max-height: 322px;
  overflow-y: scroll;
  z-index: 20;
}

#home_search .block li {
  background: url(images/home_search_item.jpg) repeat-x;
  border: 1px solid #cdcdcd;
  color: #333;
  font-family: arial;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  margin: 0 0 1px;
  padding: 0 0 0 5px;
}

#home_search .block label {
  cursor: pointer;
}

#home_search .property_details .block ul {
  width: 106px;
}

#home_search .property_details .block li {
  cursor: pointer;
}

#home_search .block ul.neighbourhood{
  width: 200px;
}

#home_search button {
  background: url("images/home_search_button.jpg") no-repeat scroll 0 0 transparent;
  border: medium none;
  bottom: 14px;
  color: #FFFFFF;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 25px;
  text-shadow: -1px -1px 0 #000000;
  width: 92px;
}

#home_search ul,
#home_search a {
  display: none;
}

/**************************************************** FEATURED LISTINGS */

.left #featured-listings-widget {
  padding: 0;
  width: 630px;
  position: absolute;
  top: 0;
}

.left #featured-listings-widget #flowtabs {
  margin: 0 auto !important;
}

.left #featured-listings-widget .view-listing-button {
  background: url(images/featured_view.png) no-repeat left top transparent;
  height: 30px;
  width: 170px;
  margin-left: -85px;
  top: 190px;
}
.left #featured-listings-widget .view-listing-button:hover {
  background: url(images/featured_view.png) no-repeat left bottom transparent;
}

.left #featured-listings-widget .view-listing-button a {
  display: block;
  width: 100%;
  height: 100%;
}

.left #featured-listings-widget #flowpanes {
  width: 630px;
  background: url(images/home_search.jpg) no-repeat;
  height: 100px;
  top:-12px;
}

.left #featured-listings-widget #flowpanes .tooltip {
  width: 630px;
  height: 100px
}

.left #featured-listings-widget #flowpanes .tooltip .title h1,
.left #featured-listings-widget #flowpanes .tooltip .title h2 {
  font-family: 'futura-heavy';
  font-size: 18px;
  color: #3e3e3e;
  text-align: left;
  padding: 12px 0 0 55px;
}

.left #featured-listings-widget #flowpanes .tooltip .title h2 {
  color: #008c9a;
}

.left #featured-listings-widget #flowpanes .tooltip .details li {
  color: #3F3F3F;
  font-size: 14px;
  padding: 12px 19px 0;
}

.left #featured-listings-widget #flowpanes .tooltip .details h3 {
  color: #3F3F3F;
  font-size: 14px;
  padding: 0 0 10px;
}

.left #featured-listings-widget button.prev,
.left #featured-listings-widget button.next {
  width: 12px;
  height: 31px;
  background: url(images/featured_btns.png) no-repeat;
  z-index:50;
  bottom: 16px;
  border: none;
}

.left #featured-listings-widget button.prev {
  left: 15px;
}

.left #featured-listings-widget button.prev:hover {
  background-position: left bottom;
}

.left #featured-listings-widget button.next {
  background-position: right top;
}

.left #featured-listings-widget button.next:hover {
  background-position: right bottom;
}

.left #featured-listings-widget .view-listing-button img,
.left #featured-listings-widget button span {
  display: none;
}