/*************************
************************      FONTS
*/

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

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

/*************************
************************      TAGS
*/

body {
  font-family: square;
  font-size: 16px;
}

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

/*************************
************************      COMMON CLASSES
*/

.wrapper {
  width: 100%;
}

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

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

#site {
  position: relative;
  z-index: 1;
}

/*************************
************************      HEADER
*/

header {
  background: #fff;
  border-bottom: 1px solid #a9aba6;
  padding: 10px 0;
}

header hgroup {
  float: left;
  width: 460px;
  padding: 0 0 0 20px;
  color: #0e552a;
}

header h1 {
  font-size: 42px;
  font-family: 'square-bold';
  margin: 10px 0 15px;
}

header h3 {
  font-size: 22px;
  margin: 15px 0 0;
}

header .social {
  float: right;
  width: 135px;
  margin: 0 25px 0 0;
}

header .social li {
  *float: left;
}

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

header .social a.googleplus { background: url(images/header_gplus.gif) no-repeat; }
header .social a.youtube { background: url(images/header_ytube.gif) no-repeat; }
header .social a.twitter { background: url(images/header_twtr.gif) no-repeat; }
header .social a.facebook { background: url(images/header_fbook.gif) no-repeat; }

header .social a.blog { 
  background: url(images/header_blog.gif) no-repeat;
  width: 135px;
  height: 33px;
  margin: 0 0 5px;
  border-bottom: 1px dashed #d9d9d9;
}

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

header #header_info {
  float: right;
  background: url(images/header_info.jpg) no-repeat;
  width: 299px;
  padding: 10px;
  height: 51px;
}

header h2 {
  font-size: 22px;
  color: #0e552a;
  margin: 0 0 5px;
}

header h2 span {
  font-size: 18px;
}

/*************************
************************      BANNER
*/

#banner {
  width: 958px;
  height: 274px;
  position: relative;
  z-index: 15;
  border: 1px solid #FFF;
  background: #FFF;
}

#banner #john {
  width: 263px;
  height: 328px;
  background: url(images/john_photo.png) no-repeat !important;
  position: absolute;
  bottom: 0;
  left: 0 !important;
  z-index: 4;
}

#banner .remax_n1 {
	background: url("images/remax_n1.png") no-repeat scroll right top transparent !important;
    bottom: 0;
    color: #666666;
    display: block;
    font-size: 12px;
    height: auto;
    left: 725px !important;
    padding-left: 30px;
    padding-top: 130px;
    position: absolute;
    text-decoration: none;
    width: auto;
    z-index: 3;
}
	#banner .slides li {
		width: 958px;
		height: 274px;
	}
	#banner .slide_1 {
		background: url(images/slide_1.jpg) no-repeat 0 0;
	}

	#banner .slide_2 {
		background: url(images/slide_2.jpg) no-repeat 0 0;
	}

	#banner .slide_3 {
		background: url(images/slide_3.jpg) no-repeat 0 0;
	}
	
	#banner .slogan {
		width: 100%;
		height: 69px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: url(images/bk_75.png) repeat-x left top !important;
		z-index: 2;
	}
	
	#banner .slogan h2 {
		color: #222 !important;
		font-size: 26px;
		padding: 5px 0 0 270px !important;
	}
	
	

/*************************
************************      NAV
*/

nav#nav {
  margin: -26px 0 0;
  background: url(images/nav_bg.jpg) repeat-x;
  position: absolute;
  z-index:10;
  *left: 0;
}

nav.fix {
  position: fixed !important;
  top:3px;
}

nav#nav .container {
  margin: 0 auto;
}

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

nav#nav li a {
	display: block;
	height: 64px;
	line-height: 64px;
	padding: 26px 7px 2px 17px;
	text-decoration: none;
	color: white;
	font-size: 18px;
	text-shadow: 1px 1px 1px black;
}

nav#nav li ul {
  display: none;
}

nav#nav li.over a {
  color: #a9d5ba;
padding: 27px 7px 2px 16px;
}

nav#nav li.over ul {
  display: block;
  width: 200px;
  position: absolute;
  background: url(images/dropdown.png) no-repeat;
  padding: 11px 0 0;
  top:80px;
  left: 50%;
  margin: 0 0 0 -100px;
}

nav#nav li.over ul a {
  font-size: 16px;
  width: 180px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: #fff;
}

nav#nav li.over ul a:hover {
  background: #477d5c;
  padding: 0 8px 0 12px;
  height: 28px;
  line-height: 28px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

/*************************
************************      MAIN
*/

#main {
  padding: 85px 0 0;
}

/*************************
************************      RIGHT SIDE
*/

#main .right {
  float: right;
  width: 633px;
  position: relative;
  padding: 250px 0 0;
}

h1.right_title {
  font-size: 35px;
  color: #323232;
  font-family: 'square-bold';
  line-height: 35px;
  padding: 0 0 0 50px;
  margin: 5px 0;
}

h1.right_title span {
  display: block;
  font-size: 30px;
  color: #777;
}

/*************************
************************      CMS AREA
*/

#cms h1.right_title {
  background: url(images/cms_heading.jpg) no-repeat left bottom;
}

#cms #contents {
  background: url(images/section_tile.gif) repeat-x;
  padding: 15px;
  line-height: 20px;  
}

#cms #contents p, #cms #contents li, #cms #contents td, #cms #contents div {
  line-height: 20px !important;
}

/*************************
************************      BUCKETS
*/

#buckets {
  padding: 15px 0;
}

#buckets a {
  display: block;
  width: 195px;
  height: 54px;
  background: url(images/bucket.jpg) no-repeat;
  float: left;
  margin: 0 8px;
  text-decoration: none;
  font-size: 20px;
  font-family: 'square-bold';
  color: #fff;
  text-shadow: -1px -1px 1px #1b2900;
  text-align: center;
  padding: 6px 0 0;
}

#buckets a span {
  display: block;
  font-family: 'square';
  font-size: 16px;
  color: #e5e5e5;
}

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

/*************************
************************      TESTIMONIALS
*/

#testi_mobile {
  padding: 15px 0;
}

#testimonial {
  width: 265px;
  margin: 0 0 0 8px;
  background: url(images/testimonial_div.jpg) no-repeat right center;
  padding: 0 25px 0 0;
  float: left;
}

#testimonial h3 {
  font-size: 30px;
  font-family: 'square-bold';
  color: #0e552a;
  margin: 10px 0;
}

#testimonials-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#testimonials-widget h2 {
  font-size: 18px;
  font-family: 'square-bold';
  margin: 0;
  color: #333;
}

#testimonials-widget p {
  color: #333;
  position:relative;
  padding: 0 0 0 20px;
}

#testimonials-widget p span {
  font-size: 50px;
  font-family: georgia;
  position: absolute;
}

#testimonials-widget p span.first {
  top:14px;
  left: 0px;
}

#testimonials-widget p span.last {
  margin: 13px 0 0;
}

#testimonials-widget .testimonial-name {
  display: block;
  background: #d9d9d9;
  border: 1px solid #bababa;
  font-size: 18px;
  text-align: right;
  padding: 0 20px 0 0;
  height: 23px;
  line-height: 23px;
  color: #000;
}

#testimonials-widget .testimonial-date {
  display: none;
}

/*************************
************************      MOBILE
*/

#mobile {
  background: url("images/mobile.jpg") no-repeat scroll 0 0 transparent;
  color: #7FA18C;
  float: right;
  font-family: 'square-bold';
  font-size: 28px;
  height: 117px;
  padding: 51px 163px 0 5px;
  text-align: center;
  text-decoration: none;
  width: 139px;
}

#mobile span {
  color: #fff;
  display: block;
  font-family: 'square';
  font-size: 16px;
  line-height: 17px;
  padding: 6px 0 0;
}

#mobile:hover {
  background-position: left bottom;
}

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

#main .left {
  width: 285px;
  float: left;
  background: url(images/left.jpg) no-repeat right top;
  padding: 405px 16px 0 0;
  position: relative;
}

h1.left_title {
  font-size: 35px;
  color: #0e552a;
  font-family: 'square-bold';
  line-height: 35px;
  padding: 0 0 0 50px;
  margin: 5px 0;
}

h1.left_title span {
  display: block;
  font-size: 30px;
  color: #7fa18c;
}

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

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

#featured h1.left_title {
  background: url(images/featured_heading.jpg) no-repeat left bottom;
}

#featured #solobasic-widget {
  background: url(images/section_tile.gif) repeat-x;
  width: 265px;
  padding: 10px;
}

#featured #solobasic-widget .listing {
  background: url(images/featured_shadow.jpg) no-repeat center bottom transparent;
  top:30px;
  left: 10px;
  width: 265px;
  position: relative;
  padding: 0 0 6px;
  height: 200px;
}

#featured #solobasic-widget .photo {
  margin-left: 0;
  width: 100%;
}

#featured #solobasic-widget .photo img {
  width: 263px;
  border: 1px solid #888886;
}

#featured #solobasic-widget .buttons-holder {
  position: absolute;
  top: 249px;
  left: 0;
  z-index: 9;
}

#featured #solobasic-widget .view-listing-button {
  width: auto;
}

#featured #solobasic-widget .buttons-holder a {
  display: block;
  height: 28px;
  line-height: 28px;
  background: url(images/featured_view.gif) repeat-x;
  border: 1px solid #a8ba88;
  font-family: 'square-bold';
  font-size: 20px;
  text-decoration: none;
  width: 263px;
}

#featured #solobasic-widget .buttons-holder a span {
  color: #fff;
}

#featured #solobasic-widget .tooltip {
  top: 0;
}

#featured #solobasic-widget .tooltip h1 {
  width: 263px;
  height: 28px;
  line-height: 28px;
  background: #d9d9d9;
  border: 1px solid #bababa;
  margin: 210px 0 0 -4px;
  font-size: 18px;
  color: #000;
}

#featured #solobasic-widget .tooltip h2 {
  position: absolute;
  top:-20px;
  right: 0;
  font-size: 20px;
  color: #000;
}

#featured #solobasic-widget .tooltip .details {
  position: absolute;
  background: #000;
  background: rgba(0,0,0,0.7);
  width:263px;
  padding: 0 0 5px;
  bottom: 8px;
  overflow: hidden;
  height: 21px;
  border-top: 1px solid #fff;
  left:1px;
}

#featured #solobasic-widget .tooltip .details li {
  width: 75px;
  font-size: 15px;
  color: #fff;
  text-shadow: 0 0 1px #000;
}

#featured #solobasic-widget .tooltip .details li h3 {
  font-family: 'square-bold';
  font-size: 16px;
  color: #ddd;
  padding: 0 0 5px;
}

#featured #solobasic-widget .tooltip .details .more {
  width: 243px;
  padding: 5px 10px;
  background: #333;
  background: rgba(255,255,255,0.1);
  margin: 0 0 5px;
}

#featured #solobasic-widget .tooltip .details .more  a {
  display: block;
  color: #fff;
  font-family: 'square-bold';
  font-size: 16px;
  text-align: right;
  cursor: pointer;
  background: url(images/featured_more.png) no-repeat 165px center;
}

#featured #solobasic-widget .tooltip .shown .more  a {

  background: url(images/featured_down.png) no-repeat 200px center;
}

.buttons-holder img, #featured button {
  display: none;
}


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

#buttons h1.left_title {
  background: url(images/buttons_heading.jpg) no-repeat left bottom;
}

#buttons ul {
  background: url(images/section_tile.gif) repeat-x;
  padding: 10px;
}

#buttons li {
  font-size: 16px;
  color: #000;
  border-bottom: 1px dashed #ccc;
  margin: 0 0 10px;
  padding: 0 0 10px;
}

#buttons li.last {
  border-bottom: none;
}

#buttons li a {
  display: block;
  font-family: 'square-bold';
  color: #0e552a;
  font-size: 18px;
  background: url(images/button_member.jpg) no-repeat;
  height: 36px;
  line-height: 36px;
  text-decoration: none;
  padding: 0 0 0 15px;
}

#buttons li.first a {
  background: url(images/button_eval.jpg) no-repeat;
}

#buttons li.last a {
  background: url(images/button_pac.jpg) no-repeat;
}

#buttons li a:hover {
  color: #323232;
  background-position: left bottom;
}


/*************************
************************      FOOTER
*/

footer {
  background: url(images/footer_tile.jpg) repeat-x;
}

footer .container {
  background: url(images/footer.jpg) no-repeat;
  height: 205px;
  padding: 10px;
}

footer #foot_info {
  float: left;
  width: 265px;
  padding: 0 10px;
  font-size: 18px;
}

footer #foot_info, footer #foot_info a {
  color: #333;
}

footer #foot_info h1 {
  font-size: 36px;
  margin: 10px0;
  font-family: 'square-bold';
  color: #0e552a;
}

footer #foot_nav {
  float: left;
  width: 444px;
}

footer #foot_nav ul {
  float: left;
  width: auto;
  padding: 20px 0 0 40px;
}

footer #foot_nav a {
  display: block;
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  color: #fff;
  font-family: 'square-bold';
  text-decoration: none;
}

footer #foot_nav a:hover {
  text-decoration: underline;
}

footer #foot_nav ul li ul {
  padding: 0;
  float: none;
}

footer #foot_nav ul li ul a {
  color: #7fa18c;
  font-family: 'square';
}

#foot_social {
  float: right;
  width: 135px;
  padding: 10px 0 0;
}

footer .social {
  padding: 15px 0 0;
}

footer .social a{
  float: left;
  display: block;
  width: 31px;
  height: 31px;
  margin: 0 0 0 2px;
}

footer .social a.googleplus { background: url(images/footer_gplus.jpg) no-repeat; }
footer .social a.youtube { background: url(images/footer_ytube.jpg) no-repeat; }
footer .social a.twitter { background: url(images/footer_twtr.jpg) no-repeat; }
footer .social a.facebook { background: url(images/footer_fbook.jpg) no-repeat; }

footer .social a.blog { 
  background: url(images/footer_blog.jpg) no-repeat;
  width: 135px;
  height: 33px;
  margin: 0 0 5px;
  border-bottom: 1px dashed #d9d9d9;
}

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

footer .fb-like {
  width: 135px;
  overflow: hidden;
}

#footerLinks {
  text-align: center;
  font-family: 'square';
  font-size: 16px;
  padding: 10px 0;
}

#footerLinks, #footerLinks a {
  color: #000;
}

/*************************
************************      PAGE HEADER
*/

#PageHeader {
  font-size: 32px;
  color: #7fa18c;
  font-family: 'square-bold';
  height: 50px;
  line-height: 50px;
}

/*************************
************************      SEARCH
*/

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

#search_form h1.right_title {
  background: url(images/search_heading.jpg) no-repeat left bottom;
}

#search_form form {
  background: url(images/section_tile.gif) repeat-x;
  padding: 10px;
}

#search_form li {
  float: left;
  margin: 0 0 10px 10px;
  position: relative;
}

#search_form li.first {
  margin: 0;
}

#search_form label {
  display: block;
  color: #323232;
  font-size: 16px;
}

#search_form input, #search_form span.select {
  display: block;
  background: url(images/search_input.gif) repeat-x;
  border: 1px solid #bababa;
  border-radius: 10px 0 0 0;
  height: 28px;
  line-height: 28px;
  padding: 0 5px;
  font-size: 14px;
  font-family: 'square';
  width: 257px;
}

#search_form span.select {
  position: absolute;
  width: 150px;
  background: url(images/search_arrow.gif) no-repeat right top;
}

#search_form select {
  height: 28px;
  width: 162px;
}

#search_form #DATA_TYPE {
  width: 269px;
}

#search_form #selectDATA_TYPE {
  width: 257px;
}

#search_form option {
  height: 25px;
  line-height: 25px;
  background: #ddd;
  font-family: 'square';
  font-size: 14px;
}

#search_form a {
  background: url("images/featured_view.gif") repeat-x;
  border: 1px solid #000000;
  border-radius: 10px 0 0 0;
  display: block;
  font-size: 18px;
  height: 28px;
  line-height: 28px;
  margin: 0 0 0 452px;
  padding: 0 15px;
  text-align: center;
  text-decoration: none;
  color:#fff;
}

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



/* ********************* LOCAL INFO OVERWRITES */



.localInfo p {
	font-size: 16px !important;
}

#localInfoHolder .infoLinks50 p, 
#localInfoHolder .infoLinks100 p,
#localInfoHolder .infoLinks50 li, 
#localInfoHolder .infoLinks100 li {
	font-size: 15px !important;
}


/* ********************** CUSTOM LISTING DETAIL STYLES ***/

#listingContainer #vlPrimaryColumn #vlSubtitle,
#listingContainer #vlPrimaryColumn #vlContact h3.contactHeader,
#listingContainer #vlPrimaryColumn #vlSpecs h3 {
  color: #10572C !important;
}

#listingContainer #vlPrimaryColumn #vlTitle,
#listingContainer #vlSecondaryColumn #propertyPrice h2,
#listingContainer #vlPrimaryColumn #vlContact h3.contactHeader,
#listingContainer #vlPrimaryColumn #vlSpecs h3 {
  font-family: 'square-bold' !important;
  font-weight: normal !important;
}

#listingContainer #vlPrimaryColumn #vlSubtitle {
  font-family: 'square' !important;
  font-weight: normal !important;
}

#listingContainer #vlPrimaryColumn #vlTitle {
  font-size: 28px !important;
}

#listingContainer #vlPrimaryColumn #vlContact h3.contactHeader,
#listingContainer #vlPrimaryColumn #vlSpecs h3 {
  font-size: 16px;
}