* { margin: 0; padding: 0; }
article, aside, footer, header, nav, section { display: block; }


/* Global
--------------------------------------*/
html { overflow-y: scroll; }
body { background: #fff; color: #333; font: 15px/24px 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; }


#content { background: #fff; }
#content .alert_message { float:left; margin: 0 0 0 20px; width: 940px; }

.columns { position: relative; float: left; }
.columns.two-columns { background: #fff /*url('/template/bg-content-2col.png') repeat-y*/; }
.columns.three-columns { background: #fff url('/template/bg-content-3col.png') repeat-y; }


  


.wrap {  width: 980px; margin: 0 auto 15px; }
/*header { position: relative; height: 185px; padding: 10px 0 0; }*/

#logo { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 50px; line-height: 35px; text-transform: uppercase; margin: 30px 0;  }
img { max-width: 100%; }
header { box-shadow: 0 4px 5px -2px rgba(0,0,0,0.5); }
header section { display: flex; justify-content: space-between; margin-bottom: 15px; }
header section > div:first-child { width: 728px; }
header section > div:last-child {/* width: 240px; */}
header section .icons { text-align: right; display: flex; flex-direction: column; justify-content: center; }
header section .icons > img { width: 200px; }
header .social { margin-top: 10px; }
header .social a { color: #2b6ca3; border: 2px solid #2b6ca3; border-radius: 50%; display: inline-block; width: 24px; padding: 4px; font-size: 18px; text-align: center; transition: linear 0.1s; }
header .social a:hover { color: #000; border-color: #000; }


header nav { list-style: none; }
header nav > ul { position: relative; z-index: 1000; display: flex; padding: 0; margin: 0; justify-content: space-between; border-top: 2px solid #2b6ca3; border-bottom: 2px solid #2b6ca3; }
header nav > ul > li { position: relative; display: inline-block; flex-grow: 1; }
header nav > ul > li > a { display: block; padding: 5px 10px; background: #fff; color: #2b6ca3; text-decoration: none; text-align: center; }
header nav > ul > li > a:hover,
header nav > ul > li:hover > a,
header nav > ul > li > a.selected { background: #2b6ca3; color: #fff; text-decoration: none; }
header nav > ul > li:hover { background: #2b6ca3; }
header nav > ul ul { position: absolute; list-style: none; display: none; flex-direction: column; margin:0; padding:0; }
header nav > ul ul li a { display: block; background: #3879B0; color: #fff; min-width: 160px; padding: 5px 20px; text-decoration: none; white-space: nowrap; }
header nav > ul ul li a:hover { background: #1E5F96; color: #fff; text-decoration: none; }
header nav > ul ul li a.selected { background: #2b6ca3; }


/* deenah's requested submenu colors */
header nav > ul ul { box-shadow: 0px 1px 3px rgba(0,0,0,0.3); }
header nav > ul ul li a { background: rgba(255,255,255,1); color: #2b6ca3; }
header nav > ul ul li a:hover { background: rgba(43,108,163,1); color: #fff; }
header nav > ul ul li a.selected:hover { background: rgba(43,108,163,1); color: #fff; }
header nav > ul ul li a.selected { background: rgba(244,244,244,1); }
/* *** */


header nav > ul ul li:first-child { margin-top: 2px; }

header nav > ul > li:hover ul { display: flex; }



.cright { display: flex; margin-top: 30px; }
.cright > div { width: 48%; font-weight: 300; font-family: 'Raleway', sans-serif; }
.cright > div:first-child { margin-right: 2%; }
.cright > div:last-child { margin-left: 2%; text-align: right; }

footer { padding: 20px 0 12px; background: #2b6ca3; color: #fff; }
footer h2 { font-family: 'Raleway', sans-serif; }
.sponsor-sign-in { text-align: center; background: #eee; color: #111; padding: 5px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.sponsor-sign-in:hover { background: #fff; text-decoration: none; }

.explore li a { display: block; }
.explore li a {  padding: 0 5px; background: #ddd; color: #111; text-decoration: none; }
.explore .neighbourhood a, .explore .neighbourhood a:hover { background: #fff; color: #171e24; }
.explore .neighbourhood .selected, .explore .neighbourhood .selected:hover { background: #fff; color: #000; }
.explore li a:hover { background:   #fff; }



/* Columns
--------------------------------------*/
.column { float: left; }

#sections { width: 140px; }
.one-column #main { width: 940px; margin: 0 20px; }
.two-columns #main { width: 700px; margin: 0 20px; }
.three-columns #main { width: 560px; padding: 0 20px; }
#side { width: 200px; padding: 0 20px; }
#main { overflow: hidden; position: relative; }
.half { width: 460px; margin: 0 0 0 20px; }
.full { width: 940px; margin: 0 0 0 20px; }

#footer-explore { width: 460px; margin: 0 0 0 20px; }
#footer-other { width: 460px; margin: 0 0 0 20px; }
#footer-blog { width: 460px; margin: 0 0 0 20px; padding: 0; }


/* Navigation
--------------------------------------*/


.sections { list-style: none; padding: 0; }
.sections li { border-bottom: solid 1px #ddd; list-style: none; }
.sections a { display: block; padding: 59px 0 3px; height:19px; background-image: url('/template/nav-icons-v4.png'); background-repeat: no-repeat; color: #666; text-align: center; text-decoration: none; }
.sections a:hover { color: #333; text-decoration: none; }
.sections .selected, .sections .selected:hover { background-color: #fff; color: #069; font-weight: 600; }

#section-overview { background-position: 0px -81px; }
#section-overview:hover { background-position: -138px -81px; }
#section-overview.selected, #section-transportation.selected:hover { background-position: -276px -81px; }

#section-arts { background-position: 0px -162px; }
#section-arts:hover { background-position: -138px -162px; }
#section-arts.selected, #section-arts.selected:hover { background-position: -276px -162px; }

#section-history { background-position: 0px -162px; }
#section-history:hover { background-position: -138px -162px; }
#section-history.selected, #section-history.selected:hover { background-position: -276px -162px; }

#section-homes { background-position: 0px -243px; }
#section-homes:hover { background-position: -138px -243px; }
#section-homes.selected, #section-homes.selected:hover { background-position: -276px -243px; }

#section-shopping { background-position: 0px -486px; }
#section-shopping:hover { background-position: -138px -486px; }
#section-shopping.selected, #section-shopping.selected:hover { background-position: -276px -486px; }

#section-lifestyle { background-position: 0px -405px; }
#section-lifestyle:hover { background-position: -138px -405px; }
#section-lifestyle.selected, #section-lifestyle.selected:hover { background-position: -276px -405px; }

#section-recreation { background-position: 0px -486px; }
#section-recreation:hover { background-position: -138px -486px; }
#section-recreation.selected, #section-recreation.selected:hover { background-position: -276px -486px; }

#section-schools { background-position: 0px -324px; }
#section-schools:hover { background-position: -138px -324px; }
#section-schools.selected, #section-schools.selected:hover { background-position: -276px -324px; }

#section-transportation { background-position: 0px -567px; }
#section-transportation:hover { background-position: -138px -567px; }
#section-transportation.selected, #section-transportation.selected:hover { background-position: -276px -567px; }

#section-map { background-position: 0px -648px; }
#section-map:hover { background-position: -138px -648px; }
#section-map.selected, #section-map.selected:hover { background-position: -276px -648px; }

#section-properties { background-position: 0px 0px; }
#section-properties:hover { background-position: -138px 0px; }
#section-properties.selected, #section-properties.selected:hover { background-position: -276px 0px; }



/* Structure
--------------------------------------*/



.columns > header { width: 980px; height: 70px; padding: 25px 0 0 0px; position:relative; }
hgroup { float: left; }
.share { float: right; margin: 2px 240px 0 0; padding: 10px; background: #004570; color: #0286c3; }
.share img { vertical-align: -3px; }

#map { width: 700px; height: 350px; }
#canvas { width: 700px; height: 350px; }

.map { overflow: hidden; margin: 10px -20px 0; padding: 0 0 1px; }
.map img { display: block; }

.region-map { display: block; margin: 10px auto 20px; }

.explore { overflow: hidden; margin: 0 0 18px; list-style: none; }
.explore li { display: block; float: left; margin: 0 6px 6px 0; padding: 0 5px; background: #ddd; color: #111; font-size: 13px; }
.explore .neighbourhood { background: #fff; color: #111; }

/*
header .advertisement { float: right; width: 625px; height: 125px; margin: 0 20px 0 0; }
header .advertisement-wrap { width: 625px; height: 125px; display: none; }
	header .advertisement .ad-728 img { margin: 25px 0 0; }
*/
header .advertisement-wrap { display: none; }
	
header .bluebar { float: none; width: 225px; height: 70px; margin:0px; position:absolute; right:20px; top:-2px; }
header .bluebar-wrap { width: 225px; height: 70px; display: none; }

header .advertisement-v2 { overflow: hidden; position: relative; float: right; width: 627px; height: 127px; margin: 0 20px 0 0; }
header .advertisement-wrap-v2 { width: 627px; height: 127px; display: none; }
	header .advertisement-v2 .ad { display: block; position: absolute; right: 0; }
	header .advertisement-v2 .ad-625 img { width: 625px; height: 125px; border: solid 1px #999; }
	header .advertisement-v2 .ad-728 { padding: 18px 0; }
	header .advertisement-v2 .ad-728 img { width: 728px; height: 90px; border: solid 1px #999; }

#side .advertisement { margin: 45px 0 20px 0; }
#side .advertisement-wrap { width: 200px; height: 200px; display: none; }

.directory { margin: -80px 0 20px; background: #fff; }
.general-directory { margin: 20px 0 20px; }
.view-directory { display: block; width: 200px; height: 90px; background: url('/template/bg-directory-view.png'); text-decoration: none; }
.view-directory:hover { text-decoration: none; }
.view-directory p { margin: 0; padding: 6px 10px 3px; color: #e78dbe; font-size: 13px; font-weight: 700; text-transform: uppercase; text-shadow: #7f1d4e 0 1px 0; }
.view-directory h4 { margin: 0; padding: 0 10px; color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; text-shadow: #7f1d4e 0 1px 0; }

.directory-v2 { margin: 5px 0 20px; }
.directory-v2 a { display: block; width: 200px; }
.directory-v2 .directory-v2-header { height: 93px; background: url('/template/directory-logo.png'); text-indent: -9999px; }
.directory-v2 .directory-v2-button { width: 180px; height: 30px; padding: 0 10px; background: url('/template/directory-button.png'); color: #fff; font-weight: bold; line-height: 30px; text-decoration: none; }

#view-suburbs-guide { display: block; position: absolute; top: 10px; right: 0; width: 218px; height: 193px; background: url('/template/suburbs.png'); text-indent: -9999px; }
#view-suburbs-guide:hover { background-position: -218px 0; }

.slideshow-wrap { clear: both; width: 460px; height: 375px; margin: 24px auto 12px; background: #666 url('/template/shadow-460.png') no-repeat left bottom; }
.slideshow { display: none; position: relative; width: 460px; height: 345px; }
.slideshow img { display: block; position: absolute; left: 0; top: 0; width: 460px; height: 345px; }

#camera-wrap { clear: both; width: 320px; height: 270px; margin: 24px auto 12px; background: #666 url('/template/shadow-460.png') no-repeat center bottom; }


.filmstrip-wrap { overflow: hidden; width: 570px; margin: 0 -5px; }
.filmstrip { }
.filmstrip li { margin: 0 5px; }

.thumbs ul { overflow: hidden; width: 570px; margin: 0 -5px; padding: 0; list-style: none; }
.thumbs li { float: left; width: 104px; height: 78px; margin: 0 5px 10px; }

#google-map-wrap { width: 560px; height: 350px; background: #999; margin-top:115px; position:relative; }
/*#google-map-wrap #bubble{ width:150px; height:113px; display:block; position:absolute; z-index:50; background: url('/template/dialogue-bubble.png') no-repeat transparent; left:12px; top:-85px; display:none; }*/
#google-map-wrap #bubble{ width:150px; height:126px; display:block; position:absolute; z-index:50; background: url('/template/streetview-popup3.png') no-repeat transparent;    right: 12px;    bottom: 116px;  display:none; }
#google-map { width: 560px; height: 350px; }

footer article { margin: 0 0 12px; }

.social-twitter { background-image: url('/template/icons/twitter70.png'); }
.social-facebook { background-image: url('/template/icons/facebook70.png'); }
.social .social-blog { width: 96px; height: 60px; margin: -6px 0 0 15px; background-image: url('/template/rss.gif'); }

.properties { margin: 0; padding: 0; list-style: none; }
.properties li { margin: 0 0 12px; border-bottom: solid 1px #ccc; }
.properties li:last-child { border-bottom: none; }
.properties h3 { font-size: 16px; margin: 0 0 11px; }
.properties h3 .price { float: right; color: #900; }
.properties p { font-size: 13px; line-height: 18px; }
.properties .image { float: right; margin: 0 0 22px 22px; padding: 0 0 19px; background: url('/template/shadow-280.png') no-repeat center bottom; }
.properties img { display: block; padding: 1px; border: solid 1px #666; }
/*.properties img { float: right; margin: 5px 0 22px 22px; padding: 2px; border: solid 1px #999; }*/


/* Directory
--------------------------------------*/
#search { width: 980px; height: 80px; background: #034d87 url('/template/bg-search.png'); }

.categories { clear: left; width: 980px; padding: 20px 0 0; }
.category { float: left; width: 220px; margin: 0 0 20px 20px; }
.category h3 { font-size: 14px; }
.category ul { margin: 0; padding: 0; list-style: none; font-size: 13px; }
.category li { display: inline; }
.category li:after { content: ', '; }
.category li:last-child:after { content: ''; }

.businesses { float: left; width: 640px;}
.map-column { float: left; width: 340px; }
#businesses-map { width: 298px; height: 298px; border: solid 1px #999; margin: -20px 0 40px 20px; }

.search-head { clear: left; padding: 20px; background: url('/template/bg-search-head.png') repeat-x left bottom; }
.search-head h2 { margin: 0; font-size: 24px; color: #936; }
.search-head h2 span { margin: 0; font-size: 18px; color: #ccc; }

.business { border-bottom: solid 1px #ccc; padding: 24px 0 12px 20px; }
.business header { overflow: hidden; margin: 0 0 20px; }
.business .business-logo { float: right; }
.business h2 img { vertical-align: middle; }

.business-address { float: left; width: 220px; color: #777; font-size: 13px; line-height: 18px; }
.business-address p { margin: 0; }
.business-contact { float: left; width: 220px; color: #777; font-size: 13px; line-height: 18px; }
.business-contact ul { margin: 0; padding: 0; list-style: none; }
.business-contact li { padding: 0 0 0 20px; }
.business-contact .phone { background: url('/template/icons/telephone-medium.png') no-repeat left center; }
.business-contact .email { background: url('/template/icons/mail-medium.png') no-repeat left center; }
.business-contact .website { background: url('/template/icons/globe-medium.png') no-repeat left center; }

.columns > .directory-head { height: 60px; padding: 0; border-top: solid 2px #b84885; border-bottom: solid 2px #7a1e47; background: #936; }
.columns > .directory-head h1 { margin: 15px 20px 0; font-size: 30px; text-shadow: #7a1e47 0 1px 0; }

.none-found { margin: 20px; }

.directory-search { overflow: hidden; margin: 0 0 0 -20px; }
.search-field { float: left; margin: 0 0 10px 20px; }
.search-field label { color: #936; font-size: 16px; font-weight: bold; }
.search-field input { width: 400px;  height: 24px; padding: 10px; border: solid 5px #ccc; background: #fff; font-size: 24px; line-height: 24px; }
.search-field button { margin: 24px 0 0; padding: 15px; border: none; background: #936; color: #fff; font-size: 24px; line-height: 24px; }

.advertise { display: block; float: right; padding: 0 10px; margin: 5px 10px; background: #069; color: #fff; text-align: center; text-decoration: none; }
.advertise:hover { color: #fff; text-decoration: none; }

/*
.columns > .directory-head-v2 { height: 60px; padding: 0; border-top: solid 2px #b84885; border-bottom: solid 2px #7a1e47; background: #936; }
.columns > .directory-head-v2 h1 { width: 449px; height: 34px; background: url('/template/directory-v2/header.png'); text-indent: -9999px; text-shadow: none; }
*/

/*.columns > .directory-head-v2 { height: 60px; padding: 0; border-top: solid 2px #b84885; border-bottom: solid 2px #7a1e47; background: #936; }*/
.columns > .directory-head-v2 { height: 60px; padding: 0; border-top: solid 2px #ff7028; border-bottom: solid 2px #be3f00; background: #f95300; }

.columns > .directory-head-v2 h1 {  font-family: arial, helvetica; font-size: 30px; font-weight: normal; text-shadow: 3px 3px 2px rgba(0,0,0,0.6); text-transform: none; }

.advertise-v2 { display: none; /* DISABLED */ position: absolute; top: 0; right: 0; width: 300px; height: 185px; margin: 20px 50px 0 -100px; background: url('/template/directory-submit.png'); text-indent: -9999px; }
.directory-head .advertise-v2 { margin: 20px 20px 0 0; width: 200px; height: 123px; background-size: 200px 123px; }

#directory-v2 { overflow: hidden; float: left; width: 980px; height: 695px; background: url('/template/directory-v2/bg.png'); }
.directory-search-v2 { position: relative; float: left; margin: 160px 0 0 170px; }
/*.directory-search-v2 label { position: absolute; display: block; left: 10px; width: 391px; height: 27px; background: url('/template/directory-v2/label.png'); text-indent: -9999px; }*/
.directory-search-v2 label { position: absolute; display: block; left: 10px; width: 391px; height: 27px; color: #f95300; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 4px #aaa; }
.directory-search-v2 input { display: block; width: 600px; height: 50px; padding: 10px 20px 20px; border: none; background: url('/template/directory-v2/bg-field.png'); font-family: arial, sans-serif; font-size: 24px; }
.directory-search-v2 input:focus { outline: none; }
.directory-search-v2 button { 
	position: absolute; 
	top: 0; 
	right: -20px; 
	width: 130px; 
	height: 54px; 
	padding: 0; 
	border: none; 
	background: #f95300;
	color: #fff;
    font-size: 26px;
    letter-spacing: -1px;
	text-transform: uppercase;
	text-shadow: 2px 2px 3px #000;
	box-shadow: 2px 2px 5px #111;
	/*background: url('/template/directory-v2/bg-button.png'); 
	text-indent: -9999px; */
}

.slideshow-v2 { float: left; width: 198px; height: 146px; margin: 30px 0 0 172px; background: url('/template/directory-v2/bg-slideshow.png'); }
.slideshow-v2 ul { display: none; position: relative; margin: 0; padding: 0; list-style: none; }
.slideshow-v2 li { position: absolute; width: 190px; height: 138px; left: 0; top: 0; background-position: 50% 50%; background-repeat: no-repeat; }
.slideshow-v2 img { display: none; }

.categories-v2 { float: right; margin: 30px 180px 0 0;  }

/* Typography
--------------------------------------*/
p { margin: 0 0 12px; }

h1, h2, h3, h4 { font-family: 'Raleway', sans-serif; }
h1 { margin: 24px 0 24px; font-size: 30px; font-weight: 700; line-height: 30px; }
h2 { margin: 0 0 12px; font-size: 18px; }
h3 {  }

ul { margin: 0 0 12px; padding: 0 0 0 30px; }

.columns > header h2 { margin: -7px 20px 4px; color: #171d25; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.columns > header h1 { margin: 8px 20px 0; color: #fff; font-size: 34px; font-weight: 500; text-shadow: #02447b 0 1px 0; text-transform: uppercase; }
.columns > header h2 + h1 { margin: 0 20px 0; }

#breadcrumb { overflow: hidden; margin: 6px 0 0; padding: 0 0 6px; border-bottom: solid 1px #eee; font-family: 'museo-slab-1', 'museo-slab-2', georgia, serif; font-size: 14px; list-style: none; }
#breadcrumb li { float: left; margin: 0 6px 0 0; padding: 0 12px 0 0; background: url('/template/breadcrumb-arrow.png') no-repeat right 8px; list-style: none; }
#breadcrumb li:last-child { margin: 0; padding: 0; background: none; }
#breadcrumb a { display: block; color: #999 !important; text-decoration: none; }
#breadcrumb a:hover { color: #999 !important; text-decoration: underline; }
#breadcrumb strong { display: block; padding: 0 12px 0 0; background: url('/template/breadcrumb-arrow.png') no-repeat right -16px; color: #444; }

#breadcrumb + h1 { margin: 12px 0 24px; }
.column > p:first-child { margin: 24px 0 12px; }

#main .legal { float: left; width: 460px; margin: 13px 0 20px 0; color: #999; font-size: 12px; line-height: 18px; }

#main article { padding: 0 0 12px; border-bottom: solid 1px #ccc; }

#side h2 { margin: 24px 0 12px; line-height: 30px; }
#side h3 { margin: 0 -20px; padding: 6px 20px; color: #fff; background: #171d25; font-size: 14px; font-weight: 700; }

#side ul { padding: 0; }

#side .archives { margin: 0 -20px; font-size: 13px; line-height: 18px; list-style: none; }
#side .archives li { border-bottom: solid 1px #ccc; }

#side article h3 { margin: 12px 0 6px; padding: 0; color: #333; background: none; font-size: 13px; line-height: 18px; }
#side article p { font-size: 13px; line-height: 18px; }
#side article p date { color: #999; font-size: 12px; text-transform: uppercase; }

#side .events { margin: 0 -20px; list-style: none; font-size: 13px; line-height: 18px; }
#side .events li { padding: 5px 20px; border-bottom: solid 1px #ccc; }
#side .events li:last-child { border-bottom: 0; }
#side .events date { display: block; color: #999; font-size: 12px; }

#main .events { margin: 0 0 20px; padding: 0; list-style: none; line-height: 18px; }
#main .events li { padding: 5px 0; }
#main .events date { display: block; color: #999; font-size: 12px; }

#side .directory-categories { list-style: none; font-size: 13px; line-height: 18px; }
#side .directory-categories li { border-bottom: solid 1px #ccc; }
#side .directory-categories li a { display: block; padding: 3px 10px; color: #666; text-decoration: none; }
#side .directory-categories li a:hover { background: #ddd; color: #000; text-decoration: none; }
#side .directory-categories li:last-child { border: none; font-size: 12px; font-style: italic; }
#side .directory-categories li:last-child a { color: #7f1d4e; }

footer h2 { color: #fff; }
footer p { line-height: 18px; }

footer article h3 { margin: 0; font-size: 13px; line-height: 18px; }
footer article p { margin: 0; font-size: 13px; line-height: 18px; }

.explore { padding: 0; }

.meta { margin: -12px 0 24px; color: #777; font-style: italic; }

.copyright { margin: 12px 20px 12px; color: #999; font-size: 13px; line-height: 18px; }

.more-events { margin: 5px 0; font-size: 13px; font-weight: bold; line-height: 30px; }
.more-events a { color: #279700; }


/* Linkage
--------------------------------------*/
a, a img, map { border: none; outline: none; }

a { color: #069; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }

h1 a { text-decoration: none; }
h1 a:hover { text-decoration: none; }

#side article a { color: #069; }
#side article a:hover { color: #000; }

#side .archives a { display: block; padding: 6px 20px; color: #069; text-decoration: none; }
#side .archives a:hover { background: #ddd; color: #000; text-decoration: none; }
#side .archives a.selected, #side .archives a.selected:hover { background: #fff; color: #000; font-weight: bold; }


footer article a { color: #ddd; }
footer article a:hover { color: #fff; }

.category ul a { color: #777; text-decoration: none; }
.category ul a:hover { color: #333; }




/* Colours
--------------------------------------*/
body nav a:hover { color: #390; }
body .columns > header { border-top: solid 2px #0364a3; border-bottom: solid 2px #02447b; background: #034d87 url('/template/bg-content-header.png'); }
body .columns > header h2 { text-shadow: #02447b 0 1px 0; }
body .columns > header h2 { color: #0484bc; text-shadow: #02447b 0 1px 0; }
body h1 { color: #069; }

body#page4 .columns > header { border-top: solid 2px #ff7028; border-bottom: solid 2px #be3f00; background: #f95300; }
body#page4 .columns > header h2 { color: #fbdbdb; text-shadow: #333 0 1px 0; }
body#page4 .submit-form button { background: #f95300; }

/* Forms
--------------------------------------*/
.form { margin: 20px 0; padding: 19px 19px 7px; border: solid 1px #ccc; background: #eee; }

.form dl { overflow: hidden; }
.form dt { clear: left; float: left; width: 140px; margin: 0 0 10px; }
.form dd { float: left; width: 280px; margin: 0 0 10px; }

.form div.error { margin: 0 0 20px; padding: 5px 10px; background: #c43c35; color: #fff; font-size: 13px; font-weight: bold; }
.form div.error p { margin: 0; }

div.success { margin: 0; padding: 15px 20px; background: #3cc435; color: #fff; font-size: 16px; font-weight: bold; }
div.success p { margin: 0; }

.form .buttons { text-align: right; }

.form dt label { display: block; padding: 6px 0; font-size: 13px; }
.form input[type='text'], .form input[type='email'], .form input[type='password'] { width: 268px; padding: 5px; border: solid 1px #ccc; background: #fff; font: 15px/20px 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; }
.form textarea { width: 268px; height: 100px; padding: 5px; border: solid 1px #ccc; background: #fff; font: 15px/20px 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; }
.form button { border: none; padding: 5px 10px; background: #069; color: #fff; font: 15px/20px 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; font-weight: bold; text-transform: uppercase; }
.form .field { display: block; background: #ccc; padding: 4px 5px; }

.form input.error { background: #fcc; color: #c00; }

footer input { width: 288px; padding: 5px; border: 0px; background: #fff; color: #000; font: 15px/20px 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; }
footer button { border: none; padding: 5px 10px; background: #eee; color: #000; font: 15px/20px 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; font-weight: bold; text-transform: uppercase; }

#side input { width: 148px; padding: 5px; border: solid 1px #ccc; background: #fff; font: 15px/20px 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; }
#side button { border: none; padding: 5px 10px; background: #069; color: #fff; font: 15px/20px 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; font-weight: bold; text-transform: uppercase; }



/* Miscellany
--------------------------------------*/
table { border-collapse: collapse; margin: 12px 0; } 
.clear { clear: both; }
.decor { float: right; margin: 0 0 12px 12px; padding: 2px; border: solid 1px #ccc; }

.neighbourhood-search { float: right; position: relative; z-index: 1000; margin: -20px 0 0 0; }
.select-neighbourhood { width: 280px; }
#directory-v2 .select-neighbourhood { width: 400px; font-size: 20px; padding: 10px; box-shadow: 0px 0px 5px -1px #000; }

.new-banners { overflow: hidden; }
.new-banners-suburbs { position: absolute; bottom: 160px; right: 0; }
	.banner-new { float: left; width: 40px; height: 40px; margin: 0 10px 0 0; background: url('/template/banners/new.png'); text-indent: -9999px; }
	.new-banners a { display: block; float: left; margin: 0 10px 0 0; text-indent: -9999px; }
	.banner-school { width: 149px; height: 40px; background: url('/template/banners/schools.png'); }
	.banner-property { width: 140px; height: 40px; background: url('/template/banners/properties.png'); }

.directory-v3 { overflow: hidden; width: 200px; height: 86px; margin: 20px 0; background: url('/template/banners/directory.jpg'); }
	.directory-v3 a { display: block; width: 200px; padding: 63px 0 0; color: #fff; font-weight: bold; line-height: 20px; text-decoration: none; text-align: center; }
	.directory-v3 .directory-link { float: left; width: 85px; padding: 0; margin: 63px 0 0 10px; background: #c7a1b1; color: #000; }

.contact-form { width: 460px; margin: 0 0 0 500px; }
.contact-photo { float: left; margin: 20px 0 0 20px; }



.banners { width: 700px; height: 55px; margin: 10px 0 0 25px; padding: 0; list-style: none; }
	.banners li { float: left; margin: 0 30px 0 0; }
		.banners a { display: block; }
			.banners img { display: block; }


div.sponsors-wrap { margin: 20px 0 0; padding: 0; border: solid 2px #069; border-left: 0; border-right: 0; }
	ul.sponsors { overflow: hidden; margin: 10px -10px; padding: 0; list-style: none; }
		ul.sponsors li { float: left; width: 100px; height: 100px; margin: 0 10px; }
		
		ul.sponsors a { display: block; width: 100px; height: 100px; background-position: center center; background-repeat: no-repeat; text-indent: -9999px; }


div.calendar { overflow: hidden; position: relative; width: 940px; padding: 20px; }
	div.calendar h1.title { width: 666px; margin: 0; padding: 10px 0; border: solid 2px #fff; background: #83be4b; color: #fff; font-family: 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; font-weight: normal; text-align: center;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
				   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
	div.calendar h2.upcoming { position: relative; z-index: 100; width: 250px; margin: -30px 0 10px; padding: 34px 0 5px 183px; background: url('/template/calendar/stickman.png') no-repeat; font-family: 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; font-size: 24px; font-weight: normal; line-height: 30px; }
	div.calendar h3 { margin: 0 0 10px; padding: 3px 0; border: solid 2px #fff; background: #83be4b; color: #fff; font-family: 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; font-weight: normal; text-align: center;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
				   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
	div.calendar p.filter { margin: 0; font-size: 12px; }
		
	div.calendar-events { pmin-height: 600px; background: #efeaea; width: 530px; padding: 2px; }
		a.calendar-event { text-decoration: none; }
			a.calendar-event h4 { border: solid 2px #fff; margin: 0; padding: 10px 10px 8px; background: #d4d4d4; color: #000; font-family: 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 15px; 
				-webkit-border-radius: 5px;
				   -moz-border-radius: 5px;
				        border-radius: 5px;
						   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
			a.calendar-event p { margin: 0; padding: 10px 12px 8px; color: #888; font-size: 14px; line-height: 15px; }

			div.dates-wrap { position: relative; }
	div.calendar-dates { position: absolute; top: 20px; right: 20px; width: 250px; }		
		div.dates-wrap h4 { padding: 5px 0 3px; margin: 0; background: #666; color: #fff; font-size: 14px; text-align: center; }
		
		div.dates-wrap { margin: 0 0 10px; /* border: solid 2px #fff; */
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
		table.dates { width: 100%; margin: 0; border: solid 2px #ccc; border-collapse: collapse; background: #fff; font-size: 13px; line-height: 20px; }
			table.dates th, table.dates td { border: solid 1px #ccc; text-align: center; }
			table.dates th { background: #ccc; width: 14.2857%; }
				
			table.dates a { display: block; margin: 1px; color: #333; text-decoration: none; }
			table.dates td.not-in-month a { color: #ccc; }
			table.dates td.today a { background: #ffc; }
			table.dates td.selected a { background: #83be4b; color: #fff; font-weight: bold; }


	.events-nav { position: absolute; top: 0; color: #bbb; font-size: 18px; font-weight: bold; line-height: 36px; text-decoration: none; }
	.events-nav:hover { color: #fff; text-decoration: none; }
	.events-nav-prev { left: 12px; }
	.events-nav-next { right: 12px; }

	img.seasonal { position: absolute; top: 80px; right: 270px; z-index: 10; }
	
	div.calendar-highlights { position: absolute; top: 270px; right: 20px; z-index: 20; width: 380px; }
		div.calendar-highlights h3 { width: 240px; }
		div.highlights { border: solid 2px #fff; background: #ccc; font-size: 11px;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
			        border-radius: 5px;
					   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
		div.highlights ul { overflow: scroll; width: 356px; height: 370px; margin: 10px; padding: 0; list-style: none; }
			li.highlight { position: relative; overflow: hidden; height: 90px; margin: 2px; padding: 0 10px; background: #fff; }
			li.no-image { }
				li.highlight a { display: block; width: 352px; height: 90px; color: #444; text-decoration: none; }
				li.highlight .image { float: left; width: 90px; height: 90px; margin-right: 10px; background-repeat: no-repeat; background-position: center center; }
				
				li.highlight h4 { margin: 0; padding: 20px 0 0; font-size: 13px; line-height: 18px; }
				li.highlight p { margin: 0; }
				
div.lightbox { padding: 10px; background: rgba(102, 204, 51, 0.5); }
	div.lightbox-content { width: 600px; padding: 20px; background: #fff; }
		div.lightbox-content h2 { margin: 0; }
		div.lightbox-content h3 { margin: 0 0 10px; color: #999; font-size: 14px; font-weight: normal; line-height: 24px; }
		div.lightbox-content p { margin: 0; font-size: 13px; line-height: 18px; }
		div.lightbox-content p.other { color: #999; font-size: 12px; line-height: 15px; }
		
		div.event-contact { background: #eee; margin: 10px 0; padding: 10px; font-size: 13px; line-height: 18px; }
		div.event-description { overflow: scroll; height: 350px; margin-top: 20px; padding: 10px; border: solid 5px #eee; font-size: 13px; line-height: 18px; }
		div.event-description p { margin: 0 0 10px; }
		
		div.event-description img.narrow { float: left; display: block; margin: 0 20px 20px 0; }
		div.event-description img.wide { display: block; margin: 0 0 10px; }
		
.directory-v4 { overflow: hidden; width: 209px; height: 127px; margin: 10px 0 10px; background: url('/template/directory-v6.png'); }
	.directory-v4 a { display: block; width: 180px; padding: 25px 0 0; color: #fff; font-weight: bold; line-height: 20px; text-decoration: none; text-align: center; }
	.directory-v4 .directory-link { float: left; width: 70px; padding: 0; margin: 40px 0 0 24px; background: #6c7ab9; color: #121876; font-size: 13px; line-height: 18px; }
	.directory-v4 .directory-link2 { float: left; width: 70px; padding: 0; padding-right: 1px; margin: 35px 0 0 69px; background: #6c7ab9; color: #121876; font-size: 13px; line-height: 18px; }

.directory-v5 {  }


a.close { position: absolute; right: 20px; top: 20px; width: 25px; height: 25px; border: solid 3px #777; color: #777; background: #fff; font-size: 18px; font-weight: bold; line-height: 25px; text-align: center; text-decoration: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
a.close:hover { border: solid 3px #333; color: #333; text-decoration: none; }

.submit-form { margin: 20px 0; }
.submit-form dl { overflow: hidden; margin: 0 0 30px; padding: 0; }
	.submit-form dt { float: left; width: 120px; margin: 0 0 10px; }
		.submit-form dt label { }
			.submit-form dt label strong { color: #c00; }
	.submit-form dd { float: left; width: 580px; margin: 0 0 10px; }
		.submit-form input[type='text'], .submit-form input[type='email'] { width: 300px; margin: 0; padding: 5px; border: solid 1px #ccc; }
		.submit-form textarea { width: 500px; height: 120px; margin: 0; padding: 5px; border: solid 1px #ccc; }
		.submit-form button { border: none; padding: 5px 10px; background: #069; color: #fff; font: 15px/20px 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; font-weight: bold; text-transform: uppercase; }
		.submit-form select { margin: 0; }
		
		.submit-form input.error, .submit-form textarea.error { background: #fcc; color: #c00; border: solid 1px #c00; }
		.submit-form label.error { color: #c00; }
		.submit-form input.disabled { background: #eee; opacity: 0.5; }

		.submit-form .field { float: left; display: block; background: #ddd; padding: 2px 4px 3px; }
		.submit-form .field.error { background: #c00; }

		div.errors { display: none; margin: 0 0 10px; padding: 10px 15px; color: #fff; background: #c00; }
			div.errors p { margin: 0; }

.submit-event { display: block; float: right; margin: 0 0 10px; padding: 0 5px; border: solid 2px #fff; background: #83be4b; color: #fff; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
			   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
.submit-event:hover { color: #fff; text-decoration: none; }

.calendar .submit-event { position: absolute; float: none; top: 270px; right: 20px; z-index: 999; padding: 3px 10px; background: #333; font-size: 16px; }






div.calendar-v2 { position: relative; width: 940px; padding: 20px; }
	div.calendar-v2 h1.title { width: 896px; margin: 0 0 5px; padding: 10px 20px; border: solid 2px #fff; background: #83be4b; color: #fff; font-family: 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; font-weight: normal; text-align: left;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
				   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
	div.calendar-v2 h1.title span { padding-left: 30px; font-size: 18px; }
	.calendar-v2-stickman { position: absolute; top: 59px; right: 82px; width: 185px; height: 69px; background: url('/template/calendar/stickman.png') no-repeat; }
	div.calendar-v2 h3 { margin: 0 0 10px; padding: 3px 0; border: solid 2px #fff; background: #83be4b; color: #fff; font-family: 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; font-weight: normal; text-align: center;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
				   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
	div.calendar-v2 p.filter { margin: 0 0 5px; font-size: 12px; }
		
	div.calendar-v2-events { width: 670px; }
		.calendar-v2-event { display: block; overflow: hidden; padding: 10px 0 10px 100px; border-top: solid 2px #83be4b; text-decoration: none; }
		.calendar-v2-has-image { padding: 10px 0 10px 100px; }
			.calendar-v2-event h4 { margin: 0; color: #000; font-family: 'proxima-nova-1', 'proxima-nova-2', helvetica, arial, sans-serif; font-size: 15px; line-height: 18px; }
			.calendar-v2-event p { margin: 0; color: #888; font-size: 14px; line-height: 18px; }
			.calendar-v2-event .image { float: left; width: 90px; margin: 0 0 0 -100px; text-align: center; }
			.calendar-v2-event .image img { text-align: center; }
			.calendar-addthis { float: right; width: 110px; }

			div.dates-wrap { position: relative; }
	div.calendar-v2-dates { position: absolute; top: 130px; right: 20px; width: 250px; }		
		div.dates-wrap h4 { padding: 5px 0 3px; margin: 0; background: #666; color: #fff; font-size: 14px; text-align: center; }
		
		div.dates-wrap { margin: 0 0 10px; /* border: solid 2px #fff; */
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
		table.dates { width: 100%; margin: 0; border: solid 2px #ccc; border-collapse: collapse; background: #fff; font-size: 13px; line-height: 20px; }
			table.dates th, table.dates td { border: solid 1px #ccc; text-align: center; }
			table.dates th { background: #ccc; width: 14.2857%; }
				
			table.dates a { display: block; margin: 1px; color: #333; text-decoration: none; }
			table.dates td.not-in-month a { color: #ccc; }
			table.dates td.today a { background: #ffc; }
			table.dates td.selected a { background: #83be4b; color: #fff; font-weight: bold; }


	.events-nav { position: absolute; top: 0; color: #bbb; font-size: 18px; font-weight: bold; line-height: 36px; text-decoration: none; }
	.events-nav:hover { color: #fff; text-decoration: none; }
	.events-nav-prev { left: 12px; }
	.events-nav-next { right: 12px; }

	img.seasonal { position: absolute; top: 80px; right: 270px; z-index: 10; }
	
	div.calendar-v2-highlights { position: absolute; top: 270px; right: 20px; z-index: 20; width: 380px; }
		div.calendar-v2-highlights h3 { width: 240px; }
		div.highlights { border: solid 2px #fff; background: #ccc; font-size: 11px;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
			        border-radius: 5px;
					   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
		div.highlights ul { overflow: scroll; width: 356px; height: 370px; margin: 10px; padding: 0; list-style: none; }
			li.highlight { position: relative; overflow: hidden; height: 90px; margin: 2px; padding: 0 10px; background: #fff; }
			li.no-image { }
				li.highlight a { display: block; width: 352px; height: 90px; color: #444; text-decoration: none; }
				li.highlight .image { float: left; width: 90px; height: 90px; margin-right: 10px; background-repeat: no-repeat; background-position: center center; }
				
				li.highlight h4 { margin: 0; padding: 20px 0 0; font-size: 13px; line-height: 18px; }
				li.highlight p { margin: 0; }

.calendar-v2 .submit-event { position: absolute; float: none; top: 85px; right: 20px; z-index: 999; padding: 3px 10px; background: #333; font-size: 16px; }

.open-houses { position: absolute; background: url('/template/open-house.png') no-repeat; width:80px; height:87px; text-indent:-9999px; }
.open-houses:hover { background: url('/template/open-house-hover.png') no-repeat; }
.open-houses.neighbourhoods { top: 20px; right: 40px; }
.open-houses.suburbs { top: 60px; right: 20px; }
.open-houses.home { top: 305px; right: 20px; }

.open-house { }
.open-house span { color: #999; }

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400');