::selection {
        background: #ABF; /* Safari */
        }
::-moz-selection {
        background: #ABF; /* Firefox */
}

#page-container {
	width: 100%;
}

body {
  /* font-family: 'Gentium Basic', Georgia, serif; */
	color: #393939;
	background-image: none;
	background-color: #000;
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: scroll;
	line-height: 1.3em;
}
#content-text a:link, #content-text a:visited {
	color: #fff;
}

b, strong {
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	/* font-family: 'Gentium Basic', Georgia, serif; */
	line-height: 1.15em;
	font-weight: bold;
	color: #fff;
}
h1 { font-size: 40px; }
h2 { font-size: 34px; }
h3 { font-size: 38px; }
h4 { font-size: 16px; }
h5, h6 { font-size: 16px;font-weight: normal; }
#header {


  
  font-family: 'Josefin Sans', sans-serif;
	top: 0;

	background-color: #000;
	



	background-color: rgba(0, 0, 0, .7); 

	width: 100%;
	



	height: 70px;
	
	 

	position: fixed; 
	z-index: 5;
	overflow: visible;
	




}

#header-container {
    height: 70px;
    position: relative;    
   	margin-left: -480px;
   	
    width: 960px;
	left: 50%;
}
#logo {
	z-index: 12;
	margin: 0px;
	position: absolute;
	left: 30px; 
	top: 0px;
}
/*
#listing-website #logo {
	background-image: url(http://static.joniandgail.com/img/joni-and-gail-logo-listings-website.gif)!important;
	left: 650px;
	width: 200px;
	height: 91px;	
	display: block;
}
*/
#special {
	position: absolute;
	z-index: 6;
	right:20px;
	top: 1px;
	width: 147px;
	height: 25px;
	overflow: hidden;
}
#listing-website #announcements { display: none; }
#listing-website .listing-details h2.listing-title {
	color: #FFFFFF;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
	z-index:1000;
    top: -100px;
	left: -3px;
}
.listing-item h3.listing-title {
  font-weight: normal;
}
#listing-website-title {
	position: absolute;
	left: 256px;
	top: 22px;
	font-size: 20px;
	font-family: 'Josefin Sans', sans-serif;
	line-height: 32px;
}

#get-in-touch {
	display: none;
	overflow:hidden;
	position: absolute;
	width: 238px;
	height: 55px;
	top: 173px;
	left: -7px;
	z-index: 1;
}
#listing-website #get-in-touch { left: 10px; }
#get-in-touch-link {
	display: none
	;
	width: 238px;
	height: 55px;
	text-indent:-9000px;
	background-image: url(../img/book-an-appointment2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#sparkle {
	z-index: 15;
	position: absolute;
	display: block;
	display: none;
	width: 62px;
	height: 62px;
	top: 10px;
	left: 0;
	background-image: url(../img/sparkle.png);
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-animation-name: sparkleRotate;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: .8s;
	-webkit-animation-iteration-count: 1;
    -webkit-transform: scale(0);
	-ms-animation-name: sparkleRotate;
	-ms-animation-timing-function: ease-out;
	-ms-animation-duration: .8s;
	-ms-animation-iteration-count: 1;
	-ms-transform: scale(0);
	-moz-animation-name: sparkleRotate;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: .8s;
	-moz-animation-iteration-count: 1;
	-moz-transform: scale(0);
	animation-name: sparkleRotate;
	animation-timing-function: ease-out;
	animation-duration: .8s;
	animation-iteration-count: 1;
	transform: scale(0);
}
#listing-website #sparkle { left: -4px; }
@-webkit-keyframes sparkleRotate {
	0% {-webkit-transform:rotate(-120deg) scale(0);}
	40% {-webkit-transform:rotate(-60deg) scale(1);}
	100% {-webkit-transform:rotate(0deg) scale(0);}
}
@-ms-keyframes sparkleRotate {
	0% {-ms-transform:rotate(-120deg) scale(0);}
	40% {-ms-transform:rotate(-60deg) scale(1);}
	100% {-ms-transform:rotate(0deg) scale(0);}
}
@-moz-keyframes sparkleRotate {
	0% {-moz-transform:rotate(-120deg) scale(0);}
	40% {-moz-transform:rotate(-60deg) scale(1);}
	100% {-moz-transform:rotate(0deg) scale(0);}
}
keyframes sparkleRotate {
	0% {transform:rotate(-120deg) scale(0);}
	40% {transform:rotate(-60deg) scale(1);}
	100% {transform:rotate(0deg) scale(0);}
}

#get-in-touch-container {
	display: none;
	position: absolute;
	z-index: 200;
	width: 366px;
	height: 500px;
	top: 208px;
	left: 0px;
	background-image: url(../img/get-in-touch-form-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#get-in-touch-form {
	position: absolute;
	left: 48px;
	right: 50px;
	top: 175px;
}
#get-in-touch-form textarea, #id_sender_info {
	border: 1px solid #AAA;
	background-color: #fff;
	padding: 8px 5px;
	margin-bottom: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
	box-shadow: inset 0 0 6px rgba(0,0,0,.1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family: sans-serif;
}
#get-in-touch-form textarea {
	width: 256px;
	height: 165px;
	font-size: 16px;
}
label.error {
	color: #f00; 
	display: none!important;
}  
input.error, textarea.error {
	background-color: #FFB!important;
}
#id_sender_label {
	float: left; 
	width: 70px;
	line-height: 1.2em;
	padding-top: 3px;
}
#id_sender_info {
	width: 180px;
	float: right;
	padding:6px 5px;
	font-size: 16px;
}
#send-button { 
  clear: both;
  width: 295px;
  height:91px;
  display: block;
  position: relative;
  left: -13px;
}
#id_email2 { display: none; }

#nav, #nav-categories { 
	position: absolute;
	overflow: visible;
	margin: 0;
	font-size: 20px;
	font-family: 'Josefin Sans', sans-serif;
	line-height: 32px;
}



#nav-categories { 
	display: none;
	left: 296px; 
	overflow: visible;  


}




#nav { left: 225px;top: 0;  }
#nav-categories { left: 350px;top: 0;  }


#listing-website #nav, #listing-website #nav-categories { display:none!important; }
#nav li, #nav-categories li {
	display: inline-block;
	height: 72px;
	line-height: 72px; 
}
#nav a, #nav-categories a {
}
#id_search_list a {
	background: none;
}
#nav a:link, #nav a:visited, #nav-categories a:link, #nav-categories a:visited  {
	color: #FFF;
	height: 72px;  
	overflow: hidden;
	padding: 20px 10px;
}
#nav a:hover, #nav-categories a:hover { color: #f2c369; }
#nav-current a:link, #nav-current a:visited { color: #f2c369; }
.nav-active { color: #f2c369!important; }



body.regions #id_regions a:link, body.regions #id_regions a:visited { color: #f00; }
body.about-us #id_about-us a:link, body.about-us #id_about-us a:visited { color: #f00; }

#nav-categories .li-eat-play-stay a { background-position: -160px bottom; }
#nav-categories .li-tips-and-advice a { background-position: -320px bottom; }
#nav .li-about-us a { background-position: -480px bottom; }
#nav .li-listings a { background-position: -640px bottom; }	


#id_search_list { position: relative; }

#searchForm, #search-button { display:none; }
#searchForm {
    margin-left: 12px;
}

#s { 
  width: 130px;
  padding:4px 0 4px 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
  -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
  box-shadow: inset 0 0 6px rgba(0,0,0,.1);
  border: 1px solid #AAA;
  background-color: #fafafa;
 }

#resultsDiv {
  max-width: 320px;
  width: 210px;
  display: none;
  position: absolute;
  z-index: 1003;
  top: 60px;
  left: 12px;
  padding: 5px 5px 5px 10px;
  margin-bottom: 40px;
  background-color: #f6f6f6;
  font-size: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.1);
  -moz-box-shadow: 0px 0px 7px rgba(0,0,0,.1);
  box-shadow: 0px 0px 7px rgba(0,0,0,.1);
  border: 1px solid #AAA;
}
#resultsDiv p {
	margin-bottom: 5px;
}


.close-button:hover {
	cursor: pointer;
}
.close-button {
	overflow: hidden;
	background: url("http://static.adam8.com/js/fancybox-1.34/fancybox.png") repeat scroll -40px 0 transparent;
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
}
#get-in-touch-container .close-button {
	top: 30px;
	left: 0px;
}
#resultsDiv .close-button {
	top: -10px;
	left: -18px;
}


#nav .webResult b {
	color: #fc0;
}
#nav .webResult a { padding: 0;text-transform: none;color: #0064C2; }



#resultsDiv h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 8px;
}
#resultsDiv a:link, #resultsDiv a:visited {
	padding-left:0;
	color: #0064C2;
	height: auto!important;
}

#homes-sold, #announcements {
	width: 200px;
	height: 96px;
	display: block;
	position: absolute;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	right: -32px;
	top: -4px;
	text-align: center;
	text-shadow: 0px 0px 16px rgba(255,255,255,.4);
	background-image: url(../img/bg-colour-squares.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#announcements p {
	margin: 25px auto 0 auto;
	line-height: 1.2em;
}
#announcements {
 font-style: italic;
 *display: none; 
 }
#announcements-canvas, #announcements-text {
	position: absolute;
}

#announcements-canvas { z-index: 50; }
#announcements-text { z-index: 100;width: 145px;font-size: 16px;font-weight: bold; }

#homes-sold-link, #announcements a:link, #announcements a:visited {
	color: #fff;
	width: 145px;
	height: 96px;
	display: block;
}

#container, #container-list {
	z-index: 4; 
	position: relative;
	height: auto !important;
	width: 100%;
	margin: 70px 0 0 0;  
}
body.regions #container {
	top: 228px;
	background-image: url(http://clients.adam8.com/www.joniandgail.com/img/map.png); 
	background-repeat: no-repeat;
	background-position: left -82px; 
}
#blog-category #content-text {
	width: 800px;
}
#content-text {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
}

#hero {
    position: relative;
  	width: 100%;
  	height: 600px;
  	display:block;
  	/* background-image:url(http://lh4.ggpht.com/kULlFrEIfeYmoi5CkKAgrrUhLUIs4xcHUZ8ThMd1yywQwj9aK5kL4pRP-pA4a5EJvpfcEDfhM_ug-Q=s1400); */
  	background-size: cover;
	background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    z-index: 1;
}
#hero-overlay {
    z-index: 12;
    position: absolute;
    bottom:0;
    width: 100%;
    height: 250px;
    background: transparent url(../img/hero-overlay.png) bottom left repeat-x;  
} 

#hero-prev, #hero-next {
    width: 100px;
    height: 64px;
    display: block;
    position: absolute;
    top: 250px;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center; 
}
#hero-prev { left: 10px; }
#hero-next { right: 10px; }
#hero-prev a, #hero-next a { padding-top: 64px;min-width: 64px;min-height: 64px; display: block; color: #fff; overflow:hidden; }

#hero-prev a, #hero-next a {
	-webkit-transition: all .2s;		
	-moz-transition: all .2s;		
	-o-transition: all .2s; 
}
#hero-prev a span, #hero-next a span {
	-webkit-transition: all .6s;		
	-moz-transition: all .6s;		
	-o-transition: all .6s; 
}
 
#hero-prev a { background: transparent url(../img/icons/left-1.png) top center no-repeat; }
#hero-next a { background: transparent url(../img/icons/right-1.png) top center no-repeat; }
#hero-prev a:link, #hero-next a:link {opacity: 0.6 }
#hero-prev a:link span, #hero-next a:link span { opacity: 0; } 
#hero-prev a:hover, #hero-next a:hover, #hero-prev a:hover span, #hero-next a:hover span { opacity: 1; } 

#hero-info {
    left: 0;
    z-index: 13;
    position: absolute;
    padding: 25px 0; 	
    color: #D5D5D5;
    width: 33.33333%; 
    top: 70px;
    background-color: #000;
	background-color: rgba(0, 0, 0, .7);
}
#hero-info p { line-height: 1em; margin: 10px 25px 0 25px; font-weight: normal; color: #fff;}
#hero-info h3 { font-style: italic; font-family: georgia; color: #f2c369; font-weight: normal;margin: 0 25px; }


/*
#listing-website #logo { top: 23px; }
#listing-website #page-container	{
	width: 800px;
}
#listing-website #container	{
	left: 27px;
	
}
#listing-website #content-text {}
*/
#blog-category #content-text { padding-top: 60px; }
#blog-category .page-title { display:none; position: relative; top: -60px; }
#blog-category .post-pic {
	width: 173px;
	height: auto;
}
.post-content {padding-bottom: 25px; }
.listings-home .post-pic { display: none; }

#listings-home-text {
	width: 180px;
	float: left;
	margin-top: 20px;
	font-size: 22px;
	color: #000;
}
#listings-home-text p {
	line-height: 1.25em;
}

#feature-listings, .slideshow {
	/* margin-left: 186px; */
	left: auto;
	/*margin-bottom: -110px;*/
	/*background-image: url(../img/bg-feature-listings.png);
	background-repeat: no-repeat;
	background-position: left top; */
	width: 598px;
	height: auto;
	display: block;
	position: relative; 
}
.slideshow {
	top: 0;
	/*float: right!important;
	top: 22px;; */
}
#blog-post .slideshow {
	width: 100%;
	height: auto;
	margin: 0 0 40px 0px;
}

#listing .slideshow, 
#listing-website .slideshow { margin: 0 auto; left: 0; position: relative; margin-top: 40px; width: 100%!important }

body.halfmoon-bay-volunteer-fire-dept .slideshow { display: none; }

.feature-listing-info {
	display: none;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	top: 0;
	left: -76px;
	z-index: 20;
	padding: 9px;
	border: 1px solid #BBB;
	width: 170px;
	background-color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,.2);
	box-shadow: 0px 0px 7px rgba(0,0,0,.2);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 0 15	px rgba(0, 0, 0, 0.07) inset;
}
.feature-listing-info h4.feature-listing-title { line-height: 1.1em; }

.feature-listing-title, .feature-listing-location {
	font-weight: bold;
	margin-bottom: 4px;
}
.feature-listing-item {
	position: absolute;
}
.feature-listing-price {
	text-align: right;
	font-size: 21px;
	margin-top: 6px;
}
.feature-listing-pic-container, .slideshow-photo-link {
	position: relative;
	z-index: 19;
	display: block;
}


.slideshow-photo, .feature-listing-pic-container img {
	width: 100%; 
	height: auto!important;
	position: relative;
	top:0;
	left: 0;
}
.slideshow-photo-item {
	margin-bottom: 12px;
	overflow: hidden;
	max-height: 725px;
	position: relative;
	z-index: 2; 
	top: 0;
	left: 0;
	background-size: cover;
	background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}
.slideshow-photo-link {
    height: 100%;
    position: relative;
    z-index: 4;
    display: block;
}
.slideshow-photo-item-overlay {
    z-index: 7;
    position: absolute;
    background-color: rgba(0,0,0,.6);
    color: #ccc;
    color: rgba(255,2555,255,.6); 
    text-shadow: 1px 1px 1px #000;
    bottom: 0;
    text-align: center;
    height:  30px;
    line-height: 30px;
    font-size: 15px; 
    width: 100%;
}

.slideshow-photo-caption {
	top: 100%;
	left: 22px;
	background: none;
	color: #333;
	font-size: 12px;
	line-height: 1.1em;
}
.slideshow-thumb-container {
	position: relative;
	z-index:55;
	top: 0px;
	left: 123px;
}
.slideshow-thumb-container img { float: none; display:inline; }
.slideshow-photo-container {
	height: auto!important;
	clear: left; 
	margin: 0;
}
.slideshow .slideshow-thumb-container {
	width: 100%;
	text-align: center;
	left: 0px;
	top: 0px;
	float:left;
}

#blog-page .slideshow .slideshow-thumb-container {
	text-align: left;
}
	
.slideshow-thumb-container img {
    border: 2px solid #000;
}
.slideshow-sold {
	text-indent: -99999em;
	overflow: hidden;
	position: absolute;
	z-index: 500;
	right: 21px;
	top: 23px;
	width: 195px;
	height: 149px;
	background-image: url(../img/sold.png);
	background-repeat: no-repeat;
	background-position: center center;	
}
.listings-home .slideshow-sold {
	right: 35px;
	top: 32px;
}

/* #listings-sold { display: none; } */

.listings-sold-sticker {
	text-indent: -99999em;
	overflow: hidden;
	background-image: url(../img/sold-sticker-small.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	margin: 0;
	width: 65px;
	height: 25px;
	left: 16px;
	top: 6px; 
	z-index: 5;
}
#listings-sold .listings-sold-sticker {
	left: auto;
	right: 0;
	top: 0;
}
.region-listings-item .listings-sold-sticker {
	left: 37px;
}
.sold-text { color: #f00; }

#listings-active, #listings-sold { clear:both; margin-bottom: 70px;position: relative; }

#listings-sold-jump {
	width: 124px;
	height: 124px;
	display: block;
	position: absolute;
	left: 290px;
	top: -116px;
	background-image: url(../img/view-sold-listings.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#listings-sold-jump:hover {
	cursor: pointer;
}

#feature-listing-posts {
	float: right;
	width: 569px;
	top: -115px;
	position: relative;
}
.post-month { display: none; }
.post-category { display: none; }
.post-entry-home { 
	/*width: 165px;
	float: left; */
	width: auto!important;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 195px;
	padding-bottom: 60px;
	padding-left: 9px;
	border-left: 2px solid #CCC;
}
.listing-title { 
  font-family: 'Josefin Sans', sans-serif;
  display: inline; 
  color: #fff; 
}

.post-entry-home h2.post-title,
.listing-details h2.listing-title {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px;
}

.post-date {
	display: none;
}
.post-entry-home .post-summary {
}
.entry1 { border-color:#e6d1bb }
.entry2 { border-color:#aec1f2 }
.entry3 { border-color:#daaef2 }
.entry4 { border-color:#ade47f }
.entry5 { border-color:#e29f9f }
.entry6 { border-color:#cfe6bb }
.entry7 { border-color:#e0aef2 }
.entry8 { border-color:#f2aec5 }
.entry9 { border-color:#7fe4b7 }
.entry10 { border-color:#e1e29f }
.entry11 { border-color:#e6d1bb }
.entry12 { border-color:#aec1f2 }
.entry13 { border-color:#daaef2 }
.entry14 { border-color:#ade47f }
.entry15 { border-color:#e29f9f }
.entry16 { border-color:#cfe6bb }
.entry17 { border-color:#e0aef2 }
.entry18 { border-color:#f2aec5 }
.entry19 { border-color:#7fe4b7 }
.entry20 { border-color:#e1e29f }


.listing-summary {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.5em;
	font-style: italic;
	font-weight: normal;
	color: #ccc;
	line-height: 1.1em;
}
.listing-info { 
    color: #ccc;
    padding: 40px 0 25px 0;
    overflow: auto;
    position: relative;
    background-color: #444;
    width: 100%;
    margin: 6px auto;
}
.listing-info-container {
    width: 960px;
    margin: 0 auto;
}
.listing-details {
	float: left;
	font-size: 14px;
	line-height: 1.1em;
	width: 240px;
}
.listing-details h2, .listing-details h3, .listing-details p,  .listing-details div {
    max-width: 190px;
}
.listing-notes { 
    clear: both;
    width: 960px;
    margin: 0 auto;
}
.listing-features {
    position: absolute;
    background-color: #f90;
    top: 0;
    left: 200px;
}
#listing-website .listing-details {
	margin-top: 117px;
}
.listing-detail {
	border-bottom: 1px solid #383838;
	padding:2px 0;
}
#show-features .button img {
    margin:0 auto;
    opacity: 1;
}

#show-features .button { text-align: center; min-width: 80px; }

.listing-description {
	min-height: 75px;
    z-index: 2;
    position: relative;
    font-size: 20px;
    color: #D6BDA0;
    background-color: transparent;
    clear: left;
	
    padding: 0 0 25px 0;
    width: 100%;
    margin: -75px auto 0 auto;
}
.listing-description p {
    line-height: 1.5em;
    width: 960px;
    margin: 0 auto;
}
.no-pics {
	padding-top: 135px;
}
.listing-item {
  font-family: 'Josefin Sans', sans-serif;
  border-top: 1px solid rgba(255,255,255,.25);
	clear: left;
	display: block;
	position: relative;
	padding: 0; 
	margin-right: 15px;
	margin-bottom: 40px;
	width: 100%;
	/* height: 400px;margin-bottom: 110px; */
}

.listing-item:hover { cursor:pointer; }


.listing-title-line {
    /*background-color:#000;
    background-color: rgba(0, 0, 0, .7);  */
}




.listings-index .listing-title { display: inline;font-size: 14px; }
.listings-index .listing-summary { font-size: 16px; }

#listings-sold .listing-item {
	height: 140px;
	overflow: hidden;
	width: 33.3333333%;
	float:left;
	clear:none;
	box-sizing: border-box;
	padding: 15px;
}

#listings-sold {
	display: block;
}

#listings-sold .listing-pic {
	width: auto;
}

.listings-index #nav .nav-listings { color: #Fc0; }

.listing-title-line {
	padding-top: 8px;
	text-align: center;
	position: relative;
	font-style: normal;
	color: #fff;
	font-size: 18px;  
	width: 100%;
}
.listing-price {
  display: inline;
  color: #FFD589;
  padding-left: 10px;
  /* 
    font-weight: bold;
    right: 25px;
    position: absolute;
    float: right; */
}
.listing-title-line .listing-title { font-size: 28px }
.listing-title-line .listing-title a {color: #fff; }

.listing-item .listing-summary {
    display:block;
    text-align: center;
    padding: 4px 0;
}

.listing-even { /* background-color: #111; */}

.listing-pic {
  float: left;
  box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0.28), inset 0px 0px 2px rgba(0, 0, 0, 1);
  display: block!important;
  height: 400px;
  width: 33.333333%;
  float: left;
  -webkit-transition: all .3s;		
  -moz-transition: all .3s;		
  -o-transition: all .3s;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat; 
}

.listing-index-photo-grid {
  display: block!important;
  position: relative;
  width: 33.33333%;
  height: 400px;
  overflow: hidden;
}
.listing-index-photo-grid .listing-pic {
  width: 33.33333%;
  height: 33.33333%;
  float:left;
}

.listing-item:hover .listing-pic {
    opacity: 1;
}

.more-categories {
	display: none;
}

#content-wrapper {
    position: relative;
}
#listing #content-wrapper, #listing-website #content-wrapper {
	top: 0;
}
.social-links {
	overflow: auto;
}
.social-links div {
	display: inline;
	width:55px;
	float: left;
}
.social-links.listing-detail {
	border-bottom: none;
}
.social-links div#twitter-button {
	width: 61px;
}

/* #blog-page #share { display: none; } */
#blog-page, .blog-home, #blog-category, #generic-page {
	background-color: #444;
}
#blog-page #container, 
#blog-page #container-list, 
#blog-category #container-list,
#generic-page #container {
	color: #ccc;
	width: 960px; 
	margin: 70px auto 0 auto;
	background-repeat:  repeat-x;
	background-position: center top;
	background-attachment: fixed;	
}


#blog-page #content-text,
.blog-home #content-text,
#blog-category #content-text,
#generic-page #content-text {
	padding: 30px;
	width: auto;
}
#generic-page.map #container { width: 100%; }
#generic-page.map #content-text { padding: 0; }

.region-listings, .region-posts {
	margin: 30px 0 40px 0;
	clear: both;
	height: auto;
	overflow: auto;
}

.region-listings img, .region-posts img {
	float: left;
	margin-right: 5px;
	display: inline;
}
.region-listings h4, .region-posts h4 {
	margin-bottom: 0;
}
.region-listings p, .region-posts p {
	margin: 0;
}
.region-posts-item { height: auto; overflow: auto;margin-bottom: 15px; }

.region-listings h3 a:link, .region-listings h3 a:visited, 
.region-posts h3 a:link, .region-posts h3 a:visited {
	color: #fff;
}
.region-listings h3 a:hover, .region-posts h3 a:hover {
	color: #fff;
}

.region-listings img {
	display: inline;
}
.region-listings-item {
	position: relative;
	width: 100px;
	margin: 0 20px 5px 0;
	float: left;
	height: 231px;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.1em;
}

.region-div {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 180px;
	line-height: 1.1em;
	font-size: 14px;
} 
.region-div p { line-height: 1.1em; }

.region-div ul {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#content-text .region-div li {
	margin: 0 0 8px 0;
	overflow: hidden;
	clear: both;
}

#the-sunshine-coast {
	text-align: left;
	padding-top: 15px;
	margin-left: 100px;
	font-size: 40px;
	text-shadow: 0px 0px 2px #FFF, 0px 0px 6px #FFF, 0px 0px 10px #FFF;
}


.region-trigger {
	position: absolute;
	font-size: 22px;
	color: #0064C2;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 2px #FFF, 0px 0px 6px #FFF, 0px 0px 10px #FFF;
}

.region-trigger:hover {cursor: pointer;color:#f00; }

.region-li img { float: left; margin-right: 5px; }

#region-div-posts-west-vancouver { top: 205px; left: 385px; }
#region-div-listing-west-vancouver { top: 190px; left: 585px; } 

#region-div-posts-keats-island { top: 220px; left: 385px; }
#region-div-listing-keats-island { top: 205px; left: 585px; }

#region-div-posts-gambier-island { top: 220px; left: 385px; }
#region-div-listing-gambier-island { top: 205px; left: 585px; }

#region-div-posts-gibsons { top: 220px; left: 385px; }
#region-div-listing-gibsons { top: 205px; left: 585px; }

#region-div-posts-roberts-creek { top: 230px; left: 345px; }
#region-div-listing-roberts-creek { top: 220px; left: 545px; }

#region-div-posts-sechelt { top: 260px; left: 250px; }
#region-div-listing-sechelt { top: 240px; left: 450px; }

#region-div-posts-halfmoon-bay { top: 240px; left: 100px; }
#region-div-listing-halfmoon-bay { top: 253px; left: 300px; }

#region-div-posts-pender-harbour { top: 190px; left: 20px; }
#region-div-listing-pender-harbour { top: 190px; left: 220px; }


#west-vancouver-link { top: 38px; right: 0px;width: 108px; }
#keats-island-link { top: 125px; left: 593px; }
#gambier-island-link { top: 20px; left: 572px; }
#gibsons-link { top: 91px; left: 525px; }
#roberts-creek-link { top: 145px;left: 460px;width: 100px; }
#sechelt-link { top: 150px;left: 366px; }
#halfmoon-bay-link { top: 161px; left: 186px; }
#pender-harbour-link { top: 82px;left: 95px; }

.active-link a { color: #fc0; }





#show-features .button {
	height: 88px;
	-webkit-transition: all .2s;		
	-moz-transition: all .2s;		
	-o-transition: all .2s;
	text-shadow: none; color: #bbb; border: 1px solid #555; background: #222; margin-right: 4px; margin-bottom: 10px; display: inline-block; } 
#show-features .button:hover { background: #333;color: #fff;border: 1px solid #777; }
#show-features .button:hover img { opacity: 1 } 

#tour-embed, #video-embed, #mls-link-embed { display: none;}
#map-embed iframe, #tour-embed iframe  { width: 770px; }
#tour-embed{ width: 715px;overflow: visible; }

#tour-embed { display: none; }
#map-embed iframe { height: 460px;  }
#tour-embed iframe { height: 570px; }

#tour-embed, #map-embed, #mls-link-embed, #video-embed  { float: left; }
#map-embed {
    margin-left: 3px;
    background-color: #9C9C9C; 
}

.map-listing-container {
	width: 275px;
}
.map-listing-title {
	margin: 0 0 8px 0;
	font-size: 18px;
}
#sunshine-coast-real-estate-map #content-text .map-listing-title a:link, 
#sunshine-coast-real-estate-map #content-text .map-listing-title a:visited {
	color: #00C;
}
.map-listing-img {
	float:left; 
	margin:0 8px 4px 0;
	border-radius: 4px;
	/* -webkit-box-shadow: 0 0 8px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.4);
	box-shadow: 0 0 8px rgba(0,0,0,.4);
	border: 2px solid #fff; */
}
.map-listing-summary, 
#content-text .map-listing-summary a:link,
#content-text .map-listing-summary a:visited {
	font-size: 14px;
	color: #000;
}


.push {
    clear: both;
    height: 38px;
}
#footer { 
	width: 100%; 
	top: 235px; 
	margin: 0 auto;
	height: 114px;
	background: #000;
} 

#sutton { bottom: 25px; left: 100px; position: absolute; } 
#medallion  { bottom: 20px; position: absolute; }  
 
 
#show-notes {
	background: none;
	border: none;
	text-shadow: none;
	color: #FC0;
} 

#hidden-notes {
	display: none;
	margin: 30px 50px 0 50px;
	background-color: #333;
	color: #CCC;
	padding:50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}
#hidden-notes h2 {
	color: #fc0;
	margin-bottom: 30px;
}

/*
#get-in-touch, #nav, #container { display: none; }

*/ 

body.about-us #content-wrapper img { 
	clear: both; 
	float:left; 
	margin:0 10px 15px 0;
	border: 3px solid #fff;
	-webkit-box-shadow: 0 0 15px #BBB;
	-moz-box-shadow: 0 0 15px #BBB;
	box-shadow: 0 0 15px #BBB;
}
body.about-us #content-wrapper h2 { margin-bottom: 0; font-size: 28px; }
body.about-us #content-wrapper h3 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #BBB; font-size: 20px; }
hr { border: 1px dotted #EEE; clear: both; margin:20px 0; visibility: hidden; }


.sticky-wrapper { z-index: 15; position: relative; margin: 0 auto; width: 100%;
    height: 45px;
    display: block;  }

.slideshow .slideshow-thumb-container {
    
}
.slideshow .slideshow-thumb-container.stuck {
    top: 70px!important;
    left: 0;
    position: fixed;
    width: 100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, .7);
}




/* RECIPROCITY */

body.reciprocity .nav-area-listings { color: #F00!important }
body.reciprocity table { 
	margin-bottom: 25px;
}
/* .titleMed { display: none;} */
/* END RECIPROCITY */