@charset "utf-8";

/* Font Face */

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

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

/* Default Styles & Classes */

body { font-family: 'geo'; font-size: 13px; background: url(images/mainTile.gif); *position: relative; *z-index:1; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-family: 'geo';}

h1 { font-size: 20px; padding: 0 0 5px; }
h2 { font-size: 18px; padding: 0 0 5px; }
h3 { font-size: 18px; padding: 0 0 5px; color: #e0db8a; }
h4 { font-size: 14px; }
h5 { font-size: 14px; color: #e0db8a; }
h6 { font-size: 16px; font-weight: bold; font-family: tahoma; }

.wrapper { width:100%; }
.container { width: 960px; margin: 0 auto;position:relative; }
#hold {position: relative; }
 #topbar { z-index: 999 !important; }


/* Top Bar Styles */

#top { background: #000; position: relative; z-index:999; }

#top .container {
	height: 25px;
	text-align:right;
	position: relative;
}

#top a {
	font-family: 'geo';
	font-size: 12px;
	color: #fff;
	line-height: 25px;
	text-decoration:none;
	cursor:pointer;
	padding: 0 10px;
	border-left: 1px solid #fff;
}

#top a:first-child { border-left: none; }

#top a#login {
	padding: 0 13px 0 10px;
	background: url(images/topArrow.gif) no-repeat right center;
}

#top a:hover { color: #e7de91; }

#top form {
	background: #000;
	position: absolute;
    right: 0;
    top: 25px;
    width: 215px;
	display: none;
	z-index:150;
}

#top form input {
	border: 1px solid #E7DE91;
    color: #555555;
    font-family: tahoma;
    font-size: 12px;
    height: 25px;
    margin: 10px 10px 0;
    padding: 0 5px;
    width: 183px;
}

#top form button {
	background: #E7DE91;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    font-family: 'geo';
    height: 25px;
    margin: 10px;
    padding: 0;
    width: 80px;
}

#top form button:hover { background: #d5d0a1; }

/* Nav Styles */

#nav { 
  background: url(images/navTile.jpg) repeat-x; 
  *position: relative;
  *z-index: 75;
}

#nav ul {
	padding: 0;
	list-style:none;
	position:relative;
  *z-index: 80;
}

#nav li {
	position: relative;
	float: left;
	z-index: 99;
}

#nav li a {
	color: #000000;
    display: block;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    padding: 0 14px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFFFFF;
    -width: 97px;
    -padding: 0;
    -text-align: center;
    -font-size: 14px;
}

#nav .first a {
	background: url(images/navLogo.jpg) no-repeat !important;
	width: 425px;
	margin: 0 10px 0 -90px;
}

#nav li ul { display: none; }

#nav li.over a {
	background: #000;
	color:#fff;
	text-shadow: none;
}

#nav li.over ul {
	display: block;
	background: url(images/dropdown.jpg) no-repeat left bottom #000;
	position: absolute;
	margin: 0;
	padding: 10px 0 40px;
  width: 237px;
  *z-index:125;
}

#nav li.over ul a {
	background: none;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 10px;
    width: 227px;
}

#nav li.over ul a:hover {
	background: #d5d4c8;
	color: #000;
}

/* Header Styles */

#header {background: url(images/headerTile.jpg) repeat-x;}
#header .container { height: 297px; }

#slogan {
	background: url(images/slogan.jpg) no-repeat;
	width: 395px;
	height: 271px;
	padding: 25px 0 0;
	text-align: center;
	margin: 0 0 0 -11px;
}

#slogan a {
	background: url(images/join.jpg) no-repeat;
	display: block;
	width: 351px;
	height: 41px;
	text-decoration:none;
	color:#fff;
	font-size: 16px;
	line-height:41px;
	margin: 0 auto;
}

#slogan a span {
	font-family: 'bickley';
	font-size: 30px;
	color: #c6bb87;
}

#slogan a:hover span { color: #fff; }

#slogan h1 {
	color: #FFFFFF;
    font-size: 18px;
    line-height: 5px;
    padding: 25px 0 18px;
	margin-top: 30px;
}

#slogan h2 {
	font-size: 28px; 
	color: #fff;
}
.header-video-holder {
  border: 1px solid #6E6746;
  background:#000000;
}
.header-video-holder-outer {
  width: 477px;
  margin:auto auto;
  border: 1px solid #000000;
}
.video-bg {
  width: 587px;
  position: absolute;
  top: -460px;
  right: -6px;
  background: transparent url(images/video-bg.png) no-repeat -10px -23px;
}

/* CMS Area Styles */

#main { margin: 173px 0 0; }

#cms {
	background: url(images/cmsBg.png) left bottom no-repeat;
	-background: url(images/cmsBg.jpg) left bottom no-repeat;
  padding: 30px 30px 20px 0;
  width: 617px;
	min-height: 513px;
	-height: 513px;
}

#cms, #cms li, #cms td, #cms p {
	color: #fff;
	font-size: 13px;
	text-shadow: 1px 1px 1px #000;
	line-height:1.7em;
}

.int #cms .redform form p {
  color: #000;
}
.redform .type-checkboxConsent input {
  position: relative;
  top: 5px;
}

#luxImg {
  background: url(images/luxCmsImage.jpg) no-repeat;
  width: 615px;
  height: 132px; 
}

#lifestyle {
	height: 102px;
	background: url(images/lifestyle.jpg) no-repeat;
	margin: 30px 0;
	width: 615px;
  display: none;
}

#lifestyle h1 {
	font-size: 18px;
	color:#000;
	text-shadow: 1px 1px 1px #b9ac7b;
	padding: 10px;
}

#lifestyle h1 span {
	font-family: 'bickley';
	font-size: 32px;
}

#lifestyle ul {
	list-style: none;
	margin: 0;
	padding:0 0 0 14px; 
}

#lifestyle li {
	float: left;
}

#lifestyle li a {
	color: #000000;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 29px;
    text-decoration: none;
    text-shadow: none;
    -width: 60px;
    -padding: 0 0 0 29px;
}

#lifestyle a#family { background: url(images/family.gif) no-repeat left center; }
#lifestyle a#gated { background: url(images/gated.gif) no-repeat left center; }
#lifestyle a#golf { background: url(images/golf.gif) no-repeat left center; }
#lifestyle a#retirement { background: url(images/retirement.gif) no-repeat left center; }
#lifestyle a#urban { background: url(images/urban.gif) no-repeat left center; }
#lifestyle a#sports { background: url(images/sports.gif) no-repeat left center; }

#bottomButtons a {
	color: #FFFFFF;
    display: block;
    float: left;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
	margin: 15px 20px 0 0;
	height: 74px;
	padding: 10px 0 0;
}

#bottomButtons a span {
	color: #C6BB87;
    font-family: 'bickley';
    font-size: 33px;	
}

#bottomButtons a strong {
	display: block;
    font-size: 14px;
    font-weight: normal;
    margin: 18px 0 0 175px;
}

#bottomButtons #luxSearch {
	background: url(images/luxSearch.jpg) no-repeat;
	width:353px;
}

#bottomButtons #luxSelling {
	background: url(images/luxSelling.jpg) no-repeat;
	width: 273px;
}

#bottomButtons #luxBuying {
	background: url(images/luxBuying.jpg) no-repeat;
	width: 293px;
	margin: 15px 0 0;
}

#serving {
  background: url(images/serving.jpg) no-repeat;
  color: #DFDA89;
  font-family: 'bickley';
  font-size: 28px;
  height: 69px;
  line-height: 47px;
  margin: 10px 0;
  text-align: center;
  width: 959px;
}

/* 3 Buckets Bar Styles */

#buckets { 
	background: url(images/bucketTile.jpg) repeat-x; 
	position: absolute;
	top: 377px;
  *z-index: 10;
}

#buckets .container { 
	height: 168px; 
	position: relative;
	padding: 5px 0 0;
  *z-index: 15;
}

#frmMlsSearch {
	float: left;
	width: 373px;
	background: url(images/city.jpg) no-repeat left bottom;
	height: 168px;
}

#frmMlsSearch h1 {
	padding: 5px 0;
	font-size: 16px;
	color: #fff4c0;
}

#frmMlsSearch h1 span {
	font-family: 'bickley';
    font-size: 32px;
}

#frmMlsSearch input, #frmMlsSearch select {
	background: url("images/inputBg.gif") repeat-x;
	margin: 5px 4px 0 0;
	border: 1px solid #000;
	border-bottom: 2px solid #000;
	font-family: 'geo';
	font-size: 13px;
}

#frmMlsSearch input {
	height: 22px;
    padding: 0 5px;
    width: 168px;
}

#frmMlsSearch select {
	height: 26px;
    padding: 3px;
	width: 180px;
}

#frmMlsSearch a {
	background: url(images/searchBtn.jpg) no-repeat;
	color: #978C5A;
    display: block;
    font-size: 12px;
    height: 23px;
    line-height: 23px;
    margin: 9px 0 0 190px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
    width: 176px;
}

#frmMlsSearch a:hover { color: #fff; }

#marketing {
	background: url(images/luxMarketing.jpg) no-repeat;
	color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    height: 160px;
    margin: 0 18px;
    text-align: center;
    text-decoration: none;
    width: 255px;
}

#marketing strong {
	display: block;
	font-weight:normal;
    font-size: 16px;
    padding: 12px 0 40px;
}

#marketing span {
	font-family: 'bickley';
    font-size: 32px;
	color:#fff4c0;
}

#toptens {
	width: 288px;
	height: 156px;
	overflow: hidden;
	background: #6e6746;
	border:1px solid #000;
	position:relative;
	padding: 1px;
}

#toptens .items {
	width: 20000em;
	position: absolute;
}

#toptens .items div {
	width: 290px;
	height: 156px;
	float: left;
	margin: 0 1px;
}

#toptens .items div a {
	color: #FFFFFF;
    display: block;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
	padding: 0 10px;
	height: 100%;
	background: url(images/scrollHomes.jpg) no-repeat;
}

#toptens .items div a strong {
	display: block;
	font-weight:normal;
    font-size: 16px;
    padding: 12px 0 40px;
}

#toptens .items div a span {
	font-family: 'bickley';
    font-size: 32px;
	color:#fff4c0;
}

div.navi {
	background: url(images/navi.png) no-repeat;
	bottom: 0;
    height: 13px;
    padding: 4px 0 0 25px;
    position: absolute;
    width: 109px;
    z-index: 500;
	left: 75px;
}

div.navi a {
	background: url(images/dots.gif) no-repeat;
	display: block;
    float: left;
    height: 8px;
    margin: 0 0 0 7px;
    width: 8px;
}

div.navi a:hover { background-position: left center !important; }
div.navi a.active { background-position: left bottom !important; }

#featList {
	position: absolute;
    right: 0;
    top: 204px;
}

#featList h1 {
	font-size: 19px;
	color: #fff;
	padding: 0 0 15px;
}

#featList h1 span {
	font-family: 'bickley';
	font-size: 38px;
}

#featList #solobasic-widget {
	height: 335px;
	width: 294px;
}

#featList #solobasic-widget .listing {background-color: transparent;}

#featList #solobasic-widget .photo {
	margin-left: 0;
    width: 293px;
}

#featList #solobasic-widget .tooltip {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(images/featList.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 294px;
	height: 100%;
}

#featList #solobasic-widget .tooltip h1 {
	color: #FFFFFF;
    font-size: 15px;
    left: 15px;
    position: absolute;
    top: 283px;
}

#featList #solobasic-widget .tooltip h2 {
	background: url("images/featPrice.png") no-repeat;
    color: #FFFFFF;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    position: absolute;
    right: 11px;
    top: 141px;
}

#featList #solobasic-widget .details li h3 {
	display: inline;
	color: #f3e8b6;
	font-size: 13px;
}

#featList #solobasic-widget .details li {
	color: #F3E8B6;
  font-size: 13px;
  position: absolute;
  right: 10px;
  top: 266px;
	background: url("images/starIcon.gif") no-repeat left center;
	padding: 0 0 0 15px;
}

#featList #solobasic-widget .details li.first { top: 283px; }
#featList  #solobasic-widget .listing .photo .buttons-holder { top: 0; }

#featList #solobasic-widget .view-listing-button a {
	display: block;
	width: 139px;
	height: 29px;
	line-height: 29px;
	background: url(images/featBtn.gif) no-repeat;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
}
#featList #solobasic-widget .listing .photo img {
  height: 233px;
}

#featList #solobasic-widget .view-listing-button a span { 	color: #f3e8b6; }

#featList #solobasic-widget .view-listing-button {
	position: absolute;
  right: 30px;
  top: 302px;
  z-index: 100;
}

#featList #solobasic-widget .view-video-button {
	display: none;
}

#featList button, #featList li.last, #featList .view-listing-button img {display: none !important;}

#featList #solobasic-widget span.courtesyOf {
    color: #f3e8b6;
    display: block;
    height: 30px;
    margin: 0 10px;
    position: relative;
    width: 92%;
    z-index: 9999;
}

#international {
	background: url(images/international.jpg) no-repeat;
	color: #FFFFFF;
  display: block;
  font-size: 16px;
  height: 185px;
  padding: 15px 25px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 580px;
  width: 244px;
  *top: 550px !important;
}


/* Footer Styles */

#contactInfo { 
  background: url(images/footerTile.jpg) repeat-x; 
  margin: 75px 0 0;
  *position: relative;
  *top: 75px;
}

#contactInfo .container {
  position: relative;
  height: 102px;
  font-size: 13px;
  background: url(images/footerLogo.jpg) no-repeat left bottom;
  line-height: 20px;
  padding: 23px 0 0;
}

#contactInfo strong {
  font-size: 20px;
  font-weight: normal;
  padding: 0 5px 0 0;
}

#contactInfo a { color: #000; }

#blog {
  background: url(images/blogBg.png) no-repeat;
  height: 205px;
  padding: 0 10px 0 150px;
  position: absolute;
  right: 0;
  top: -55px;
  width: 300px;
  text-align: center;
  color: #fff;
}

#blog ul.articles {
  margin: 0;
  padding: 0;
  list-style: none;
}

#blog h1 {
  color:#a0925f;
  font-size: 20px;
  padding: 15px 0 40px;
}

#blog h1 span {
  font-family: 'bickley';
  font-size: 36px;
}

#blog p { color: #fff; }

#blog p a {
  color: #a0925f; 
  padding: 0 10px;
}

#blog h2, #blog h3 {display: none;}

#footerLinks {
  color: #fff;
  font-family: arial;
  font-size: 10px;
  line-height: 15px;
  padding: 5px 0;
  *margin: 70px auto 0;
}

#footerLinks a { color: #fff; }

/* Map Search */

#luxMap {
  background: url("images/mapBg.jpg");
    height: 296px;
    position: absolute;
    right: 0;
    top: -297px;
    width: 556px;
    *z-index:20;
}

#luxMap h1 {
  color: #FFFFFF;
    font-size: 26px;
    line-height: 30px;
    position: absolute;
    right: 55px;
    text-align: center;
    top: 30px;
}

#luxMap h1 span { 
  font-family: 'bickley';
  font-size: 60px;
}

#luxMap h2 {
  bottom: 9px;
    font-size: 20px;
    height: 76px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 272px;
}

#luxMap h2 span {
  display: block;
    font-family: 'bickley';
    font-size: 46px;
    padding: 17px 0 10px;
}

/* INT Styles */

.int #buckets {
  background: none;
  top: 0;
}

.int #buckets .container {
  height: 0;
  padding: 0;
}

.int #luxMap { top: 80px; }
.int #main { margin: 0; }

.int #cms {
  width: 930px;
  min-height: 0;
  background: url("images/cmsBg.png") no-repeat right bottom;
}

.int #cms, .int #cms li, .int #cms td, .int #cms p { 
  text-shadow: none; 
  font-family: tahoma;
  font-size: 14px;
  }

.pagetitle {
  font-size: 27px;
  padding: 0 0 20px;
}

/* CONTENT PAGES */

#hotListings div.hot_listings_left .engine_block a {
	background: #1f1a14;
	border: 1px solid #dfda89;
}

.int #cms .engine_block td { color: #000 !important; font-size: 13px;}

.int #cms {-background:none; }


/* ***************************** LISTING DETAILS CUSTOM STYLES ***/

#listingContainer #vlPrimaryColumn #vlTitle,
#listingContainer #vlPrimaryColumn #vlSubtitle,
#listingContainer #vlPrimaryColumn #vlContact h3.contactHeader,
#listingContainer #vlPrimaryColumn #vlSpecs h3,
#listingContainer #vlSecondaryColumn #propertyPrice h2,
#listingContainer #vlSecondaryColumn .vl-button-group .rm-vl-bigbtn-text,
#listingContainer #vlSecondaryColumn .whyRegister h2,
#listingContainer #vlSecondaryColumn .whyRegister a span {
  font-family: 'geo' !important;
}


#listingContainer #vlSecondaryColumn .vl-button-group .rm-vl-bigbtn-text small,
#listingContainer #vlSecondaryColumn .whyRegister h4,
#listingContainer #vlSecondaryColumn .whyRegister a span small {
  font-family: 'Arial' !important;
}

#listingContainer #vlPrimaryColumn #vlSubtitle,
#listingContainer #vlPrimaryColumn .rm-vl-bigbtn-inner .rm-vl-bigbtn-text a:link,
#listingContainer #vlPrimaryColumn #vlContact h3.contactHeader,
#listingContainer #vlPrimaryColumn #vlSpecs h3,
#listingContainer #vlSecondaryColumn .nextSteps a:link,
#listingContainer #vlSecondaryColumn .nextSteps a:hover,
#listingContainer #vlSecondaryColumn .vl-button-group .rm-vl-bigbtn-text a:link,
#listingContainer #vlSecondaryColumn .whyRegister a:link {
  color: #6C5E4A !important;
}

#listingContainer #vlPrimaryColumn .rm-vl-bigbtn-inner .rm-vl-bigbtn-text a:hover,
#listingContainer #vlSecondaryColumn .vl-button-group .rm-vl-bigbtn-text a:hover,
#listingContainer #vlSecondaryColumn .whyRegister a:hover {
  color: #000 !important;
}


#listingContainer #vlPrimaryColumn .vl-button-group .rm-vl-bigbtn-text small,
#listingContainer #vlSecondaryColumn .vl-button-group .rm-vl-bigbtn-text small,
#listingContainer #vlSecondaryColumn .whyRegister a span small {
  color: #666 !important;
}

#listingContainer #vlPrimaryColumn #listingSlideshow .listingThumbnails {
  background-color: #e1e0d0;
  border: 1px solid #bab286;
}


#listingContainer #vlSecondaryColumn #vlKeyInfo ul {
  background-image: linear-gradient(bottom, rgb(197,189,132) 9%, rgb(225,224,208) 55%);
  background-image: -o-linear-gradient(bottom, rgb(197,189,132) 9%, rgb(225,224,208) 55%);
  background-image: -moz-linear-gradient(bottom, rgb(197,189,132) 9%, rgb(225,224,208) 55%);
  background-image: -webkit-linear-gradient(bottom, rgb(197,189,132) 9%, rgb(225,224,208) 55%);
  background-image: -ms-linear-gradient(bottom, rgb(197,189,132) 9%, rgb(225,224,208) 55%);

  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0.09, rgb(197,189,132)),
  	color-stop(0.55, rgb(225,224,208))
  );
  border: 1px solid #9e9665;
}

#listingContainer #vlSecondaryColumn #vlKeyInfo ul li {
  text-shadow: 1px 1px #FFF;
}

#listingContainer #vlSecondaryColumn #vlKeyInfo ul li.rightBorder {
  border-right: 1px dotted #9e9665;
}