/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #333;
	font: 11px Tahoma, Verdana, Helvetica, Arial;
	text-align:center;
	}

/* ################################ */
/* --------- HEADER STYLES -------- */
/* ################################ */
div#header{ /* The Header itself. This controls the height and color of the background of the header */
	height: 210px;
	background: #4bb5c1;
	}
	div#header div#headerContent{ /* Constains the content of the header to 900px and centered */
		width: 900px; 
		padding: 0;
		margin: 0 auto;
		padding-top: 25px;
		padding-bottom: 25px;
		}
	div#header div#headerContent div#headerNav{ /* Styling for Home and Contact buttons in upper left corner */
		float: left; 
		font: 11px Tahoma, Verdana, Helvetica, Arial; 
		color: #fff;
		}
	div#header div#headerContent div#headerNav a{
		color: #fff;
		text-decoration:none;
		}
	div#header div#headerContent div#headerNav a:hover{
		text-decoration:underline;
		}
	div#header div#headerContent div#headerNav .smallIcon{ /* Home and Contact icons transparency */
		opacity: .5; 
		filter: alpha(opacity=50);
		}
	div#header div#headerContent div#companyName h3{ /* Company Info in upper right corner */
		margin: 0;
		padding: 0;
		position: relative;
		top: 0;
		text-align: right;
		font: 11px Tahoma, Verdana, Helvetica, Arial;
		color: #fff;
		float: right;
		}
	
	div#header div#headerContent div#agentHeader{ 
		margin: 0;
		padding: 0;
		display: block;
		float: left;
		position: relative;
		left: 50px;
		text-align:right;
		color: #fff;
		}
	div#header div#headerContent div#agentHeader h1{ /* Agent's Name */
		font-size: 60px;
		font-weight: normal;
		margin: 0;
		padding: 0;
		}
	div#header div#headerContent div#agentHeader h2{ /* Agent Phone Number below name */
		margin: 0;
		padding: 0;
		margin-top: -10px; 
		font-size: 20px;
		font-weight: normal;
		}

/* ######################################### */
/* --------- QUICKSEARCH TAB STYLES -------- */
/* ######################################### */	
div#quickSearchTab {
	height: 31px; 
	width:27px; 
	position: relative;
	left: 873px;
	}
div#quickSearchTab a{
	display: block;
	background: transparent url(../quicksearch_tab.gif) no-repeat scroll bottom right;
	text-indent: -9999em;
	height: 25px;
	width: 27px;
	}
div#quickSearchTab a:hover{
	height: 31px;
	background: #fff url(../quicksearch_tab.gif) no-repeat scroll top right;
	}
div#quickSearchTab a:active, div#quickSearchTab a:focus{
	outline: 0;
	}	
/* ##################################### */
/* --------- QUICKSEARCH STYLES -------- */
/* ##################################### */	
div#quickSearchHolder {
	float: right;
	background:#4BB5C1;
	height:450px;
	position: absolute;
	left:728px;
	top:0px;
	width:150px;
	z-index:1000;
	margin: 0;
	padding: 0;
}
*html div#quickSearchHolder {
	float: right;
	background:#4BB5C1;
	height:515px;
	position: absolute;
	left:728px;
	top:0px;
	width:150px;
	z-index:1000;
	margin: 0;
	padding: 0;
}
#quickSearchHeader{
	display: block;
	background: url(../qs_head.gif) no-repeat center top;
	}

div#quickSearchInner {
	width:135px;
	height:430px;
	position:absolute;
	left:10px;
	top:15px!important;
	z-index:205;
	text-align:left;
	margin: 0;
	padding: 0;
}

div#quickSearchButton {
	background:url(qs_button.gif) no-repeat;
	width:142px;
	height:26px;
	position:absolute;
	left:603px;
	top:193px;
	z-index:203;
}

.quickSearchFieldName{
	font: normal 11px Tahoma, Verdana, Helvetica, Arial;
	color:#fff;
	text-align:left;
	}
.quickSearchText {
	font: normal 11px Tahoma, Verdana, Helvetica, Arial;
	width:130px;
	border: #999999 solid 1px;
	display: block;
	background-color:#fff;
	color:#000;
	}
.quickSearchSelect {
	font: normal 11px Tahoma, Verdana, Helvetica, Arial;
	width: 130px;
	border: #999999 solid 1px;
	display: block;
	background-color:#FFF;
	}
.quickSearchButtons{
	margin-left: 6px;
	}
.quickSearchButton{
	text-transform: lowercase;
	background:#000 url(../submit_button.gif) no-repeat;
	border:none;
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	width:58px;
	height:20px;
	cursor:pointer;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom: 3px;
	color: #fff;
	}
.quickSearchOR-one, .quickSearchOR-two{
	font: bold 10px Tahoma, Verdana, Helvetica, Arial;
	color: #fff;
	text-align: left;
	}
.quickSearchTips{
	font: normal 9px Tahoma, Verdana, Helvetica, Arial;
	color:#fff;
	text-align: left;
	width: 130px;
	}

.quickSearchMLS{}
.quickSearchStreet{}
.quickSearchCity{}
.quickSearchState{}
.quickSearchZIP{}
.quickSearchProptype{}
.quickSearchBedrooms{}
.quickSearchBathrooms{}
.quickSearchMinPrice{}
.quickSearchMaxPrice{}

/* ################################# */
/* --------- CONTENT STYLES -------- */
/* ################################# */	
	 div#content{ /* The content well */
		padding: 25px;
		width: 750px;
		line-height: 19px;
		display: table-cell;
		}
	 div#content h4{
		font: italic bold 18px Tahoma, Verdana, Helvetica, Arial;
		margin-bottom: 0;
		margin-top: 5px;
		padding: 0;
		}

	div#leftColumn{ /* Contains the left column of the page (Nav & Contact Info) */
		width: 150px;
		padding: 0px 0px 25px 0px;
		overflow: hidden;
		color: #777;
		}
		
		/* ############################## */
		/* --------- NAV STYLES --------- */
		/* ############################## */
		div#leftColumn div#nav a{
			color: #777;
			text-decoration:none;
			}
		div#leftColumn div#nav a:hover{
			text-decoration: underline;
			}
		div#leftColumn div#nav h2{
			font: bold 22px Tahoma, Verdana, Helvetica, Arial;
			margin-top: 0;
			margin-bottom: 0;
			padding: 0;
			border-bottom: 1px solid #ccc;
			text-transform: uppercase;
			}
		div#leftColumn div#nav ul{
			list-style-type: none;
	
			padding: 0;
			font: 11px Tahoma, Verdana, Helvetica, Arial;
			margin: 18px 0 18px 0;
			}
		div#leftColumn div#nav ul li{
			background: url(../bullet.gif) no-repeat;
			background-position: 0 7px;
			width: 150px;
			overflow: hidden;
			padding: 4px;
			text-align: left;
			}
		div#leftColumn div#nav ul li a{
			padding: 0 0 0 15px;
			display: block;
			}

/* ####################################### */			
/* --------- CONTACT INFO STYLES --------- */
/* ####################################### */
div#leftColumn div#contact{} /* Contact Info Container */
	div#leftColumn div#contact div#agentImage{} /* Reatlor Image */
	div#leftColumn div#contact div#agentEmail{text-align: center;} /* Email Me Icon & Link */
		div#leftColumn div#contact div#agentEmail a{font: 11px Tahoma, Verdana, Helvetica, Arial; color: #777; text-decoration: underline;} 
		div#leftColumn div#contact div#agentEmail img{position: relative; top: 7px; right: 5px;} /* Icon */ 
	
/* ################################# */
/* --------- FOOTER STYLES --------- */
/* ################################# */
#footer { /* The Footer itself. This controls the height and color of the background of the footer. Set to relative to 
             push the footer to the bottom of the page. Utilizes footer.js to accomplish this in all other browsers */
	clear: both;
	position: relative;  /* Needed for Safari */
	bottom: 0;
	background: #aae13b url(../footer.jpg) repeat-x;
	margin: 25px 0 0 0;
	padding: 25px 0 25px 0;
	}
div#footer div#footerContainer{ /* Constrains the content of the footer to 900px and centered */
	position: relative;
	width: 900px;
	margin: 0 auto;
	}
	div#footer div#footerContainer #articlesIcon{ /* Icon next to Articles and Links */
		display: block;
		float: left;
		margin-right: 5px; 
		top: -2px;
		height: 20px;
		width: 20px;
		background: url(../articlesicon.gif) no-repeat;
		}
	#partnersIcon{ /* Icon next to Preferred Partners */
		display: block;
		float: left;
		margin-right: 5px; 
		top: -2px;
		height: 20px;
		width: 20px;
		background: url(../partnersicon.gif) no-repeat;
		}
	div#footer div#footerContainer #adviceIcon{ /* Icon next to Home Advice */
		display: block;
		float: left;
		margin-right: 5px; 
		top: -2px;
		height: 20px;
		width: 20px;
		background: url(../adviceicon.gif) no-repeat;
		}
	div#footer div#footerContainer #newsIcon{ /* Icon next to Real Estate News */
		display: block;
		float: left;
		margin-right: 5px; 
		top: -2px;
		height: 20px;
		width: 20px;
		background: url(../newsicon.gif) no-repeat;
		}
	div#footer div#footerContainer #autoIcon{ /* Icon next to Automated E-Mail */
		display: block;
		float: left;
		margin-right: 5px; 
		top: -2px;
		height: 20px;
		width: 20px;
		background: url(../autoicon.gif) no-repeat;
		}
	div#footer div#footerContainer h3{ /* Styles for Articles and Links header */
		display: inline;
		font: bold 14px Helvetica, Arial, Tahoma, Verdana;
		color: #fff;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		}
	div#footer div#footerContainer h3 a{ /* Styles for Articles and Links header */
		color: #fff;
		text-decoration: none;
		}
	div#footer div#footerContainer h3 a:hover{ /* Styles for Articles and Links header */
		text-decoration: none;
		color: #82ab2c;
		}
	div#footer div#footerContainer div#articles{ /* Articles and Links */
		float: left;
		position: relative;
		left: 83px;
		width: 370px;
		margin: 0;
		color: #fff;
		text-align: left;
		}
		div#footer div#footerContainer div#articles ul{ /* List styles for Articles table. Width set wide enough to accomodate 2 columns */
			width: 350px;
			list-style-type: none;
			margin-left: 20px;
			padding: 0;
			font: 11px Tahoma, Verdana, Helvetica, Arial;
			}
			div#footer div#footerContainer div#articles ul li{ /* Individual items. Set to half the width of the UL so 
			                                                   the links will split into two columns */
				float: left; 
				width: 175px;
				background: url(../check.gif) no-repeat;
				}
			div#footer div#footerContainer div#articles ul li a{
				display: block; 
				color: #fff; 
				text-decoration: none; 
				margin: 1px; 
				padding-left: 15px;
				font-size: 11px;
				}
			div#footer div#footerContainer div#articles ul li a:hover{color: #577b0d;}
	div#footer div#footerContainer div#partners{ /* Preferred Partners Table */
		float: right;
		width: 310px;
		position: relative;
		right: 73px;
		text-align: left;
		color: #fff;
		font: 11px Tahoma, Verdana, Helvetica, Arial;
		}
	div#footer div#footerContainer div#partners p{
		margin: 0 0 0 27px;
		padding: 0;
		}
	div#footer div#footerContainer div#partners div.partnersItem{
		padding-bottom: 15px;
		}
	div#footer div#footerContainer div#partners div.partnersItem p font{
		font: 11px Tahoma, Verdana, Helvetica, Arial;
		}
	div#footer div#footerContainer div#partners div.partnersItem a:hover{
		color: #577b0d;
		}

/* ############################### */		
/* --------- SIFR STYLES --------- */
/* ############################### */
/* 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 #agentHeader h1 {
	visibility: hidden;
}

.sIFR-hasFlash #agentHeader h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}
/*
.sIFR-hasFlash #quickSearchHeader h3{
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 16px;
}*/


/* ############################### */		
/* --------- MISC STYLES --------- */
/* ############################### */
.clearit{ /* Used to clear floats */
	clear: both;
	}
	
.disclaimer {font: 11px Tahoma, Arial, sans-serif; padding-top: 50px;}
/* Begin Example Page CSS */
 
div#examplePage p{
            font: 11px Tahoma, Arial, sans-serif;
            color:#666;
            text-align:justify;
            margin:0 0 10px 0;
            display:block;
}
 
span#exampleHeader {
            font:bold 18px Tahoma, Arial, sans-serif;
            display:block;
            margin:0;
            padding:0 0 6px 0;
            color:#666;
}
 
span#exampleEmphasis {
            font:bold 14px Tahoma, Arial, sans-serif;
            display:block;
            margin:0;
            padding:8px 0 17px 0;
            color:#666;
}
 
span#exampleLogo {
            width:100%;
            padding:20px 0 0 0;
            margin:0 auto;
            text-align:center;
            display:block;
}
 
/* End Example Page CSS */