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

#page-container {
	width: 960px;
}
body {
	color: #393939;
	background-image: url(../img/bg.gif);
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: scroll;
	font-family: 'Gentium Basic', Georgia, serif;
	line-height: 1.3em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Gentium Basic', Georgia, serif;
	line-height: 1.15em;
	font-weight: bold;
}
h1 { font-size: 40px; }
h2 { font-size: 34px; }
h3 { font-size: 24px; }
h4 { font-size: 16px; }
h5, h6 { font-size: 16px;font-weight: normal; }
#header {
	margin: 0;
	padding: 0 0 0 10px;
	position: relative; 
	z-index: 5;
	overflow: visible;
}
#logo {
	margin: 0px;
	position: absolute;
	left: -10px; 
	top: 15px;
}
#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;
}
#get-in-touch {
	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: block;
	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: 2;
	position: absolute;
	display: block;
	width: 62px;
	height: 62px;
	top: 157px;
	left: -21px;
	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;
    top: 260px;
	left: 16px;
	width: 157px;
	font-size: 20px;
	line-height: 32px;
}
#nav-categories { display: none;overflow: visible; }
#listing-website #nav, #listing-website #nav-categories { display:none!important; }
#nav li, #nav-categories li {
	height: 31px;
}
#nav a, #nav-categories a {
	background-image: url(../img/bg-lines-horiz.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#id_search_list a {
	background: none;
}
#nav a:link, #nav a:visited, #nav-categories a:link, #nav-categories a:visited  {
	color: #000;
	display: block;
	height: 31px;
	display: block;
	overflow: hidden;
	padding-left:10px;
}
#nav a:hover, #nav-categories a:hover { color: #F00; }
#nav-current a:link, #nav-current a:visited { color: #F00; }
.nav-active { color: #F00!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; }
#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: 27px;
  left: 0;
  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 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: 146px;
	height: 96px;
	display: block;
	position: absolute;
	font-weight: bold;
	color: #fff;
	right: 15px;
	top: 10px;
	text-align: center;
	text-shadow: 0px 0px 6px #FFF, 0px 0px 12px #FFF, 0px 0px 18px #FFF;
	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 { *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 {
	position: relative;
	height: auto !important;
	width: 770px;
	margin: 0;
	left: 173px;
	top: 255px;
}
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 {
	position: relative;
	margin: 0;
	padding: 0 0 100px;
	font-size: 16px;
}

#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 { 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; */
	top: -120px;
	*top: -280px;
	left: 180px;
	/*margin-bottom: -110px;*/
	background-image: url(../img/bg-feature-listings.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 598px;
	height: 420px;
	display: block;
	position: relative; 
}
.slideshow {
	width: 597px!important;
	margin-left: 180px;
	*margin-left: 0;
	top: 0;
	margin-bottom: 30px;
	/*float: right!important;
	top: 22px;; */
}
#blog-post .slideshow {
	/*margin-left: 0;
	float: right;
	left: 0;*/
	top: 0;
	left: 0;
	margin: 0 0 40px 0;
	float: right;
	
}

#listing .slideshow, #listing-website .slideshow { left: 0; }

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: absolute;
	z-index: 19;
	width: 532px;
	height: 353px;
	left: 35px;
	top: 33px;
	display: block;
	overflow: hidden;
}


.slideshow-photo, .feature-listing-pic-container img {
	width: 532px;
	height: auto!important;
	position: absolute;
	top:0;
	left: 0;
}
.slideshow-photo-item {
	display: none;
	height: 412px;
	width: 600px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.slideshow-photo-caption {
	top: 100%;
	left: 22px;
	background: none;
	color: #333;
	font-size: 12px;
	line-height: 1.1em;
}
.slideshow-thumb-container {
	position: absolute;
	z-index:55;
	top: -14px;
	left: 123px;
}
.slideshow-photo-container {
	height: auto!important;
	clear: none;
	margin-top: 0;
}
.slideshow .slideshow-thumb-container {
	left: 18px;
	top: -20px;
}
.slideshow-thumb-container img {
    border: 2px solid #444;
}
.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-sticker {
	text-indent: -99999em;
	overflow: hidden;
	background-image: url(../img/sold-sticker-small.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	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;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 9px;
	border-left: 1px solid #CCC;
}
.listing-title { color: #000; }
.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: 19px;
	margin-bottom: 10px;
	line-height: 19px;
	font-style: italic;
	font-weight: normal;
	color: #444;
	line-height: 1.1em;
}
.listing-details {
	margin: 135px 25px 15px 0;
	font-size: 14px;
	line-height: 1.1em;
	width: 180px;
	*width: 140px;
	*margin-right: 0;
	float: left;
}
#listing-website .listing-details {
	margin-top: 117px;
}
.listing-detail {
	border-bottom: 1px solid #EEE;
	padding:2px 0;
}


.listing-description {
	
}
.no-pics {
	padding-top: 135px;
}
.listing-item {
	position: relative;
	padding: 0 0 4px 0;
	margin-right: 15px;
	border-bottom: 1px dotted #CCC;
	height: 300px; 
	width: 175px;
	overflow: hidden;
	float: left;
	clear:none;
}
.listing-item:hover { cursor:pointer; }

.listing-price { font-weight: bold; }
.listings-index .listing-title { display: inline;font-size: 14px; }
.listings-index .listing-summary { font-size: 13px; }

#listings-sold .listing-item {
	height: 110px;
	overflow: hidden;
}

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

.listing-title-line, .listing-item .listing-summary {
	font-style: normal;
	color: #555;
}

.listing-even { background-color: #fcfcfc;}

.listing-pic {
	float: left;
	margin-right: 8px;
}

.more-categories {
	display: none;
}

#content-wrapper {
    position: relative;
}
#listing #content-wrapper, #listing-website #content-wrapper {
	top: -120px;
}
.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; } */

.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: #393939;
}
.region-listings h3 a:hover, .region-posts h3 a:hover {
	color: #0064C2;
}

.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: #f00; }




#show-features { margin: 15px 0 15px 0;padding-top: 10px; }
#show-features .button { margin-right: 4px; margin-bottom: 10px; display: inline-block; } 
#tour-embed, #video-embed, #mls-link-embed { display: none;}
#map-embed iframe, #tour-embed iframe  { width: 770px; }

#tour-embed { display: none;padding:5px 0; background-color: #fff; }
#map-embed iframe { height: 570px; }
#tour-embed iframe { height: 570px; }

#tour-embed, #map-embed, #mls-link-embed, #video-embed  { margin-bottom: 30px; }

#footer, .push {
    height: 38px;
}
#footer { top: 245px;margin-left: 15px; }

#sutton { padding-bottom:10px;margin-left: 3px;margin-top: 8px; }

#hidden-notes {
	display: none;
	margin-top: 30px;
	background-color: #EEE;
	padding:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*
#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; }




/* RECIPROCITY */

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