/* CSS Document */

/* COLORS
	DK GREEN: #65752C;
	GREEN: #758f27;
	DK BLUE: #02418e;
	LT  BLUE: #D0E3F9;
	GRAY: #4D4D4D;
*/


/* ------------------------ GLOBAL -------------------------------*/
html, body, form, fieldset, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}
	
ul,li {
	list-style-type:none;
	}
	
body {
	font: 76%/155% Verdana, Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	margin: 0;
	padding: 0;
	text-align: center;
	} 
	
hr {
	clear:both;
	visibility:hidden;
	}
	
.clearboth {
	height: 0px !important;
	font-size: 0px;
	max-height: 0px;
	overflow: hidden;
	clear: both;
	}
	
.centered, p.centered {
	text-align:center;
	}
	
.right {
	text-align:right;
	}	
		
img {
	border:0;
	}	


/* ---------------------------- TYPOGRAPHY ---------------- */
p {
	margin-bottom:1.3em;
	}

a:link,
a:visited {
	text-decoration: none;
	color: #02418e;
	}
	

	
h1 {
	font-size: 155%;
	font-family: "Times New Roman", Times, serif;
	border-bottom: 1px solid #E6E6E6;
	color: #758f27;
	font-weight: bold;
	}
	
	
	
#heading h1 { 
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border: 0;
	margin-top: .5em;
	margin-left: 16px;
	/*font-weight: bold;*/
	font-weight: normal;
	text-transform: uppercase;
	
	}
	
/*h2 {
	font-size: 130%;
	}*/
	

	
h2 {
	font-size: 155%;
	font-family: "Times New Roman", Times, serif;
	border-bottom: 1px solid #E6E6E6;
	color: #404040;
	font-weight: bold;
	display: block;
	}
	
#mainbody div.hodler h2 {
	xborder-bottom: 0px solid #E6E6E6;
	color: #02418e;
	}
	
#mainbody div.teamholder h2 {
	color: #4D4D4D;
	border: 0;
	font-size: 130%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#content ul {
	margin-left: 2em;
	}
	
#content ul li {
	list-style: disc
	}
	
#column-left ul {
	margin: 0;
	}
	
#column-left ul li {
	list-style: none;
	}
	
p.smalltext2 { font-size: 80%; line-height: 125%; }
	
/* ---------------------- MAIN LAYOUT SECTIONS ---- */	
	
div.middle {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background: transparent;
	}	
	
div#header {
	background: url(images/headerbg.jpg) repeat-x;
	height: 86px;
	}
	
div#logo {
	float: left;
	}

div.bluebar {
	clear: both;
	background: url(images/bluebar.jpg) repeat-x;
	height: 26px;
	xborder-top: 1px solid #3b7db5;
	border-bottom: 1px solid #c0d5e7;
	}
	
#heading {
	background: url(images/topgreenbg.png) bottom repeat-x;
	height: 35px;
	overflow: hidden;
	color: #fff;
	}
	
div#contentbg {
	background: url(images/contentbg.jpg) repeat-x;
	background-position: bottom;
	xoverflow: auto;
	font-size: 95%;
	}
	
div#bottom {
	background: url(images/bottombg.jpg) repeat-x;
	height: 86px;
	}
	
div#copy {
	xcolor: #D0E3F9;
	font-size: 80%;
	padding-top: 3px;
	text-align: right;
	}
	
div#copy a {
	xcolor: #D0E3F9;
	}
	
div#copy a:hover {
	xcolor: #fff;
	}
	


/* ----------------------- NAVIGATION --------------------- */



#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
	
#nav ul li {
	/*width: 108px;
	float: left;
	background: transparent;*/
	float: left;
	display: inline;
	background: transparent;
	margin-right:25px;
	}
	
#nav a {
	font: 11px verdana, arial, sans-serif;
	color: #fff;
	/*display: block;
	xwidth: 80px;*/
	height: 14px;
	text-align: center;
	text-transform:uppercase;
	text-decoration: none;
	padding: 4px 6px 4px 6px;
	z-index: 10;
	}
	
	
#nav ul li ul {
	position: absolute;
	width: 160px;
	left: -999px;
	z-index: 10;
	}
	
#nav ul li:hover a.arrow:hover {
	background: #D0E3F9;
	background-image: url(images/navarrow-sd.png);
	background-repeat: no-repeat;
	background-position:  98% 50% ;
	}

#nav ul li:hover a {
	color: #02418e;
	background: #D0E3F9;
	background-image: url(images/navarrow.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#nav ul li:hover ul li a {
	background: #02418e;
	color: #D0E3F9;
	}
	
#nav ul li:hover ul li a:hover {
	color: #02418e;
	background: #D0E3F9;
	background-image: url(images/navarrow-sd.png);
	background-repeat: no-repeat;
	background-position:  98% 50% ;	
	}
	
#nav ul li a {
	font: 11px verdana, arial, sans-serif;
	color: #fff;
	display: block;
	height: 19px;
	text-align: center;
	text-transform:uppercase;
	text-decoration: none;
	padding: 6px 4px 1px 4px;
	
	}
	
#nav ul li a:hover {
	color: #02418e;
	}

#nav ul li:hover {
	display: block;
	text-align: center;
	z-index: 10;
	}
	
#nav ul li ul {
	position: absolute;
	left: -999px;
	padding-bottom: 1px;
	z-index: 10;
	margin: 0 0 0 0px;
	}	
	
	
#nav ul li ul li {
	width: 180px;
	text-align: left;
	z-index: 10;
	padding: 0;
	margin: 0 0 0 0px;
	background: #02418e;
	}
	
#nav ul li ul li a {
	display: block;
	width: 173px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 6px 2px 1px 5px;
	color: #fff;
	font-size: 90%;
	background: #02418e;
	}

#nav ul li ul li a:hover {
	color: #02418e;
	text-decoration: none;
	}
	
#nav ul li ul li:hover {
	text-decoration: none;
	}
	
#nav li:hover ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }	


#nav ul li a.noleftm {
	/*padding: 6px 4px 1px 0px;
	margin-left: 0;*/
	}
	
	
/* --------------------- HOME PAGE ---------------- */

#home-column-left {
	width: 28%; 
	min-height: 465px;
	float: left; 
	padding-right: 2%; 
	background: url(images/homeline.png) right no-repeat top;
	}
	
#home-column-right p {
	xfont-size: 95%;
	}
	
#home-column-mid {
	width: 32%; 
	min-height: 465px;
	float: left; 
	padding-right: 2%; 
	padding-left: 2%; 
	background: url(images/homeline.png) right no-repeat top;
	}
	
#home-column-mid #master0 img {
	width: 235px;
	border: 1px solid #ccc;
	padding: 2px;
	}
	
#home-column-right {
	width: 30%; 
	min-height: 465px;
	float: left;
	padding-left: 2%;
	}
	
	
div#home-column-left div.featured-column-home {
	float: none;
	width: 220px;
	height: 80px;
	margin-bottom: 20px
	}
	
div#home-column-left div.featured-column-home span.listpic {
	width: 40%;
	float: left;
	}
	
div#home-column-left div.featured-column-home span.listpic img {
	width: 80px;
	border: 1px solid #ccc;
	padding: 2px;
	height: auto;
	}
	

	
	
/* ------------------- MOST CONTENT AREAS ----------------- */

#column-left {
	width: 30%; 
	min-height: 465px;
	float: right; 
	padding-left: 4%; 
	background: url(images/homeline.png) left no-repeat top;
	}
	
#column-left-template {
	width: 30%; 
	min-height: 465px;
	float: left; 
	padding-right: 4%; 
	background: url(images/line-gradient-tall.png) right no-repeat top;
	}
	
#mainbody {
	width: 60%;
	float: left;
	padding-left: 2%;
	overflow-x: hidden;
	}
	
	
#column-left ul {
	background:transparent;
	padding:1px 0 0 0;
	margin: 0 0 10px 0;
	}	
#column-left ul li {
	background:transparent;
	}
	
#column-left ul li a {
	display:block;
	padding:9px 10px 9px 20px;
	border-bottom: 1px solid #E6E6E6;
	}
#column-left ul li a:hover {
	xbackground: #f0f8fb;
	background: #f0f8fb url(images/navarrow-sd-alt.png) 99% 50% no-repeat;
	}	
				
#column-left ul li a span {
	color: #4D4D4D;
	font-size:.94em;
	}


/* ------------------------- CONTACT PAGE  ------------------- */

table#phonenumbers {
	width: 228px;
	}
	
table#phonenumbers td {
	width: 50%;
	}
	
table#phonenumbers td.right {
	text-align: right;
	}


/* ------------------------- CONTACT PAGE / FORMS ------------------- */

form { 	font-family: Verdana, Arial, Helvetica, sans-serif; }

input {
	border: 1px solid #E6E6E6;
	background: #fff;
	padding: 2px 5px 1px 5px;
	font-size: 1em;
	}
	
input:hover {
	border: 1px solid #6699ff;
	font-size: 1em;
	}
	
input:focus {
	color: #000;
	border: 1px solid #6699ff;
	background: #eaf3f9;
	
	}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #E6E6E6;
	background: #fff;
	padding: 2px 5px 1px 5px;
	font-size: 1em;
	}

textarea:hover {
	border: 1px solid #6699ff;
	font-size: 1em;
	}
	
textarea:focus {
	color: #000;
	border: 1px solid #6699ff;
	background: #eaf3f9;
	xbackground: #ebf7c7;
	}
	
select {
	font-size: 1.1em;
	border: 1px solid #BFBFBF;
	xcolor: #949494;
	padding: 0px 0px 0px 0px;
	}
	
	div.row {
  clear: both;
  padding-top: 10px;
  }

div.row label.label {
  float: left;
  width: 30%;
  text-align: right;
	margin-right: 5px;
  }

div.row span.formw {
  float: right;
  width: 65%;
  text-align: left;
  }

div.row span.label {
  float: left;
  width: 30%;
  text-align: right;
	margin-right: 5px;
  }
	
	
.getapproved { clear: left; padding-top: 20px; }

.blank { margin-top: 10px; width: 100%; }

form#contactform span {
	color: #fff;
	padding-left: 5px;
	}
	
span.warn {
	color: #FF6600;
	}

input.invalid {
  background-color: pink;
	}
	
strong.error, span.error {
  color: #CC0000;
	}

div label {
  display: block;
}

	
form#contactform span {
	color: #fff;
	padding-left: 5px;
	}
	
form#contactform span.warn {
	xcolor: #FF6600;
	background: #fff6bf url(images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}

input.invalid {
 background: #fff6bf;
 border: 2px solid #ffd324;
	}
	
strong.error {
  color: #CC0000;
	}
	
form#contactform span.error {
  xcolor: #CC0000;
	background: #fff6bf url(images/alert.png) center no-repeat;;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 2px 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
.errorlist {
	margin: 0;
	padding: 0;
	}
	
#error {
	xdisplay: none;
	xvisibility: hidden;
	xheight: 0;
	margin-top: -10px;
	}
	
#error ul.errorlist, #error ul.errorlist li {
	margin-left: 0;
	}
	
li.errormessage {
	background: #fff6bf url(images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
div#column-left  ul.errorlist  li.errormessage {
	background: #fff6bf url(images/alert.png) center no-repeat; 
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	


	
	
/*--------------------------------------------------------- CMAR page markup--------------------*/
.cmar-left-column {
	width: 40%;
	/*display: inline;*/
	border: 0px solid #000;
	float:left;
	padding: 0px 0px 0px 0px;
	clear:left;
	
	}
	
.cmar-right-column {
	width: 49%;
	display: inline;
	border: 0px dashed #000;
	float: left;
	clear: right;
	
	}
	
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/* End hide from IE-mac */


/* --------------------------------------------------- TEAM PAGE MARKUP  ----------------- */
.teamholdertop { border-top: 0px solid #ccc;}

.teamholder { 
	overflow: auto; 
	/*background: #59829a; */ 
	padding 2px; 
	border: 1px solid #ccc;
	margin-bottom: .2em;
	background: #fff;
	}
	
.teamholderx:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.teamholder {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .teamholder{
 height: 1%;
}
.teamholder {
 display: block;
}
/* End hide from IE-mac */
	
.teampunch2 {
	padding:0px 0px 0px 0px;
	margin: 5px 10px 5px 5px;
	float: left;
	width: 85px;
	color: black;
	text-align: center;
	}
	
.teampunch2 img { width: 75px; border: 1px solid #ccc; }

.teamtext { margin: 5px;}

.teampunch {
	padding:0px 0px 0px 0px;
	margin: 0px 10px 5px 0px;
	float: left;
	width: 208px;
	text-align: center;
	}
	
.teampunch img { width: 200px; border: 2px solid #ccc; padding: 2px;}

.agentsearch a:link, .agentsearch a:visited { color: #ccd6e0; }



.agentsearch {
	padding: 5px;
	display: block;
	overflow: auto;
	border: 1px solid #ccc;
	/*background: #ccd6e0;*/
	background: #1564b9;
	color: #FFFFFF;
	}
	
.agentsearchx:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.agentsearch {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .agentsearch{
 height: 1%;
}
.agentsearch {
 display: block;
}
/* End hide from IE-mac */

.agentleft { float: left; }
.agentright { float: right; }


/* --------------------------- MLS LOGO PUNCH -------------- */
#mlspunch {
	padding: 5px 5px 5px 0px;
	margin: 0px 5px 5px 0px;
	float: left;
	width: 65px;
	height:45px;
	color: black;
	text-align: left;
	border:0px;
	
	}
	
#mlspunch img{
	width:65px;
	height:40px;
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
	}
	
/* --------------------------- SEARCH PAGES ---------------- */

.search-span {
	margin-bottom: 1.1em;
	}
	
/*---------------------------------------------------------- FEATURED  ---------------------------*/
.featured-column {
	width: 30%;
	height: 150px;
	display: inline-table;
	border: 0px solid #000;
	float:left;
	padding: 10px 5px 10px 5px;
	/*clear:left;*/
	}
	
.featured-column img {
	width: 120px;
	border: 1px solid #ccc;
	padding: 2px;
	}
	

	
/*---------------------------- OPEN HOUSES  ---------------------------*/	
	
div.open-house-listing-imgholder {
	width: 154px;
	float: left;
	margin-right: 10px;
	}	
	
div.open-house-listing img {
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
	width: 150px;
	
	}	
	
	
/*------------------------------ BUY PAGE  ---------------------------*/	

.buy-column {
	width: 30%;
	height: 150px;
	display: inline-table;
	border: 0px solid #000;
	float:left;
	padding: 10px 5px 10px 5px;
	/*clear:left;*/
	}
	
.buy-column img {
	border: 1px solid #ccc;
	padding: 2px;
	width: 120px;
	height: auto;
	}
	
/*--------------------------------  SEARCH RESULTS PAGE  --------------- */

.search-listing-holder {
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px; 
	border: 0px dashed #000000;
	position:static;
	}
	
.search-results-listing-pic-thumb-pic {
	float: left;
	width: 165px;
	xwidth: 35%;
	clear: both;	
	}
	
.search-results-listing-pic-thumb-pic img {
	width: 150px; 
	padding: 2px;
	border: 1px solid #ccc;
	}
	
	
	/*------------------------------ LISTING PAGE  ---------------------------*/

.holder {
	clear: left;
	}

#mContainer {
	position:relative;
	display:block;
	width: 537px;
	height: 410px;
	margin:auto;
	z-index: 8;
	clear: both;
	margin-top: 10px;
}

.caption {
	font-weight: bold;
}

#imageContainer {
	margin:auto;
	text-align: center;
	max-height: 410px;
	
	
}

#imageContainer img {
	max-width: 450px; 
	border:1px solid #ccc;
	padding: 4px;
	/*position: absolute;
	left: 0;
	top: 0;
	z-index: 10;*/
}

#navContainer {
	position:absolute;
	bottom:-20px;
	left:-5px;
	font:10px verdana,arial;
	display: none;
}

#navContainer a {
	margin:5px;
	padding:2px;
	text-decoration:none;
	color:#649682;
}

#desc {
	width: 99%;
	clear: both;
	border: 0px solid #ccc;
	border-top: 0;
	padding-top: 5px;
	font-size: 0px;
	}
	
#desc img {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 6px 6px 0 0;
	width: 60px;
	}
	
	
#listing-details, #listing-information, #additional-information {
	margin-top: 1.7em;
	clear: both;
	}
	
#listing-details-table, #listing-information-table, #additional-information-table {
	max-width: 228px;
	}

#listing-details-table td, #listing-information-table td, #additional-information-table td {
	width: 114px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	}
	
#moreinfo {
	float: right;
	color: #fff;
	margin-right: 20px;
	color: #4D4D4D;
	}
	
#moreinfo a {
	color: #fff;
	text-transform: lowercase;
	font-size: 90%;
	}
	
#maps a {
	float: left;
	display: block;
	width: 120px;
	margin-right: 1px;
	padding-left: 20px;
	border: 0px solid #ccc;
	background: url(images/mapbutton-bg.png) no-repeat;
	}
	
#maps a:hover {
	background: #eee url(images/mapbutton-bg.png) no-repeat;;
	}

.dhtmlgoodies_contentBox{
		border:1px solid #02418e;
		height:0px;
		visibility:hidden;
		position:absolute;
		xbackground-color: #D0E3F9;
		xbackground-color: #efefef;
		background: url(images/contentbg.jpg) repeat-x;
		background-position: bottom;
		overflow: hidden;
		padding:2px;
		width:250px;
		clear: left;
				
		}
	
	.dhtmlgoodies_content{
		position:relative;		
		width:100%;
		}
		
	#mortgagecalc label { 
		font-weight: bold;
		}

	
/* --------------------- SIFR -------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1 {
	visibility: hidden;
	
}

#heading .siFR-hasflash h1 {
 margin-top: -25px;
}

/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}	
*/


/* --------------------------------------------- SPRY ACCORDION CSS   ---------- */
.Accordion {
	xborder-left: solid 1px #ccc;
	xborder-right: solid 1px #ccc;
	xborder-bottom: solid 1px #ccc;
	overflow: hidden;
	xmargin-bottom: 20px;
	background: url(images/house.jpg) no-repeat;
	color: #eee;
	max-height: 245px;
}

	
.AccordionPanelTab {
	color: #ccc;
	border-bottom: solid 1px #ccc;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background: #65752C;
	height: 1.5em;
	
	}

.AccordionPanelTab h3 {
	margin: 0;
	padding: 0px 1px 0px 4px;
	font-size: 90%;
	background: url(images/blt_panel_exp.gif) no-repeat right 50%; /* the arrow */
	color: #fff;
	
	} 

.AccordionPanelContent {
	overflow-y: auto;
	overflow-x: hidden;
	height: 120px;
	font-size: 90%;
	line-height: 140%;
	}
	
.AccordionPanelContent p {
	padding: 1em;
	}
	
.AccordionPanelContent a {
	color: #eee;
	text-decoration: none;
	display: block;
	min-height: 85px;
	}
	
.AccordionPanelContent ul { margin: 0;	padding: 1.375em; }

.AccordionPanelTabHover { color: #fff; }

.AccordionPanelClosed {
	border-bottom: solid 1px #ccc;
	}

.AccordionPanelClosed .AccordionPanelTab h3 { 
	background: #758f27 url(images/blt_panel_clps.gif) no-repeat right 50%; 
	
	
	}
	
.AccordionPanelContent div { margin: 5px 8px; }