@charset "utf-8";

/******* Fonts */

@font-face {
    font-family: 'sosa';
    src: url('http://assets.rmcloud.com/fonts/sosa.eot');
    src: url('http://assets.rmcloud.com/fonts/sosa.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/sosa.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/sosa.ttf') format('truetype'),
         url('http://assets.rmcloud.com/sosa.svg#sosa') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'websymbols';
    src: url('http://assets.rmcloud.com/fonts/websymbols-regular-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/websymbols-regular-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/websymbols-regular-webfont.svg#websymbols-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato-reg';
    src: url('http://assets.rmcloud.com/fonts/Lato-Reg-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/Lato-Reg-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/Lato-Reg-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/Lato-Reg-webfont.svg#Lato-Reg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato-light';
    src: url('http://assets.rmcloud.com/fonts/Lato-Lig-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/Lato-Lig-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/Lato-Lig-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/Lato-Lig-webfont.svg#Lato-Lig') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato-bold';
    src: url('http://assets.rmcloud.com/fonts/Lato-Bol-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/Lato-Bol-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/Lato-Bol-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/******* Common Classes */

* {
  margin:0px;
  padding:0px;
}
html,body {
  margin: 0px;
  padding: 0px;
  font-family: 'lato-reg',sans-serif;
}
body {
  margin-bottom:0px !important;
}
#site {
  position: relative;
  z-index: 1;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.text-to-icon-web {
  font-family:'websymbols';
  text-decoration:none !important;
}
.text-to-icon-sosa {
  font-family:'sosa';
  text-decoration:none !important;
}

.container {
  width: 1000px;
  margin: 0 auto;
  position:relative;
}

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

.show-only-on-core {
  display: none;
}

.fusion_core #main .show-only-on-core {
  display: block !important;
}

.clear {
  clear:both;
}

/******* Shell */

body {
  background:#FFFFFF url(images/bg-pattern-dots.gif) repeat top left;
  position: relative;
}

/******* Header */

#header {
  background:#000000 url(images/bg-pattern-diamonds.gif) repeat top left;
  height: 175px;
  position:relative;
  *z-index:50;
}
#header .container {
  width: 1060px;
  height: 175px;
  position:relative;
}
#header .header-logo {
  height:103px;
  width:137px;
  background:transparent url(images/header-logo.png) no-repeat top left;
  position:absolute;
  top:14px;
  left:30px;
}
#header .slogan-cycle {
  position:absolute;
  top: 40px;
  left: 300px;
  width: 400px;
  height: 70px;
}
#header .slogan-cycle .slogan h1, #header .slogan-cycle .slogan h2, #header .slogan-cycle .slogan h3 {
  font-family:'lato-reg';
  font-size:70px;
  color:#FFFFFF;
  position:absolute;
  white-space:nowrap;
  margin:0px;
  padding:0px;
  line-height:100%;
  top:0px;
  left:0px;
}
#header .slogan-cycle .slogan h2 {
  font-family:'lato-light';
  font-size:31px;
  top:6px;
  left:180px;
  text-transform:uppercase;
}
#header .slogan-cycle .slogan h3 {
  font-family:'lato-light';
  font-size:22px;
  top:41px;
  left:180px;
  text-transform:uppercase;
}
#header .slogan-cycle .slogan-2 h1 {
  font-size: 60px;
  top: 7px;
}
#header .slogan-cycle .slogan-2 h2 {
  font-size: 21px;
  left: 210px; top: 12px;
}
#header .slogan-cycle .slogan-2 h3 {
  font-size: 31px;
  left: 209px;
  top: 35px;
}
#header .loginLogout a {
  color: #FFF;
  font-size: 14px;
  font-family: 'lato-light';
  text-decoration: none;
  position: absolute;
  top: 2px; right: 34px;
}
#header .loginLogout a:hover {
  text-decoration: underline;
}
#header .header-phone {
  position:absolute;
  top:85px;
  right:30px;
  font-family:'lato-light';
  color:#FFFFFF;
  font-size:25px;
}


/******* Nav */

#header .container #nav-holder {
  width: 1060px;
  height:46px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color:#185269;
}
#nav {
  margin: 0 auto;
  padding: 6px 0px 0px 0px;
  text-align: center;
}

#nav li {
  display: inline-block;
  *zoom:1;
  *display:inline;
  vertical-align:top;
  height: 40px;
  line-height: 40px;
  position: relative;
  padding: 0 0 0 0;
}
#nav li.over {
  background-color:#07181f;
}

#nav li a {
  text-decoration: none;
  font-size: 16px;
  padding: 0px 35px;
  font-family:'lato-light';
  text-transform:uppercase;
  color:#FFFFFF;
  display: block;
  *height:46px;
}

#nav li.navContact {
  background-color: #2d3676;
  height: 50px;
  border: 2px solid #BBB;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
  line-height: 50px;
  position: relative;
  top: -10px;
  z-index: 50;
}
#nav li.navContact a {
  font-size: 18px;
  font-family: 'lato-reg';
}
#nav li.navContact.over {
  background-color: #07181F;
}

#nav li ul { display: none; }

#nav li.over ul {
  display: block;
  width: 200px;
  position:absolute;
  left: 0px;
  top:40px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  z-index: 500;
  background-color: #185269;
}

#nav li.over:last-child ul {
  left:auto;
  right:0px;
}

#nav li.over li {
  display:block;
  line-height: 35px;
  height: 35px;
  padding: 0;
}

#nav li.over li a {
  display: block;
  padding: 0 0 0 10px;
  width: 190px;
  font-size: 14px;
  background-color: #0b242e;
  border-top: 1px solid #185269;
}

#nav li.over li:hover a {
  background-color: #000000;
}

/******* Home Eval Tab */
#homeEvalTab {
  display: block;
  width: 44px; height: 365px;
  background-color: #2d3676;
  color: #FFF;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  position: fixed;
  top: 227px; right: 0px;
  z-index: 500;
}
#homeEvalTab span.homeEvalIcon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 30px; height: 29px;
  background-image: url(images/home-eval-icon.png);
  position: relative;
  top: 9px; left: 7px;
}
#homeEvalTab span.homeEvalText {
  display: block;
  width: 300px; height: 44px;
  line-height: 44px;
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform-origin: top left;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  position: absolute;
  top: 49px; right: -299px;
}
#homeEvalTab:hover {
  background-color: #185269;
}
#homeEvalTab.hideSideTab {
  display: none;
}


/******************* Main Area - Home Page ***************/

#main {
  width: 1000px;
  padding:0px 47px 0px 47px;
  position:relative;
  text-align: left;
  margin:0 auto;
  background:transparent url(images/bg-main.png) repeat-y top center;
}
.int #main {
  padding-top:1px;
  padding-bottom:25px;
}
#main .search-featured {
  width: 1060px;
  margin-left: -30px;
  height:399px;
  background:#9aa0a6 url(images/search-bg.jpg) no-repeat top left;
  position: relative;
}

#main .search-properties {
  width: 760px;
  height: 399px;
  position: absolute;
  left: 0px;
  top: 0px;
}
#main .featured-properties {
  width: 300px;
  height: 399px;
  position: absolute;
  top: 0px;
  right: 0px;
}
#main .home-column-left {
  width: 640px;
  padding: 0px 30px 0px 35px;
  border-right: 1px solid #e1e1e1;
  float: left;
  margin-left: -30px;
  margin-top: 50px;
}
#main .home-column-right {
  width: 294px;
  padding: 100px 30px 25px 0px;
  float: right;
  margin-right: -23px;
}
#main #PageHeader {
  font-size:25px;
  font-family:'lato-reg';
  color:#185269;
  margin:20px 0px 30px 0px;
  text-transform:uppercase;
  background-color:#e1e1e1;
  line-height:100%;
}
#main #PageHeader .pagetitle {
  display:inline;
  background-color:#FFFFFF;
  padding:0px 10px 0px 0px;
}
.int #main {
  min-height: 400px;
}

/******************* Search ***************/


.module-search {
  position: absolute;
  top: 22px;
  left: 0px;
  width: 710px;
  height: 174px;
  padding-right: 50px;
  padding-top: 20px;
}
.module-search h1 {
  font-size: 23px;
  font-family: 'lato-light';
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: right;
}
.module-search form {
  position: absolute;
  top: 51px;
  right: 50px;
  width: 428px;
}
.module-search p {
  display: none;
}

.module-search div.inputBG {
  width: 209px;
  height: 25px;
  background-color:#FFFFFF;
  position: absolute;
  left:0px;
}

.module-search #search_subarea1 {
  width: 203px;
  height: 19px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 3px;
}

.module-search .default-value {
  width: 209px;
  padding: 4px 5px 1px 5px;
  font-size: 14px;
  font-family: 'lato-light';
  color: #185269;
  display: block;
}

.module-search .half-select {
  position:absolute;
  left:0px;  
}

.module-search .half-select, .module-search .half-select2 {
  color:#185269;
  font-size:14px;
  margin:0 5px 0 0;
  padding:0px;
  width: 209px;
  height: 25px;
  font-family:'lato-light';
  background: none;
  border: none;
  background: url(images/select-bg.jpg);
  background-repeat: no-repeat;
}

.module-search select.styled {
  position: relative;
  width: 209px;
  height: 25px;
  border:none;
  background:none;
  background-color:transparent;
  -webkit-appearance: none;
  z-index: 6;
  color:#fff;
  padding-left:5px;
  opacity: 0;
  margin-left: 10px;
  cursor: pointer;
}
.module-search .full-select:hover, .module-search .half-select:hover, .module-search .half-select2:hover {
  background-position:bottom right;
}
.module-search .select {
  padding-left: 5px;
  line-height: 25px;
  position: absolute;
}

.module-search select option {
  background-color: #717276;
  color: #FFF;
}

.module-search .submitBG {
  width: 209px;
  height: 25px;
  text-align:center;
  float: right;
}
.module-search .submitBG button {
  background-color:#185269;
  border: 0px;
  line-height: 25px;
  display: block;
  margin: auto auto;
  width:100%;
  cursor:pointer;
  color:#FFFFFF;
  font-family:'lato-light';
  font-size:14px;
  text-transform:uppercase;
}
.module-search .submitBG button:hover {
  background-color:#222;
}
.module-search .select-holder {
  display: block;
  width: 428px;
  height: 25px;
  clear: both;
  margin-bottom: 7px;
}
.module-search .half-select2 {
  position:absolute;
  left: 219px;
}
.module-search .small {
  line-height: 140%;
  margin-top: 2px;
}
.ac_results {
  z-index:2;
}

/******************* Featured ***************/

/******* Modules - FEATURED PROPERTIES */

.module .scrollable-widget .prevPage {
  width: 35px;
  height: 35px;
  position:absolute;
  z-index:2;
  top: 228px;
  right: 160px;
  left:auto !important;
  border:0px;
  background:transparent url(images/arrow-left.png) no-repeat top left;
}
.module .scrollable-widget .nextPage {
  width: 35px;
  height: 35px;
  position:absolute;
  z-index:2;
  top: 228px;
  left: 160px;
  border:0px;
  background:transparent url(images/arrow-right.png) no-repeat top left;
}
.module .scrollable-widget .nextPage span, .module .scrollable-widget .prevPage span, .module .scrollable-widget .scrollable .items .text-arrows{
  display:none;
}
.module .scrollable-widget .nextPage:hover,.module .scrollable-widget .prevPage:hover {
  background-position:top right;
}
.module .scrollable-widget {
padding: 0px 0px 0px;
}
.module .scrollable-widget .scrollable .items .slide .img-holder {
  height: 216px;
  width:300px;
  background-color: transparent;
  border: 0px;
  padding: 0px;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
  display: block;
  overflow:hidden;
}
.module .scrollable-widget .scrollable .items .slide img {
  height: 300px;
  width: auto;
  margin-top: -50px;
  margin-left: -51px;
}
.module .scrollable-widget .img-holder a .for-sale {
  width:75px;
  height:75px;
  position:absolute;
  right:0px;
  top:0px;
  background:transparent url(images/for-sale.png) no-repeat top left;
}
.module .scrollable-widget .scrollable .items .slide {
  margin: 0px 0px 0px 0px;
  position:relative;
  height: 399px;
}
.module .scrollable-widget .scrollable {
  height: 399px;
  width:300px;
}
.module .scrollable-widget .scrollable .items .title h1 {
  background-color: #90959a;
  position: absolute;
  top: 273px;
  width: 300px;
}
.module .scrollable-widget .scrollable .items .title h2 {
  text-align: center;
  padding: 8px 0px;
  font-size: 21px;
  color: #FFFFFF;
  font-family: 'lato-light';
  text-shadow: 0px 0px 0px rgba(0,0,0, 0);
  position: absolute;
  top: 173px;
  left: 0px;
  width: 300px;
  background-color: #111;
  background-color: rgba(0,0,0,.5);
  *background-color: #111;
}
.module .scrollable-widget .scrollable .items .title h1 a {
  font-size: 20px;
  color: #FFFFFF;
  font-family: 'lato-light';
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  text-shadow: 0px 0px 0px rgba(0,0,0, 0);
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.module .scrollable-widget .items .slide .details .sb_other_fields { 
  display:block;
}
.module .scrollable-widget .scrollable .items .sb_other_fields .mls_num { 
  position:absolute;
  top:314px;
  right:0px;
  width: 300px;
  text-align: center;
  font-size: 16px;
  color: #e2ece7;
  font-family: 'lato-light';
  text-transform: uppercase;
}
.module .scrollable-widget .scrollable .items .sb_other_fields .address { 
  position:absolute;
  top:332px;
  right:0px;
  width: 300px;
  text-align: center;
  font-size:16px;
  color: #e2ece7;
  font-family: 'lato-light';
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.module .scrollable-widget .items .slide .buttons-holder {
  display:block;
  bottom:0px;
}
.module .scrollable-widget .scrollable .items .view-listing-button a {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 300px;
  height: 40px;
  line-height: 40px;
  background-color: #185269;
  font-family: 'lato-light';
  font-size: 18px;
  color: #FFFFFF;
  text-decoration: none;
}
.module .scrollable-widget .scrollable .items .view-listing-button a:hover {
  background-color:#222;
}
.module .scrollable-widget .scrollable .items .view-video-button a {
  width: 45px;
  height: 43px;
  line-height: 43px;
  background-color: #185269;
  color: #FFFFFF;
  font-size: 25px;
  font-family: 'sosa';
  position: absolute;
  top: -196px;
  right: -1px;
  z-index: 2;
  text-decoration: none;
}
.module .scrollable-widget .scrollable .items .view-video-button a:hover {
  background-color:#222;
}

/****** Home Page Boxes */

.top-boxes {
  width: 1060px;
  margin: 50px auto 0px -30px;
  text-align:center;
}
.top-boxes .home-top-box {
  width:300px;
  height:191px;
  display:inline-block;
  *zoom:1;
  *display:inline;
  vertical-align:top;
  text-align:center;
  margin: 0px 20px;
  position:relative;
  overflow:hidden;
}
.top-boxes .box-residential {
  background:transparent url(images/bucket-residential.jpg) no-repeat top left;
}
.top-boxes .box-buying {
  background:transparent url(images/bucket-buysell.jpg) no-repeat top left;
}
.top-boxes .box-mortgage {
  background:transparent url(images/bucket-projects.jpg) no-repeat top left;
}
.top-boxes h2 {
  font-size:19px;
  color:#FFFFFF;
  font-family:'lato-light';
  text-decoration:none;
  text-transform: uppercase;
}
.top-boxes p {
  font-size:13px;
  color:#FFFFFF;
  font-family:'lato-light';
  line-height: 120%;
  margin-top: 15px;
  margin-bottom: 5px;
}
.top-boxes span {
  text-decoration:none !important;
  font-family:'lato-light';
  font-size:15px;
  float: right;
  color:#FFFFFF !important;
}
.top-boxes .shadow-box {
  width: 260px;
  height: 181px;
  background-color:#111;
  background-color:rgba(0,0,0,.7);
  *background-color: #111;
  position:absolute;
  top: 147px;
  padding: 10px 20px 0px 20px;
  left:0px;
}

/******* Meet the Team */

.meet-the-team.scrollable-widget .prevPage {
  width: 21px;
  height: 21px;
  position:absolute;
  z-index:2;
  top: auto;
  bottom: 17px;
  right: 330px;
  left:auto !important;
  border:0px;
  background:transparent url(images/arrow-left-small.png) no-repeat top left;
}
.meet-the-team.scrollable-widget .nextPage {
  width: 21px;
  height: 21px;
  position:absolute;
  z-index:2;
  top: auto;
  bottom: 17px;
  left: 330px;
  border:0px;
  background:transparent url(images/arrow-right-small.png) no-repeat top left;
}
.meet-the-team.scrollable-widget .nextPage span, .meet-the-team.scrollable-widget .prevPage span, .meet-the-team.scrollable-widget .scrollable .items .text-arrows{
  display:none;
}
.meet-the-team.scrollable-widget .nextPage:hover,.meet-the-team.scrollable-widget .prevPage:hover {
  background-position:top right;
}
.meet-the-team.scrollable-widget {
  height:430px;
  padding: 20px 0px 0px 0px;
  margin-bottom: 20px;
}
.meet-the-team.scrollable-widget .scrollable .items .slide {
  display: block;
  margin: 0px 10px 0px 10px;
  position:relative;
  height: 300px;
  width:200px;
  background-color:#e1e1e1;
}
.meet-the-team.scrollable-widget .scrollable .items .slide:hover {
  background-color:#afafaf;
}
.meet-the-team.scrollable-widget .scrollable {
  height: 400px;
  padding-top:30px;
  width:650px;
  overflow-x:hidden;
  overflow-y:visible;
}
.meet-the-team.scrollable-widget div.scrollable div.items div.slide img {
  width:auto;
}
.meet-the-team .agent-image-holder {
  background-color:#FFFFFF;
  width: 200px;
  height: 210px;
  position: relative;
  text-align:center;
}
.meet-the-team.scrollable-widget div.scrollable div.items div.slide img {
  position:absolute;
  bottom:0px;
  left: 0px;
}
.meet-the-team a {
  text-decoration: none;
}
.meet-the-team h2 {
  font-size:21px;
  color:#0f3e51;
  font-family:'lato-light';
  text-transform:uppercase;
  background-color:#e1e1e1;
  line-height:100%;
  margin-bottom: 30px;
}
.meet-the-team h2 span {
  background-color:#FFFFFF;
  padding:0px 10px 0px 0px;
}
.meet-the-team .agent-speech-bubble {
  position:absolute;
  opacity:0;
  left:0px;
  top: -60px;
  z-index: 2;
  background-color:#185269;
  padding: 10px;
  width: 180px
  text-align:center;
}
.meet-the-team .agent-speech-bubble .speech-bubble-tail {
  position:absolute;
  width:23px;
  height:24px;
  bottom:-22px;
  left:30px;
  background:transparent url(images/speech-point.png) no-repeat top left;
}
.meet-the-team .agent-speech-bubble p {
  color:#FFFFFF;
  text-transform:uppercase;
  font-size:14px;
  margin: 0px;
}
.meet-the-team h3 {
  font-family:'lato-light';
  font-size:16px;
  color:#0f3e51;
  padding:15px 10px 0px 10px;
  text-transform:uppercase;
}
.meet-the-team p {
  font-family:'lato-light';
  font-size:13px;
  color:#6d7278;
  text-transform:uppercase;
  padding: 0px 13px;
}

/******* Areas */

.home-column-left .areas h2 {
  font-size:21px;
  color:#0f3e51;
  font-family:'lato-light';
  text-transform:uppercase;
  background-color:#e1e1e1;
  line-height:100%;
  margin-bottom: 40px;
  width: 650px;
}
.home-column-left .areas h2 span {
  background-color:#FFFFFF;
  padding:0px 10px 0px 0px;
}
.home-column-left .areas .area-box {
  width: 620px;
  height: 223px;
  background-color:#f0f0f0;
  padding:10px;
  margin-bottom:50px;
}
.home-column-left .areas .area-box img {
  float:left;
  border:3px solid #FFFFFF;
}
.home-column-left .areas .area-box-right img {
  float:right;
}
.home-column-left .areas .area-box h3 {
  font-family:'lato-light';
  color:#0f3e51;
  font-size:21px;
  text-transform:uppercase;
  background-color:#d8d8d8;
  background-color:rgba(0,0,0,.1);
  padding: 20px 15px 10px 30px;
  float:right;
  width:185px;
  margin-top:-20px;
  margin-right:-20px;
}
.home-column-left .areas .area-box-right h3 {
  float:left;
  padding: 20px 30px 10px 15px;
  margin-right:auto;
  margin-left:-20px;
  text-align: right;
}
.home-column-left .areas .area-box p {
  font-family:'lato-light';
  font-size:13px;
  color:#818890;
  text-align:center;
  padding: 10px 10px 0px 0px;
  float: right;
  width: 180px;
  margin-bottom: 0px;
}
.home-column-left .areas .area-box-right p {
  float:left;
  padding: 10px 0px 0px 10px;
}
.home-column-left .areas .area-box a {
  float:right;
  color:#185269;
  font-family:'lato-light';
  font-size:13px;
  font-style:italic;
  text-decoration:none;
  padding-right: 10px;
}
.home-column-left .areas .area-box-right a {
  padding-right: 30px;
}
.home-column-left .areas .area-box a:hover {
  text-decoration:underline;
}

/******* Right column circle buckets ********/

.round-buckets {
  width:300px;
  display: block;
  margin-bottom: 30px;
  text-decoration:none;
}
.round-buckets h2 {
  font-size:21px;
  color:#0f3e51;
  font-family:'lato-light';
  text-transform:uppercase;
  background-color:#e1e1e1;
  line-height:100%;
  margin-bottom: 20px;
  width: 300px;
  text-align:center;
}
.round-buckets:hover h2 {
  background-color:#185269;
}
.round-buckets h2 span {
  background-color:#FFFFFF;
  padding:0px 10px 0px 10px;
}
.round-buckets .round-bucket-image {
  width:133px;
  height:133px;
  margin:auto auto;
}
.round-buckets-luxury .round-bucket-image {
  background:transparent url(images/round-luxury.png) no-repeat top left;
}
.round-buckets-commercial .round-bucket-image {
  background:transparent url(images/round-commercial.png) no-repeat top left;
}
.round-buckets-foreclosures .round-bucket-image {
  background:transparent url(images/round-foreclosures.png) no-repeat top left;
}
.round-buckets-investments .round-bucket-image {
  background:transparent url(images/round-investments.png) no-repeat top left;
}
.round-buckets-mortgage .round-bucket-image {
  background:transparent url(images/round-mortgage.png) no-repeat top left;
}
.round-buckets:hover .round-bucket-image {
  background-position:top right;
  *background-position: top left;
}
.round-buckets p {
  font-size:13px;
  color:#818890;
  text-align:center;
  padding:0px 30px;
  font-family:'lato-light';
  margin:20px 0px;
}

/******* CMS Area */

#cms div { line-height: 18px !important; }

.editable p, .localInfo p,
.editable ul li, .editable ol li {
  font-size: 14px;
  line-height: 140%; 
  text-align: justify;
}

.editable p .localInfo p {
  margin-bottom: 15px;
}

.editable h1, .editable h2,
.editable h3, .editable h4,
.editable h5, .editable h6,
.localInfo h2, .infoLinksContainer h3 {
  margin: 0px;
  padding: 15px 0px 5px 0px;
  font-weight: normal;
}

.editable h1, .editable h3, .editable h5 {
  font-weight:bold;
}

.editable h1 {
  font-size: 26px
}

.editable h2 {
  font-size: 24px;
}

.editable h3, .editable h4 {
  font-size: 20px;
}

.editable h5, .editable h6 {
font-size: 16px;
  margin: 0px; padding: 0px;
}

.editable h5 {
  font-weight: bold;
}

.editable h6 {
  font-style: italic;
}

.editable ul, .editable ol {
  margin: 15px 0px 15px 25px;
  padding: 0px;
}

.editable ul li, .editable ol li {
  padding: 3px 0px 3px 6px;
}

.editable a,
.localInfo a,
#localInfoHolder .infoLinks50 li a, 
#localInfoHolder .infoLinks100 li a {
  text-decoration: underline;
}

.editable a:hover,
.localInfo a:hover,
#localInfoHolder .infoLinks50 li a:hover, 
#localInfoHolder .infoLinks100 li a:hover {
  text-decoration: none;
}

body #wp-blog #content {
font-size: 14px;
}

/******* Footer */

#main-footer {
  padding-bottom: 40px;
  color: #fff;
  position: relative;
  background:#000000 url(images/bg-pattern-diamonds.gif) repeat top left;
  height: 430px;
}
#disclaimer {
  margin-top: -80px;
  position: relative;
  z-index: 2;
}
#main-footer a {
  color: #fff;
  text-decoration:underline;
}

#contact {
  padding: 100px 0px 0px 20px;
  line-height: 18px;
  width:1060px;
}

#footerLinks {
  font-size: 14px;
  color: #fff;
  font-family: 'lato-light';
  width: 1060px;
  padding: 0px 0px 0px 20px;
  margin-top: 100px;
}

#footerLinks a { color: #fff; }

#main-footer .first-name, #main-footer .last-name {
  font-size:20px;
}
#main-footer #hcard {
  font-size:14px;
  font-family: 'lato-light';
}
#main-footer #hcard .org {
  display: block;
  margin: 5px 0px;
}
#main-footer #hcard .street-address {
  display:block;
  margin-bottom: 5px;
}
#main-footer .contact-info {
  margin-top:20px;
}
#main-footer .contact-info span {
  display:block;
}
#main-footer .adr {
  display:block;
}
#main-footer .social {
  position: absolute;
  top: 330px;
  left: 15px;
}
#main-footer .social li { 
  float: right; 
}
#main-footer .social li a {
  display: block;
  margin: 0 0 0 6px;
  font-size: 30px;
}
#main-footer .social li a:hover {
  color:#185269;
}
#main-footer .vertical-hr-1 {
  width: 1px;
  height: 188px;
  background-color: #d8d8d8;
  position: absolute;
  top: 90px;
  left: 280px;
}
#main-footer .vertical-hr-2 {
  width: 1px;
  height: 188px;
  background-color: #d8d8d8;
  position: absolute;
  top: 90px;
  right: 250px;
}
#main-footer .footer-logo {
  width: 123px;
  height: 93px;
  position: absolute;
  top: 90px;
  right: 60px;
  background: transparent url(images/footer-logo.png) no-repeat top left;
}
#main-footer .footer-logo-century {
  width: 126px;
  height: 65px;
  position: absolute;
  top: 220px;
  right: 56px;
  background: transparent url(images/footer-century21.png) no-repeat top left;
}
#main-footer .footer-map {
  width:439px;
  height:229px;
  background:transparent url(images/footer-map.png) no-repeat top left;
  position:absolute;
  top: 80px;
  left: 339px;
}
#main-footer .footer-map .footerMapCaption {
  position: absolute;
  top: -38px; left: 28px;
}
#main-footer .footer-map .map-bubble {
  width: 106px;
  height: 44px;
  background: transparent url(images/footer-speech-bubbles.png) no-repeat bottom left;
  color: #FFFFFF;
  font-family: 'lato-light';
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  position:absolute;
}
#main-footer .footer-map .map-bubble-top-left {
  background-position:0px -132px;
}
#main-footer .footer-map .map-bubble-top-right {
  background-position:0px -44px;
}
#main-footer .footer-map .map-bubble-bottom-left {
  background-position:0px -88px;
  padding-top: 17px;
  height: 27px;
}
#main-footer .footer-map .map-bubble-bottom-right {
  background-position:0px 0px;
  padding-top: 17px;
  height: 27px;
}
#main-footer .footer-map .map-bubble-1 {top: 0px;left: -40px;}
#main-footer .footer-map .map-bubble-2 {top: 32px;left: 135px;}
#main-footer .footer-map .map-bubble-3 {top: 51px;left: 306px;}
#main-footer .footer-map .map-bubble-4 {top: 76px;left: 24px;}
#main-footer .footer-map .map-bubble-5 {top: 95px;left: 148px;}
#main-footer .footer-map .map-bubble-6 {top: 106px;left: 287px;}

#main-footer .footer-map .teamLanguage .languageFlag {
  position: absolute;
}
#main-footer .footer-map .teamLanguage .croatianFlag {
  top: 53px; left: 238px;
}
#main-footer .footer-map .teamLanguage .englishFlag {
  top: 8px; left: 29px;
}
#main-footer .footer-map .teamLanguage .filipinoFlag {
  top: 115px; left: 360px;
}
#main-footer .footer-map .teamLanguage .quebecFlag {
  top: 26px; left: 81px;
}
#main-footer .footer-map .teamLanguage .germanFlag {
  top: 34px; left: 182px;
}
#main-footer .footer-map .teamLanguage .mandarinFlag {
  top: 48px; left: 266px;
}

#main-footer .footer-holder-facebook {
  position: absolute;
  top: 29px;
  right: 30px;
  width: 70px;
  height: 30px;
}
#main-footer .footer-holder-gplus {
  position: absolute;
  top: 29px;
  right: 112px;
  width: 70px;
  height: 30px;
}

/* --------------DARK WEBSITE INTERIOR CHANGES----------------- */

.rm-dark-website #whyRemaxContainer .reasonsRemax {
  background-color:transparent;
}
.rm-dark-website #whyRemaxContainer .reasonsRemax h3 {
  font-size:20px;
}
.rm-dark-website #whyRemaxContainer .reasonsRemax h1 {
  color:#FFFFFF;
}



/* *********************************** TEXT CUSTOMIZATIONS ***/
.editable,
.editable p,
.editable ul li,
.testimonial-list .testimonial-list-left h3,
.testimonial-list .testimonial-list-right p,
.localInfo p {
  color: #0f3E51;
}
#listingContainer #vlHeader #vlTitle,
#listingContainer #vlHeader #vlSubtitle,
#listingContainer #vlSecondaryColumn #propertyPrice h2,
#listingContainer #vlHighlights li,
#listingContainer .nextSteps,
#listingContainer .listingDescription p,
#listingContainer #vlContact p.agentInfo,
#listingContainer #vlSpecs li {
  color: #0F3E51 !important;
}
.editable strong,
.editable b,
.editable h1,
.editable h2,
.editable h3,
.editable h4,
.testimonial-list .testimonial-list-right h2,
.niceForm h2,
.engine_block h1,
.localInfo h2,
.infoLinksContainer h3 {
  color: #07181F;
  font-family: 'lato-bold';
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 140%;
}
#listingContainer #vlHeader #vlTitle,
#listingContainer #vlHeader #vlSubtitle,
#listingContainer #vlSecondaryColumn #propertyPrice h2,
#listingContainer #vlContact h3,
#listingContainer #vlSpecs h3 {
  color: #07181F !important;
  font-family: 'lato-bold' !important;
  font-weight: normal !important;
  letter-spacing: 1px !important;
}
#listingContainer #vlKeyInfo li,
#listingContainer .nextSteps span,
#listingContainer #vlHighlights li span {
  color: #07181F !important;
  font-family: 'lato-bold' !important;
}
#listingContainer #vlHeader #vlTitle {
  text-transform: uppercase !important;
}
#listingContainer .rm-vl-bigbtn .rm-vl-bigbtn-text {
  font-family: 'lato-bold' !important;
  font-weight: normal !important;
  letter-spacing: 1px !important;
}
#listingContainer .rm-vl-bigbtn small {
  font-family: 'lato-reg' !important;
  letter-spacing: 0px !important;
}
#listingContainer #vlSpecs span {
  font-weight: normal !important;
  font-family: 'lato-bold' !important;
}
#listingContainer .courtesyOf {
  font-family: 'lato-reg';
}

.editable p,
.localInfo p {
  font-size: 16px !important;
}
.testimonial-list .testimonial-list-right h2 {
  text-decoration: none !important;
}



/* *********************************** MEET TEAM CUSTOMIZATIONS ***/
#staff .staff-category-management h1,
#staff .staff-category-realtors h1,
#staff .staff-category-support-admin h1 {
  display: none;
}
#staff h2 {
  background-color: #14516A !important;
  color: #FFF !important;
}




/* ************************************ PROCESS STYLES ***/
.realEstateProcess {
	position: relative;
}
.realEstateProcess p {
	margin-bottom: 15px;
	font-size: 16px;
	font-family: 'lato-reg';
	line-height: 140%;
}
.realEstateProcess h2 {
	font-family: 'lato-reg';
}
.realEstateProcess p.introText {
	font-size: 18px;
	text-align: justify;
}

.realEstateProcess .blueVerticalLine {
	background-color: #185269;
	width: 5px;
	position: absolute;
}
.realEstateProcess .topBlueLine {
	height: 1600px;
	top: 200px; left: 504px;
}
.realEstateProcess .conditionalBlueLine {
	height: 1700px;
	top: 25px; left: 430px;
}
.realEstateProcess .unconditionalBlueLine {
	height: 1700px;
	top: 25px; left: 13px;
}

.realEstateProcess ul.processList {
	list-style-type: none;
	margin: 0px; padding: 0px;
	position: relative;
	z-index: 20;
}
.realEstateProcess ul.processList li {
	width: 420px;
	position: relative;
}
.realEstateProcess ul.processList li.stepEven {
	margin-left: 580px;
}

.realEstateProcess ul.processList li span.blueCircle {
	display: block;
	background-color: #185269;
	width: 100px; height: 100px;
	color: #FFF;
	font-size: 65px;
	font-family: 'lato-reg';
	line-height: 100px;
	text-align: center;
	border-radius: 100px;
	position: relative;
	top: 100px;
}
.realEstateProcess ul.processList li.stepOdd span.blueCircle {
	left: 450px;
} 
.realEstateProcess ul.processList li.stepEven span.blueCircle {
	right: 130px;
}
.realEstateProcess ul.processList h2 {
	background-color: #e1e1e1;
	height: 30px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #185269;
	font-size: 21px;
	font-family: 'lato-light';
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
}
.realEstateProcess ul.processList h2 span {
	display: inline-block;
	height: 30px;
	background-color: #FFF;
	padding: 0px 10px;
}
.realEstateProcess ul.processList li p {
	text-align: center;
}
.realEstateProcess ul.topProcess li img {
	width: 420px;
	position: absolute;
	top: 100px;
}
.realEstateProcess ul.processList li.stepOdd img {
	left: 580px;
}
.realEstateProcess ul.processList li.stepEven img {
	left: -580px;
}
.realEstateProcess ul.processList li.stepSix {
	width: 100%;
}
.realEstateProcess ul.processList li.stepSix span.blueCircle {
	margin: 0px auto;
}
.realEstateProcess ul.processList li.stepSix h2 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 430px;
	margin-top: 70px;
}
.realEstateProcess ul.processList li.stepSix h2.noConditions {
	margin-left: 135px;
}
.realEstateProcess .processFork {
	position: relative;
}
.realEstateProcess ul.forkProcess {
	width: 430px;
}
.realEstateProcess ul.unconditionalOffer {
	position: absolute;
	top: 0px; right: 0px;
}
.realEstateProcess ul.forkProcess li {
	width: 360px;
}
.realEstateProcess ul.unconditionalOffer li {
	margin-left: 70px;
}
.realEstateProcess ul.conditionalOffer span.blueCircle {
	position: relative;
	left: 377px;
}
.realEstateProcess ul.unconditionalOffer span.blueCircle {
	position: relative;
	left: -110px;
}
.realEstateProcess ul.unconditionalOffer li.stepC {
	margin-top: 778px;
}

/* ********* SELLER PROCESS VARIATIONS ***/
#sellingProcess .topBlueLine {
  height: 1820px;
}
#sellingProcess ul.unconditionalOffer li.stepC {
  margin-top: 801px;
}



/* *********************************** REUSABLE STYLES ***/
.sidebarContainer {
  position: relative;
}
.sidebarContainer .withSidebarLeft {
  margin-left: 350px;
}
.sidebarContainer .withSidebarRight {
  margin-right: 350px;
}
.sidebarContainer .leftSidebar,
.sidebarContainer .rightSidebar {
  width: 295px;
  background-color: #e1e1e1;
  padding: 15px;
  position: absolute;
}
.sidebarContainer .leftSidebar {
  top: 0px; left: 0px;
}
.sidebarContainer .rightSidebar {
  top: 0px; right: 0px;
}

.twoColumn {
  position: relative;
}
.twoColumn .leftColumn,
.twoColumn .rightColumn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 459px;
}
.twoColumn .leftColumn {
  margin-right: 77px;
}

.actionButton {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #175066;
  border: 2px solid #FFF;
  padding: 3px 15px;
  color: #FFF !important;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none !important;
}
.actionButton:hover {
  background-color: #2d3676;
}
.purpleAction {
  background-color: #2d3676;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
  padding: 8px 25px;
  font-size: 15px;
}
.purpleAction:hover {
  background-color: #000;
}

.editable .floatRight {
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
}
.editable .floatLeft {
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
}
.editable .clearBoth {
  clear: both;
}

.editable .call2action {
  font-size: 20px !important;
  font-family: 'lato-bold';
  line-height: 160%;
  text-align: center;
}

/* *************** LAUNGAGE FLAGS ***/
.teamLanguage ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  list-style-type: none;
  margin: 0px; padding: 0px;
  position: relative;
  top: 13px;
}
.teamLanguage ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
}
.teamLanguage span.hoverLanguage {
  display: none;
}
span.languageFlag {
  display: block;
  width: 40px; height: 30px;
}
span.croatianFlag {
  background-image: url(images/language-flags/croatian.png);
}
span.englishFlag {
  background-image: url(images/language-flags/english.png);
}
span.filipinoFlag {
  background-image: url(images/language-flags/filipino.png);
}
span.frenchFlag {
  background-image: url(images/language-flags/french.png);
}
span.germanFlag {
  background-image: url(images/language-flags/german.png);
}
span.mandarinFlag {
  background-image: url(images/language-flags/mandarin.png);
}
span.quebecFlag {
  background-image: url(images/language-flags/french-quebec.png);
}
span.spanishFlag {
  background-image: url(images/language-flags/spanish.png);
}
.teamLanguage li:hover span.hoverLanguage {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 23px;
  background-image: url(images/footer-speech-bubbles.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 22px 10px 0px 10px;
  color: #FFF;
  text-transform: uppercase;
  position: absolute;
  top: 27px; left: 18px;
}


/* *********************************** TEAM BIOS ***/
.teamMemberPage .teamBio {
  min-height: 500px;
}
.teamMemberPage img.teamHeadshot {
  width: 295px;
}
.teamMemberPage h2.teamPosition {
  width: 295px;
  background-color: #14516A;
  padding: 6px 0px;
  color: #FFF;
  text-align: center;
  position: relative;
  top: -45px;
}
.teamMemberPage .leftSidebar {
  padding-bottom: 10px;
}
.teamMemberPage .teamSidebar .teamLanguage {
  width: 295px;
  text-align: center;
  position: absolute;
  bottom: 17px; left: 15px;
}


/* *********************************** BUYING SELLING 101 ***/
.greySection {
  min-height: 145px;
  background-color: #f0f0f0;
  margin: 50px 0px;
  padding: 70px 0px 20px 0px;
  position: relative;
}
.greySection h2 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: rgba(0,0,0,0.1);
  color: #0F3E51;
  font-size: 21px;
  font-family: 'lato-reg';
  text-transform: uppercase;
  position: absolute;
}
.greySection h2 a {
  text-decoration: none;
}
.greySection.goLeft h2 {
  padding: 20px 20px 10px 25px;
  top: -10px; left: -10px;
}
.greySection.goRight h2 {
  padding: 20px 25px 10px 20px;
  top: -10px; right: -10px;
}
.greySection p {
  color: #555b62;
  font-size: 13px !important;
  font-family: 'lato-light';
}
.greySection img {
  border: 3px solid #FFF;
  position: absolute;
}
.greySection.goLeft img {
  top: 20px; right: 10px;
}
.greySection.goRight img {
  top: 20px; left: 10px;
}
.greySection.goLeft p {
  margin-left: 10px;
  margin-right: 180px;
}
.greySection.goRight p {
  margin-left: 180px;
  margin-right: 10px;
}
.greySection .actionButton {
  position: absolute;
  bottom: 20px;
}
.greySection.goLeft .actionButton {
  left: 10px;
}
.greySection.goRight .actionButton {
  right: 10px;
}

/* *********************************** RESIDENTIAL SERVICES ***/

#residentialServices .greySection.goLeft p {
  margin-right: 10px;
}
#residentialServices .greySection {
  height: auto;
}
#ourProjects .greySection {
  min-height: 120px;
}
#ourProjects .greySection.goLeft p {
  margin-right: 356px;
}
.greySection img.secondImage {
  right: 180px;
}

.greySection a.sectionButton {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 140px; width: 180px;
  background-color: #CCC;
  border: 3px solid #FFF;
  margin: 0px 30px;
  vertical-align: top;
  position: relative;
}
.greySection a.sectionButton span {
  display: block;
  width: 170px;
  background-color: #175066;
  background-repeat: no-repeat;
  border: 2px solid #FFF;
  padding: 3px 15px;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
  color: #FFF;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  position: absolute;
  bottom: -3px; left: -12px;
}
.greySection a.sectionButton:hover {
  border: 3px solid #175066;
}
.greySection a.sectionButton:hover span {
  background-color: #2D3676;
}
.greySection a.searchHousesBtn {
  background-image: url(images/residential-services/search-houses.jpg);
}
.greySection a.searchCondosBtn {
  background-image: url(images/residential-services/search-condos.jpg);
}
.greySection a.searchLuxuryBtn {
  background-image: url(images/residential-services/search-luxury.jpg);
}
.greySection a.searchAllBtn {
  background-image: url(images/residential-services/search-all-edmonton.jpg);
}
.greySection a.buyingProcessBtn {
  background-image: url(images/residential-services/buying-process.jpg);
}
.greySection a.mortgageHelpBtn {
  background-image: url(images/residential-services/mortgage-help.jpg);
}
.greySection a.sellingProcessBtn {
  background-image: url(images/residential-services/seller-process.jpg);
}
.greySection a.priceHomeBtn {
  background-image: url(images/residential-services/market-evaluation.jpg);
}