html, body {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	background: #294F20 url(images/greenbg.jpg) repeat-x top left; margin:0; padding:0;

}

p {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

}

.homepage {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	padding:0px;

	margin:0px;

}

a:link {

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: #000066;

}

a:active {

	font-family: Arial, Helvetica, sans-serif;

	color: #000066;

	text-decoration: none;

}

a:visited {

	font-family: Arial, Helvetica, sans-serif;

	color: #000066;

	text-decoration: none;

}

a:hover {

	font-family: Arial, Helvetica, sans-serif;

	color: #000066;

	text-decoration: underline;

}



.pagetitle {

	font-family: 'Times New Roman', serif;

	font-size: 24px;

	color: #006633;

	font-weight:normal;

	line-height:28px;

}

.credits {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

}

.newlisting {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	font-weight:normal;

}

.propertytitle {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 13px;

	color: #000000;

	font-weight:bold;

}

.semitransparent {

	filter:alpha(opacity=85);

	-moz-opacity:.85;

	opacity:.85;

}



/* Banner Styles */



#banner-bottom {position:relative; width:962px; height:81px; margin-top:2px}



.pics a img { display: block; width: 238; height: 81; top: 0; left: 0; text-decoration:none; border:none }



#frame1, #frame2, #frame3, #frame4 {position:relative; width:238px; height:81px; margin-left:2px; float:left}

#frame1, #frame2, #frame3, #frame4 .end {position:relative; width:238px; height:81px; float:left}



#frame1 div {position:absolute; top:0; left:0}

#frame2 div {position:absolute; top:0; left:0px}

#frame3 div {position:absolute; top:0; left:0px}

#frame4 div {position:absolute; top:0; left:0px}



pre {display:none}



.ckeditor {width:200px; height:350px}


img {border:none}

#header {position:relative; width:963px; height:115px; background:url(images/header_bg.jpg) no-repeat;}
#stan_logo {float:left; width:144px; height:115px; background:url(images/stan_logo.jpg) no-repeat}


/* Navigation */

#nav {position:absolute; top:74px; left:168px; width:782px; height:33px; padding:0 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:600; background:url(images/nav_bg.png) no-repeat; z-index:2}

#nav ul {width:772px; list-style:none; margin:0px 0 0 7px; padding:0 0px; line-height:17px;}

#nav ul li.tab ul {background:; width:167px;}

#nav a {display:block; color:#fff; text-decoration:none; padding:0px 4px 0px 4px; background:none; font-weight:normal}

#nav li {float: left;padding: 0;background:none;}

#nav ul li {float: left;text-align:center;padding: 0;background:none; font-weight:normal}

#nav ul li.tab {margin:0 0px 0 0; padding:0 0 0 0px;}

#nav ul li.tab a {padding:10px 12px 10px 12px;text-decoration:none; color:#fff; font-weight:600}
#nav ul li.tab a.drop {background:url(images/normal_drop.png) top right no-repeat; padding-right:45px}

/* First level dropsown */
#nav ul li.tab ul.nontab li a {background: url(images/dropdown_bg.png) 0px 0; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; width:167px; height:19px; line-height:20px; text-indent:15px; color:#fff; text-decoration:none; padding:9px 0px 0px 0px; float:left; }

#nav ul li ul {}

#nav ul li.tab ul.nontab  {margin:0 auto; font-weight:600; width:167px; font-family:Arial, Helvetica, sans-serif }

#nav ul li ul li {text-align:left; margin-left:0;}

#nav li ul {position: absolute;left: -999em; top:37px; height: auto;width: 167px;font-weight:600;margin: 0;padding: 0;}

#nav li li {padding-right: 1em;width: 15em}

#nav li ul a {display:block; font-size:11px; font-weight:bold; width:167px; height:24px; line-height:20px; text-indent:20px; color:#fff; text-decoration:none; padding:3px 0px 0px 0px; float:left; letter-spacing:1px;}

#nav li ul ul {margin: -1.75em 0 0 14em;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

#nav ul li ul li.top {display:block; height:13px; position:relative; float:left; width:167px; background:url(images/dropdown_top.png) top left no-repeat;}

#nav ul li ul li.bottom{display:block; height:13px; position:relative; float:left; width:167px; background:url(images/dropdown_btm.png) top left no-repeat;}

#nav ul li.tab ul.nontab li:hover a, #nav ul li.tab ul.nontab li.sfhover a {background: url(images/dropdown_over.png) 0px 0 no-repeat; color:#fff;}
#nav ul li ul li.top:hover, #nav ul li ul li.tab.sfhover {background: url(images/dropdown_top.png) 0px 0 no-repeat;}
#nav ul li ul li.bottom:hover, #nav ul li ul li.bottom.sfhover {background: url(images/dropdown_btm.png) 0px 0 no-repeat;}


#nav ul li.tab ul.nontab li a:hover {color:#fff;}

#nav li.tab:hover, #nav li.tab:hover a {background:url(images/normal_over.png) repeat-x left top; color:#fff}

#nav li.tab:hover a {background:url(images/normal_over.png) repeat-x right 0px;}

#nav li.tab:hover, #nav li.tab:hover a#current {background:url(images/normal_over.png) repeat-x left top; color:#fff}

#nav li.tab:hover a#current {background:url(images/normal_over.png) repeat-x right top;}

#translate {position:absolute; width:300px; top:125px; left:10px}
#google_translate_element {width:150px; margin-top:3px}
.translate {float:left; margin-right:20px}
.social_icons {float:left}
.social_icons a img {float:left; margin:9px 10px 0 0}

.tweet b, .like b {display:block; width:100px; float:left; padding-top:3px; color:#666}
.twitter-share-button {margin:0px 0 0 5px}
#fb {margin:0px 0 0 5px}

.content {width:500px}


/* Map popup styles */
#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/white.png);
		color:#efefef;
		height:800px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}
	
	.apple_overlay {
	
	/* initially overlay is hidden */
	display:; left:-999999px; top:-99999px; position:absolute;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:800px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(http://static.flowplayer.org/img/overlay/close.png);
	position:absolute; right:15px; top:15px;
	cursor:pointer;
	height:35px;
	width:35px; z-index:999
}


.label {float:left; width:150px;}
.label_short {float:left; width:100px;}
.map_field {float:left; margin-right:20px; width:200px}
.map_field-2 {float:left; width:235px}
.info {float:left; width:565px; height:60px}
fieldset {padding:15px 15px; border:3px solid #ccc; float:left; width:95%; margin:15px 0}
.float {float:left; margin-right:15px}
.row {float:left; margin-bottom:10px; width:100%}

.hidden {visibility:hidden}

#mapCanvas { width: 800px; height: 600px; float: left;}

  #infoPanel {float: left; margin:5px 0 0 10px; height:50px}
  #infoPanel div {margin-bottom: 5px;}
  #address {display:none}
  #map {width:800px} #status {width:250px; float:left}
  #coordinates {width:530px; float:left}
  .coordinates {float:left; width:290px; height:17px; border:1px solid #333; padding:3px 5px; color:#fff; font-size:14px; font-weight:600; background:#930; margin-right:10px;}
  
  #status {float:left; width:250px}
  #status b {float:left; display:block; width:90px; padding-top:3px; color:#333}
  #markerStatus {float:left; width:140px; padding-top:3px; color:#333}
  
  #coordinates b {float:left; width:210px; padding-top:3px; color:#333;}
  
  .marker_title {color:#060; font-weight:bold; font-size:13px; margin-bottom:5px; width:215px; padding-right:15px}
  .marker_info {color:#333; width:200px; margin-bottom:5px; font-size:11px}
  .marker_image {margin-bottom:5px; width:200px; padding:5px; border:1px solid silver}
  .email {color:#333; font-weight:600}
  .email a {color:#390; text-decoration:none}
  .email a:hover {text-decoration:underline}
  
  .map {width:96px; height:115px; overflow:hidden; background:url(images/map_disabled.jpg)}
  .map a span {display:none}
  
  
	a.jollyharbour {display:block; width:96px; height:115px; background:url(images/jollyharbour.jpg) 0 0; font-weight:bold}
	a:hover.jollyharbour {background:url(images/jollyharbour.jpg) 0 -115px}
	
	a.englishharbour {display:block; width:96px; height:115px; background:url(images/englishharbour.jpg) 0 0;}
	a:hover.englishharbour {background:url(images/englishharbour.jpg) 0 -115px}
	
	a.emeraldcove {display:block; width:96px; height:115px; background:url(images/emeraldcove.jpg) 0 0;}
	a:hover.emeraldcove {background:url(images/emeraldcove.jpg) 0 -115px}
	
	a.saintjohns {display:block; width:96px; height:115px; background:url(images/saintjohns.jpg) 0 0;}
	a:hover.saintjohns {background:url(images/saintjohns.jpg) 0 -115px}
	
	.description {display:block; padding:5px 15px 0 0; color:#F00;}
	
	a#copy {display:block; width:150px; height:17px; padding:6px 0 0 0; text-align:center; background:#09F; float:left; font-weight:600; color:#fff}
	a:hover#copy {background:#03F; text-decoration:none}
	
	a#copy.close {position:relative; top:0; left:10px}
	
	#infoPanel-2 {float: left; margin:5px 0 0 10px; height:50px; width:800px}
	.formButton {height: 25px; font: 12px arial, helvetica, verdana; font-weight: bold; background-color: #999999; text-align: center; vertical-align: middle; color: #FFFFFF; border: solid 2px #666666; text-transform: uppercase; text-decoration: none; padding:3px 5px; margin: 0px 0 0 0; float:left}
	#reset {margin-right:5px}
	#description {float:left; margin-right:20px; width:500px; color:#333; padding:3px 0 0 0; font-size:12px; font-weight:600}
	
	#pdf span {display:none}
	a.pdf {display:block; width:110px; height:105px; background:url(images/property_pdf.jpg) 0 0; font-weight:bold}
	a:hover.pdf {background:url(images/property_pdf.jpg) 0 -105px}
	
	#exposeMask {top:-20px; left:-20px}
	
	.invisible {position:absolute; left:-99999; top:-99999; display:none}
	#searchform {position:relative}