/*  Table of Contents
==============================================================


  Table Of Contents:

  1. General Pages Styles

  2. Accessibility Menu

  3. Site Branding (Header)
     3a. Site Logo
     3b. Site Tagline

  4. Navigation
     4a. Primary Navigation
     4b. Secondary Navigation

  5. Page Content
     5a. Feature Content
     5b. Primary Content
     5c. Secondary Content

  6. Legal (Footer)




#sample-declaration {

	display:;
	position:; left:; right:;
	float:;
	clear:;

	width:; height;
	margin:; padding;
	border:;
	color:; background:;

	font:;
	text-decoration:;
	text-align:; vertical-align:;
	list-style:;
	white-space:;

	}


------------------------------------------------------------*/



/*  Page
==============================================================

  Used for general page styles and backgounds. It is possible 
  to add 2 background images to the XHTML document by adding 
  background to both the HTML and BODY tags.

------------------------------------------------------------*/


html {
	}



		#page {
			position: relative;
			width: 775px;
			margin: 0 auto;
			background: #fff;
			}


/*  Accessibility Menu (Usualy Hidden)
==============================================================

  These styles control the display the "skip to content" and
  "Skip to Navigation" Links. These links are normaly hidden
  from Web browsers.

------------------------------------------------------------*/


#accessibility {
	display: none;
	}


	#nav-skipto-content {
		}


	#nav-skipto-navigation {
		}


/*  Site Branding (Header)
==============================================================

  These style control the header styles (Logo, tagline). To 
  add a linked logo, use image replacement technique to 
  replace the h3's a tag.

------------------------------------------------------------*/


#branding {
	background: #fff url(/img/header-new4.png) 0 0;
	width: 776px;
	}

	#branding-logo h3 {
		margin: 0; padding: 0;
		}

		#branding-logo a {
			display: block;
			width: 332px; height: 95px;
			overflow: hidden;
			/* /// Change		pBaran		14/07/2008		Foliovision */
			/* in IE this image was downloading each time cursor changed position over this link, since the image is loaded in #branding, there's no need to show it there again */
			/*background: #fff url(/img/header-new.jpg);*/
			text-indent: -3000px; color: #112a41;
			position: relative;
			}

.branding-mail {width: 135px; height: 13px; margin: 76px 0 0 493px; position: absolute;}
a.branding_mail span {display: none; visibility: hidden;}
a.branding_mail:link, a.lnkheader:visited, a.lnkheader:hover{width: 132px; height: 13px; text-decoration: none; display: block; visibility: visible; position: absolute;}

	#branding-section {
		height: 68px;
		position: absolute;
		left: 104px; top: 42px;
		}

	#branding-section h2 {
		font-size: 22px;
		line-height: 22px;
		margin: 0; padding: 0;
		letter-spacing: -1px;
		}

	#branding-tagline {
		display: none;
		}


/*  Navigation
==============================================================

  This space is reserved for styles that control the 
  navigation of the site. #navigation-site is normally the top
  nav, #navigation-secondary is often the "side" navigation.
  Main navigation links must have individual IDs on the LI tag 
  to facilitate image-replacement techniques.

------------------------------------------------------------*/


#navigation-primary {
	position: absolute;
	top: 0; right: 0;
	margin: 2px 0 0 0;
	width: 448px;
	overflow: hidden
	}

	#navigation-primary ul {
		margin: 0; padding: 0;
		}

		#navigation-primary li {
			float: left;
			list-style: none;
			}

			#navigation-primary a {
				display: block;
				float: left;
				margin-left: 2px;
				display: inline; /* fix IE double-margin bug */
				}

			#navigation-primary li.active a {
				}

			#navigation-primary a:hover {
				}

			#nav-van-homes a {
				height: 22px; width: 110px;
				overflow: hidden;
				background: url(/img/gbl/nav-van-homes.gif) no-repeat;
				text-indent: -3000px;
				}

			#nav-van-homes.active a {
				background-image: url(/img/gbl/nav-van-homes-on.gif);
				}

			#nav-rich-homes a {
				height: 22px; width: 110px;
				overflow: hidden;
				background: url(/img/gbl/nav-rich-homes.gif) no-repeat;
				text-indent: -3000px;
				}

			#nav-rich-homes.active a {
				background-image: url(/img/gbl/nav-rich-homes-on.gif);
				}

			#nav-van-condos a {
				height: 22px; width: 110px;
				overflow: hidden;
				background: url(/img/gbl/nav-van-condos.gif) no-repeat;
				text-indent: -3000px;
				}

			#nav-van-condos.active a {
				background-image: url(/img/gbl/nav-van-condos-on.gif);
				}

			#nav-rich-condos a {
				height: 22px; width: 110px;
				overflow: hidden;
				background: url(/img/gbl/nav-rich-condos.gif) no-repeat;
				text-indent: -3000px;
				}

			#nav-rich-condos.active a {
				background-image: url(/img/gbl/nav-rich-condos-on.gif);
				}

/*  Suckerfish   */

		#navigation-secondary li ul {
			position: absolute;
			left: -3000px;
			background: #666;
			border-top: 2px solid #fff;
			z-index: 9999;
			}

		#navigation-secondary li:hover ul, #navigation-secondary li.sfhover ul {
			position: absolute;
			left: -1px; 
			top: 29px;
			width: 196px;
			}

		#navigation-secondary li ul a {
			width: 180px;
			border: none;
			background: #666;
			padding: 5px 8px; color: #eee;
			border-bottom: 1px solid #777;
			}

		#navigation-secondary li ul a:hover {
			background: #555;
			}

#navigation-secondary {
	width: 775px;
	background: #336699;
	border-left: 1px solid #6B95BF;
	height: 29px;
	}

	#navigation-secondary ul {
		margin: 0; padding: 0;
		position: relative;
		display: block;
		height: 29px;
		}

		#navigation-secondary li {
			list-style: none;
			float: left;
			position: relative;
			}

			#navigation-secondary a {
				display: block;
				float: left;
				background: #336699;
				padding: 7px;
				color: #fff;
				text-decoration: none;
				border-right: 1px solid #6B95BF;
				border-bottom: 0;
				background: url(/img/gbl/bg-nav-a.gif) repeat-x 0 0;
				min-height: 15px;
				}

			#navigation-secondary a:hover {
				background: #4179AF;
				}

#navigation-trinary {
	width: 218px;
	margin: 0 0 0 2px;
	float: right;
	border-top: 2px solid #fff;
	}

	#navigation-trinary h4 {
		background: #444; color: #fff;
		padding: 12px 14px 10px 14px; margin: 0;
		border-bottom: 1px solid #999;
		font-size:1em;
		}

	#navigation-trinary ul {
		margin: 0 0 1px 0; padding: 0;
		border-bottom: 1px solid #fff;
		padding: 10px;
		background:#5F5F5F;
		}

	#navigation-trinary li {
		list-style: none;
		}

	#navigation-trinary li a {
		display: block;
		padding: 5px 10px 5px 22px;
		text-decoration: none;
		border-bottom: 1px solid #888;
		background: #5F5F5F url(/img/ico/arrow.gif) no-repeat 4px center; color: #fff;
		}

	html #navigation-trinary a {
		height: 1%;
		}

	#navigation-trinary li a:hover {
		background-color: #555;
		background-position: -297px center;
		}
#browse {
	width: 200px;
	float: right !important;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 15px 15px;
	}

/*  Page Content
==============================================================

  This space is reserved for styles that control the layout of
  the content areas of the site. #content-feature is reserved
  for a Flash slideshow or a call-to-action graphic.

------------------------------------------------------------*/


#content {
	/* Change		pBaran		20/03/2008		Foliovision
	/// Sudenly the page was not showing correctly in IE, the content was under the navigation
	float: right;
	width: 535px;
	*/
	float: left;
	width: 534px;
	padding: 10px;
	border-top: 2px solid #fff;
	}

	#content-section {
		display: block;
		position: absolute;
		top: 25px; left: 0;
		}

	#content-feature {
		background: #333;
		width: 555px; height: 180px; margin: -10px -10px 20px -10px;
		}

	#content-primary {
		}

	#content-secondary {
		}


	/* General Typography Classes */

	.callout {
		width: 200px;
		font: 1.5em verdana, arial, helvitiva, sans-serif;
		float: right; padding: 0 0 20px 20px;
		color: #0d3050; background: #fff;
		}

	.caption {
		}

	.note {
		border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
		padding: 15px 0 15px 65px;
		background: transparent url(/img/ico/pencil.gif) no-repeat 12px 12px;
		line-height: 1.33;
		}

	.smallprint {
		font-size: 0.7em;
		color: #666;
		}

	.tip {
		border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
		padding: 15px 0 15px 65px;
		background: transparent url(/img/ico/bulb.gif) no-repeat 3px 8px;
		line-height: 1.33;
		}

	.warning {
		border-top: 1px solid #990000; border-bottom: 1px solid #990000;
		padding: 15px 0 15px 65px;
		background: transparent url(/img/ico/warning.gif) no-repeat 3px 8px;
		line-height: 1.33;
		}

	h1 img, h2 img {
		vertical-align: middle;
		margin-bottom: 2px;
		}

/*  Legal Information (Footer)
==============================================================

  These styles are used for the footer: Copyright notice, etc.

------------------------------------------------------------*/


#legal {
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 10px;
	}

	#legal p {
		margin: 0; padding: 0;
		}


/*  Lists
==============================================================*/


ul.thumbnails {
	list-style: none;
	margin: 0 -10px 0 0; padding: 0;
	}

ul.thumbnails li {
	list-style: none;
	position: relative;
	float: left;
	padding: 0; margin: 0 8px 12px 0;
	}

ul.thumbnails a {
	display: block;
	border: 1px solid #fff;
	}

ul.thumbnails a:hover {
	display: block;
	border: 1px solid #BF0000;
	}

ul.thumbnails img {
	width: 163px;
	padding: 2px;
	border: 2px solid #ccc;
	}

ul.thumbnails p {
	position: absolute;
	text-align: center;
	margin: 0 4px 4px 4px; padding: 6px 3px;
	bottom: 0; left: 0;
	background: #666; width: 157px; color: #eee;
	font-size: 0.8em;
	}


/*  Forms
==============================================================*/


#form-quick-search {
	padding: 12px; margin: 0;
	background: #ccc url(/img/gbl/bg-quick-form.gif) repeat-x;
	position: relative;
	border-bottom: 2px solid #fff;
	width: 194px;
	}

	#form-quick-search label {
		display: block;
		font-size: 9px;
		width: auto;
		padding: 0 0 5px 0;
		}

		#form-quick-search label span {
			display: block;
			width: 32px;
			padding: 3px;
			float: left;
			}

		#form-quick-search label select {
			width: 141px;
			font-size: 9px;
			}

	#form-quick-search fieldset {
		margin: 0 0 8px 0; padding: 3px;
		border: 1px solid #999;
		background: #d7d7d7;
		}

	#form-quick-search legend {
		font-weight: bold;
		}

		#form-quick-search input {
			margin: 6px 0 4px 0;
			}

		#form-quick-search fieldset.compact label {
			width: 92px; float: left;
			}

		#form-quick-search fieldset.compact label select {
			width: 50px;
			}

		#form-quick-search input {
			font-size: 9px;
			}

		#link-advanced-search {
			position: absolute;
			bottom: 16px; right: 21px;
			font-size: 9px;
			padding: 3px 5px; display: block;
			background: #eee; color: #333;
			text-decoration: none;
			border: 1px solid #8F8F8F;
			height: 10px !important;
			}

		html #link-advanced-search {
				height: 20px;
			}

		#link-advanced-search:hover {
			background: #fff;
			}
			
/*Adam added 2009-8-25*/
.form-quick-search {
	padding: 12px; margin: 0;
	background: #ccc url(/img/gbl/bg-quick-form.gif) repeat-x;
	position: relative;
	border-bottom: 2px solid #fff;
	width: 194px;
	}

	.form-quick-search label {
		display: block;
		font-size: 9px;
		width: auto;
		padding: 0 0 5px 0;
		}

		.form-quick-search label span {
			display: block;
			width: 32px;
			padding: 3px;
			float: left;
			}

		.form-quick-search label select {
			width: 141px;
			font-size: 9px;
			}

	.form-quick-search fieldset {
		margin: 0 0 8px 0; padding: 3px;
		border: 1px solid #999;
		background: #d7d7d7;
		}

	.form-quick-search legend {
		font-weight: bold;
		}

		.form-quick-search input {
			margin: 6px 0 4px 0;
			}

		.form-quick-search fieldset.compact label {
			width: 92px; float: left;
			}

		.form-quick-search fieldset.compact label select {
			width: 50px;
			}

		.form-quick-search input {
			font-size: 9px;
			}


/*  Lightbox Styles
==============================================================*/


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
	
#lightboxCaption{
	float: left;
	}

#keyboardMsg{
	float: right;
	}

#closeButton{
	top: 5px; right: 5px;
	}

#lightbox img{
	border: none; clear: both;
	}

#overlay img{
	border: none;
	}

#overlay{
	background-image: url(/img/gbl/overlay.png);
	}

html #overlay{
	background-color: #333;
	background-color: transparent;
	/*background-image: url('blank.gif');*/
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/gbl/overlay.png", sizingMethod="scale");*/
	}
	
	/*padding around images*/

.image {
	margin-right: 10px;
	margin-bottom: 10px;
	}

.image2 {
	margin-left: 10px;
	margin-bottom: 10px;
	}	

/*content formatting*/

.featured {
	background-color: #EBEBEB;
	padding: 15px 15px 5px 15px;
	border: solid #003366 1px;
	margin-bottom: 10px;
	clear: both;
	}

.featured p {
	/*font-size:11px;*/
}
.big { font-size: 1.07em !important;}

.featured h2{
	margin-top: 0;
	}

.featured h2 span{
	color:#003366;
	margin-top: 0;
}

.featured p img {
	float: right;
	margin-top: -25px;
	}

.index-news h3 {
  clear: both;
  margin: 1.6em 0 0.7em;
}

/* this damn thing is destroying the home page and floating all the images and captions together gone for now! 20080711 alec kinnear 	
	
.featured img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

*/


.newsitem a:link{
	text-decoration:none;
	}

/*surrounding boxes around content*/
.box{
background-color:#f1efef;
border:1px solid #DFDFDF;
padding:10px;
width:425px;
}

.box ul{
text-decoration:none;
list-style-type:none;
}
.box ul li{
line-height:1.3em;
}

.listings-details {
	width: 480px;
	margin: 0 0 10px 0; padding: 10px;
	float: left;
	border: 1px solid #ccc;
	}

.listings-details dt {
	width: 200px;
	margin: 0; padding: 5px;
	float: left;
	}

.listings-details dd {
	width: 260px;
	margin: 0; padding: 5px;
	float: left;
	}
	
	#mapContainer { 
	border: 1px solid #000;
	height: 350px; 
	width: 500px; 
	float: left;
} 

/* add for crediting a link on a photos */

h5 a:link, h5 a:hover, h5 a:active, h5 a:visited {
text-decoration: none;
color: #333;
}

/* rets - added listings */

.rets-images {
  text-align: top;
  clear: both;
  _clear: none;
  _width: 524px;
  _float: left;
}
.rets-images a {
  text-align: center;
}
.rets-images a img {
    padding: 0;
    margin: 0;
    border: 1px solid #000;
}
.rets-1 a {
  margin: 0 0 20px 0;
  display: block;
  width: 502px;
}
.rets-2 a {
    display: block;
    width: 238px;
    float: left;
    padding: 0;
    margin: 0 24px 20px 0;
}
.rets-3 a {
    display: block;
    width: 155px;
    float: left;
    padding: 0;
    margin: 0 17px 20px 0;
}
/* rets - added listings - end */

/* golf styles - begin */
#page .about-golf {
  width: 755px;
  padding-top: 0;
}
.about-golf table {
  /*border: 1px solid silver;
  margin: 10px 0;*/
  padding: 5px 0;
}
.about-golf th { vertical-align: top; font-weight: bold; padding: 5px 5px 0 0; text-align: right;}
.about-golf div.right {  margin: 5px 0 10px 10px; }
.about-golf div.right .map-wrap { width: 324px; border: 1px solid silver; padding: 5px; margin-bottom: 10px;}
.about-golf #map_canvas {  width: 324px; height: 324px; }
.about-golf td {
  padding: 5px 0 5px 0;
  vertical-align: top;
}

.about-golf .right h5.left { width: 162px;}
.about-golf .right h5.wider { width: auto; margin: 2px 0; }

.golf-select-form {
  background: #5f5f5f url("images/golf-img.png") bottom right no-repeat;
  float: left;
  width: 775px;
  margin: 0 -10px 15px -10px;
  line-height: 1.5em;
}
.golf-select-form div { float: left; border: 1px solid #777; padding: 3px 8px 8px 8px; margin: 20px 10px 10px 10px; position: relative; }
.golf-select-form div.golf-season { margin-top: 4px; padding-bottom: 4px; color: #ccc; }
.about-golf .golf-select-form div p { float: left; padding-right: 0; margin: 0 10px 0 0; _margin-right: 5px; }
.golf-select-form div p.last {margin-right: 0;}
.golf-select-form div span { /*position: absolute;*/ margin: -15px 0 0 0; _margin-top: 0; display: inline-block; background-color: #5f5f5f; padding: 0 8px; color: #ccc; }
.golf-select-form div .width1 { width: 100px; }
.golf-select-form div .width2 { width: 156px; }
.golf-select-form #golf { border: 1px solid #fff; color: #fff; background-color: transparent; padding: 2px 8px; margin: 8px 33px 10px 10px; opacity: 0.5; float: right; }
.golf-select-form #golf:hover { border-color: #aaa;}

.golf-courses { margin: 15px -20px; clear: both; float: left; /*background: url("images/golf-bg.png") bottom center no-repeat;*/ background: url("images/golf-bg2.png") top left no-repeat; }
.golf-courses div { border: 1px solid #f0f0f0; float: left; width: 223px; height: 222px; margin: 6px 8px 0 8px; padding: 10px; overflow: hidden; }
.golf-courses div h3 { padding: 0; margin: 5px 0 10px 0; font-size: 1.25em; height: 45px; }
.golf-courses div h3 a { text-decoration: none; }
.golf-courses div table { border: none; }

.golf-courses .golf-resources {margin-bottom: 30px; }
.about-golf p { padding-right: 230px;}
.about-golf .commenttext p { padding-right: 5px; }
.golf-navigation { border-bottom: 1px solid silver; padding-bottom: 5px; text-align: center; color: #999; }
.golf-navigation a { color: #999; text-decoration: none; }
.newsitem .golf-navigation a:hover { color: black;}
/*.shift { padding-left: 6px; }*/
/* golf styles - end */

/* styles for sharing-buttons */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;  background-color: white;}
#cboxTitle{margin:5px;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#111;}

#colorBox{}
    #cboxContent{background:#fff; padding: 5px;background:url(/img/loading.gif) 50% 50% no-repeat #fff; }
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:90%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:2px; right:2px; display:block; color:#444; height: 16px; width: 16px; overflow: hidden; text-indent: 25px; background: url("/img/close.gif") top left no-repeat;}
        #cboxClose:hover { background-position: bottom left; }
  
.fv_sharing { display: inline-block; margin: -5px 0 10px -5px;  }
      
.fvfacebook_add, .fvretweet, .fvstumbleuppon {
  font-style: normal;
  font-size: 11px;
  font-family: Arial;
  float: right;
  color: black;
  margin-left: 5px;
  font-weight: bold;
}  
.fvretweet .twnumber a { text-decoration: none; color: black;}

.fvfacebook_add a, .fvretweet a.image, .fvstumbleuppon a { 
  display: inline-block;
  height: 16px; 
  overflow: hidden;
  text-indent: 100px;
  &text-indent: 16px;
  line-height: 100px;
  &line-height: 16px;
  margin: 0 2px -3px 0;
  _margi-bottom: 0;
  &margin-left: -16px;
}
.fvfacebook_add a {background: url("images/like.png") top left no-repeat;width: 48px;}
.fvretweet a.image {width: 50px;background: url("images/tweet.png") top left no-repeat; }
.fvstumbleuppon a {background: url("images/stumbled.png") no-repeat left top;width: 16px;}
.fvfacebook_add a:hover, .fvretweet a.image:hover, .fvstumbleuppon a:hover { background-position: left bottom; }

.fvfacebook_add a span, .fvretweet a span, .fvstumbleuppon a span { &position: absolute; &left: -9999px;} /*fix for IE7 and IE6*/
/* styles for sharing-buttons - end */

/* -------------------- Property Tax Calculator 2010 ----------------*/
form.calculator { line-height: 25px; margin-top: 40px; padding-right: 150px; text-align: right; }
form.calculator:after {
  display: block;
  content:".";
  visibility: hidden;
  clear: both;
}
form.calculator select, form.calculator input {
  /*margin-right: 130px;
  float: right;*/
  margin-left: 20px;
}
form.calculator select { width: 150px; }
form.calculator input { width: 144px;}
form.calculator input[type="submit"] { margin-top: 5px; margin-right: -1px; width: 150px; }