html {
	min-height: 100%;
	height: auto;
}

body {
	margin: 0;
	padding: 0;
	/* background-color: #600000; */
	text-align: center !important; 
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #f1f2f2;
	background: #600000 url('/images/background-fade.png') repeat-x fixed left bottom;
}

#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 990px;
	/* background-color: aqua; */
	background: #5A0000 url('/images/background-subheader.png') repeat-x 0 0;
}

.home #container {
	/* height: 790px; */
	/* background: url('/images/background-home.png') no-repeat 0 0 !important; */
	background: #5A0000 url('/images/background-subheader.png') repeat-x 0 0;
}

#header img, #home-content img, #heading img, #footer img { behavior:url(/scripts/iepngfix.htc); }

b { 
	color: #e9ab07 !important;
}

h1 {
	color: #f1f2f2;
	font-size: 18px;
}


h2 {
	color: #e9ab07;
	font-size: 18px;
}

/* ---------------------------------------------------------------------------------------- */
/* Header */
/* ---------------------------------------------------------------------------------------- */


#header {
	position: relative;
	height: 260px;
	margin: 0;
	padding: 0;
	/* background-color: yellow; */
	/* z-index: 9999; */ /*required to have dhtml popup show*/

}

#header-photo {
	position: absolute;
	top: 17px;
	left: 55px;
	z-index: 1;	
}


#header-logo {
	position: absolute;
	top: 17px;
	left: 322px;
	z-index: 1;
	/* background-color: maroon; */
}

#header-contact {
	position: absolute;
	top: 79px;
	left: 760px;
	z-index: 1;
	width: 146px;
	height: 69px;
}

#header-visitblog {
	position: absolute;
	top: 175px;
	left: 724px;
	z-index: 1;
}


#nav {
	position: absolute;
	top: 220px;
	left: 0;
	width: 990px;
	height: 40px;
	text-align: center;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	/* background-color: red; */
}



/* root element for tabs */
#main-nav {
	/* dimensions */
	width: 990px;
	height: 40px !important;
	margin: 0 !important; 
	padding: 0;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom: -2px;
}

/* single tab */
#main-nav li { 
	float: left; 
	margin: 0; 
	padding: 0; 
	text-indent: 0; 
	list-style-type: none;
}

/* a- tag inside single tab */
#main-nav li a {
	background: url(/images/main-nav.png) no-repeat;
	display: block;
	height: 40px;   
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

/* default state */
#main-nav li#nav-home a			{ background-position: 0 -40px; width: 111px; }
#main-nav li#nav-featured-homes a			{ background-position: -111px -40px; width: 171px; }
#main-nav li#nav-search-mls a			{ background-position: -282px -40px; width: 164px; }
#main-nav li#nav-for-buyers a			{ background-position: -446px -40px; width: 128px; }
#main-nav li#nav-for-sellers a			{ background-position: -574px -40px; width: 134px; }
#main-nav li#nav-about-marin a			{ background-position: -708px -40px; width: 135px; }
#main-nav li#nav-about-us a			{ background-position: -843px -40px; width: 147px; }

/* mouseover state */
#main-nav li#nav-home a:hover 	{ background-position: 0 0; }
#main-nav li#nav-featured-homes a:hover 	{ background-position: -111px 0; }
#main-nav li#nav-search-mls a:hover 	{ background-position: -282px 0; }
#main-nav li#nav-for-buyers a:hover 	{ background-position: -446px 0; }
#main-nav li#nav-for-sellers a:hover 	{ background-position: -574px 0; }
#main-nav li#nav-about-marin a:hover 	{ background-position: -708px 0; }
#main-nav li#nav-about-us a:hover 	{ background-position: -843px 0; }

/* currently selected tabs */
.homenav #main-nav li#nav-home	a { background-position: 0 0 !important;  }
.featured-homes #main-nav li#nav-featured-homes	a { background-position: -111px 0 !important; }
.search-mls #main-nav li#nav-search-mls a	{ background-position: -282px 0 !important; }
.for-buyers #main-nav li#nav-for-buyers a	{ background-position: -446px 0 !important; }
.for-sellers #main-nav li#nav-for-sellers a	{ background-position: -574px 0 !important; }
.about-marin #main-nav li#nav-about-marin a	{ background-position: -708px 0 !important; }
.about-us #main-nav li#nav-about-us a	{ background-position: -843px 0 !important; }





/* ---------------------------------------------------------------------------------------- */
/* Homepage */
/* ---------------------------------------------------------------------------------------- */

#home-content {
	width: 960px;
	/* height: 810px; */
	margin: 0;
	padding: 0 0 0 30px;
	/* background-color: purple; */
}

.highlightbox {
	float: left;
	display: inline;
	width: 290px;
	height: 320px;
	margin: 0 30px 40px 0;
	padding: 5px 0 0 0;
	/* background-color: orange; */
	text-align: center;
}

.homefeaturebox {
	float: left;
	display: inline;
	width: 426px;
	height: 520px;
	margin: 0 30px 0 0;
	padding: 0 10px 10px;
	background-color: #600000;
	border: 1px solid gray;
	text-align: justify;
}

.homefeaturebox h1 {
	text-align: center;
	color: #eaab06;
	font-size: 22px;
	font-weight: normal;
}



.homefeaturebox.weeklymarketupdate h1 {
	background: url('/images/heading-weeklymarketupdate-home.png') no-repeat 0 0;
	width: 296px;
	height: 29px;
	margin: 15px auto;
	text-indent: -9999px;
}


.homefeaturebox.whychoosemadeline h1 {
	background: url('/images/heading-whychoosemadeline.png') no-repeat 0 0;
	width: 401px;
	height: 29px;
	margin: 15px auto;
	text-indent: -9999px;	
}


.tagline {
	float: left;
	margin: 36px 0 5px 152px;
	padding: 0;
	display: inline;
}


.tagline-text {
	float: left;
	width: 924px;
	margin: 15px 0 20px 5px;
	padding: 0;
	font-size: 16px;
	display: inline;
}




/* ---------------------------------------------------------------------------------------- */
/* Content */
/* ---------------------------------------------------------------------------------------- */


#container-sub {
	margin: 0;
	padding: 10px 52px;
	width: 886px;
	/* background-color: red; */
}


#breadcrumbs {
	margin: 10px 0 30px 0;
	padding: 0;
	width: 886px;
	/* background-color: olive; */
	color: #f1f1f1;
	font-size: 12px;
	text-transform: uppercase;
}

#breadcrumbs-towns {
	margin: 10px 0 15px 0;
	padding: 0;
	width: 886px;
	/* background-color: olive; */
	color: #f1f1f1;
	font-size: 12px;
	text-transform: uppercase;
}

#heading {
	margin: 0 0 30px 0;
	padding: 0;
	width: 886px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	/* background-color: orange; */
	color: #f1f1f1;
	font-size: 12px;
}

#heading .headingimg {
	margin: 0;
	padding: 0;
	float: left;
}

#heading .requestinfo {
	margin: 8px 0 0 0;
	padding: 0;
	float: right;
}


#content-full {
	margin: 0;
	padding: 0 0 10px 0;
	width: 886px;
	font-weight: normal;
	text-align: justify;	
	/* background-color: green; */
}

/* #content-full > p:first-child, */
#content-full > h1:first-child,
#content-full > h2:first-child {
	margin-top: 0;
	padding-top: 0;
	line-height: 1.0;
}

.requiredfield {
	font-size: 10px;
	color: #e9ab07; 
}

.about-table tr {
	padding-bottom: 50px;
}

.about-table td h2 {
	margin-top: 0;
	padding-top: 0;
	line-height: 1.0;
}

.about-table td img {
	padding-right: 35px;
}

#content-full-towns {
	margin: 0;
	padding: 0;
	width: 886px;
	font-weight: normal;
	text-align: justify;	
	/* background-color: green; */
}


#content-full-weeklyupdate {
	margin: 0;
	padding: 0;
	width: 886px;
	font-weight: normal;
	text-align: justify;	
	/* background-color: green; */
}


#content-full-towns .town-select {
	float: left;
	text-align: center;
	margin: 0 62px 50px 0;
	padding: 0;
}

#content-full-towns .town-select.last {
	margin-right: 0;
}

#content-full-towns .town-select img {
	margin: 0 0 10px 0;
}


#content-full-weeklyupdate .town-select {
	float: left;
	text-align: center;
	margin: 0 26px 40px 0;
	padding: 0;
}

#content-full-weeklyupdate .town-select.last {
	margin-right: 0;
}

#content-full-weeklyupdate .town-select img {
	margin: 0 0 10px 0;
}


#content-left {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 290px;
	/* background-color: blue; */
}

#content-left img {
	margin: 0 0 38px 0;
}


#content-right {
	float: left;
	margin: 0;
	padding: 0 0 10px 10px;
	width: 566px;
	font-weight: normal;
	text-align: justify;
	/* background-color: green; */
}

/* #content-right > p:first-child, */
#content-right > h1:first-child,
#content-right > h2:first-child {
	margin-top: 0;
	padding-top: 0;
	line-height: 1.0;
}


.towns-nav {
	margin: 0 auto;
	padding: 10px 0 30px 0;
	color: #e9ab07;
	text-align: center;
}

.town-heading {
	margin: 0 0 20px 0;
	clear: both;
	font-size: 18px;
}

.view-listings-button {
	float: right;
}

.town-stats {
	font-size: 18px;
}

.seemorelistings {
	text-align: center;
}

.seemorelistings a,
.seemorelistings a:visited {
	color: #e9ab07;
}

#goto-recentsales {
	float: right;
	margin: 0 0 15px 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------------------- */
/* Listings */
/* ---------------------------------------------------------------------------------------- */

#content-listing {
	margin: 0;
	padding: 0 0 10px 0;
	width: 886px;
	font-weight: normal;
	text-align: justify;	
	/* background-color: green; */
}


#content-listing > h1:first-child {
	margin-top: 0;
	padding-top: 0;
	line-height: 1.0;
}


#content-listing h1 {
	font-size: 18px;
	color: #e9ab07;
}

.property-listings hr {
	margin: 10px 0;
	height: 1px;
}

.sepline {
	margin: 30px 0;
	padding: 0;
	width: 886px;
	height: 1px;
	background-color: #999;
}

.listing-image {
	border: 1px solid #ECE9DB;
}

.sold-image {
	width: 350px;
	height: 250px;
	overflow: hidden;
	border: 1px solid #ECE9DB;
	margin: 0 0 10px 0;
}

.sold-image img {
	width:100%;
	height:100%;
}


a.listing-moreinfo,
a:hover.listing-moreinfo {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

.listing-moreinfo span {
	color: #e9ab07;
}

.listing-info {
	line-height: 1.0;
	font-size: 18px;
}

.listing-info h2:first-child {
	margin-top: 0;
	padding-top: 0;
}

.listing-info h1 {
	color: #e9ab07;
	font-size: 18px !important;
}

.listing-info h2 {
	color: #e9ab07;
	font-size: 22px !important;
}

.listing-info h2 a, 
.listing-info h2 a:hover {
	color: #e9ab07;
	font-size: 22px !important;
	text-decoration: none;
}


.listing-info-sold {
	line-height: 1.0;
	font-size: 18px;
}

.listing-info-sold h2:first-child {
	margin-top: 0;
	padding-top: 0;
}

.listing-info-sold h1 {
	color: #e9ab07;
	font-size: 24px !important;
}

.listing-info-sold h2 {
	color: #e9ab07;
	font-size: 18px !important;
}

.listing-info-sold h2 a, 
.listing-info-sold h2 a:hover {
	color: #e9ab07;
	font-size: 18px !important;
	text-decoration: none;
}


.showingHeader {
	background-color: #fff;
	width: 500px;
	border: 1px solid #000;
	margin: 0 auto;
	padding: 10px;
}

.requiredlabel {
	color: #e9ab07;
}





/* ---------------------------------------------------------------------------------------- */
/* IDX Broker styles */
/* ---------------------------------------------------------------------------------------- */

.IDX-showcaseDetails {
	padding: 10px 0 20px !important;
}



/* ---------------------------------------------------------------------------------------- */
/* Town Listings from IDX Broker */
/* ---------------------------------------------------------------------------------------- */

.IDXtownlistings img {
	border: 1px solid #ECE9DB;	
}


.IDX-showcasePhoto img {
	width: 300px;
	height: 200px;
}

.IDX-showcaseListingID {
	display: none !important;
}



#IDX-quickSearchForm { position: relative; height: 150px; width: 590px; margin: 10px auto 25px; } 
#QS-minPriceField { position: absolute; width: 100px; height: 22px; left: 105px; top: 5px; } 
#QS-maxPriceField { position: absolute; width: 100px; height: 22px; left: 105px; top: 36px; } 
#QS-minSqftField { position: absolute; width: 100px; height: 22px; left: 458px; top: 5px; } 
#QS-minRoomsField { position: absolute; width: 100px; height: 22px; left: 458px; top: 36px; } 
#QS-minBathsField { position: absolute; width: 100px; height: 22px; left: 105px; top: 64px; } 
#QS-labelMaxPrice { text-align: left; position: absolute; width: 70px; height: 22px; left: 25px; top: 38px;  } 
#QS-labelMinPrice { text-align: left; position: absolute; width: 70px; height: 22px; left: 25px; top: 7px;  } 
#QS-labelMinSqft { text-align: left; position: absolute; width: 70px; height: 22px; left: 378px; top: 7px;  } 
#QS-labelMinRooms { text-align: left; position: absolute; width: 90px; height: 22px; left: 370px; top: 38px;  } 
#QS-labelMinBaths { text-align: left; position: absolute; width: 70px; height: 22px; left: 25px; top: 69px;  } 
#QS-labelCityList { text-align: left; position: absolute; width: 100px; height: 22px; left: 358px; top: 69px;  } 
#QS-buttonSearch { position: absolute; width: 70px; height: 27px; left: 260px; top: 103px;  } 
#QS-selectCityList { position: absolute; width: 105px; height: 22px; left: 458px; top: 70px;  } 
#backLink {position:absolute; top:130px;}




/* ---------------------------------------------------------------------------------------- */
/* Footer */
/* ---------------------------------------------------------------------------------------- */


#footer {
	position: relative;
	width: 990px;
	height: 150px;
	margin: 0;
	padding: 10px 0 0 0;
	background: #510000 url('/images/background-subfooter.png') repeat-x 0 0;
	text-align: center;
	color: #333;
}

.home #footer {
	background: none !important;
}


.footer-contact {
	margin: 0;
	padding: 0;
	color: #f1f1f1;
	font-size: 12px;
	font-weight: bold;
}


.footer-cities {
	margin: 10px 0 0 0;
	padding: 0;
	color: #f1f1f1;
	font-size: 12px;
}

.footer-links {
	margin: 0;
	padding: 0;
}

.footer-links li {
	list-style-type: none;
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
}





/* ---------------------------------------------------------------------------------------- */
/* Anchors */
/* ---------------------------------------------------------------------------------------- */

a {
	text-decoration: underline;
	color: #f1f1f1;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #f1f1f1;
}

a:active { /* removes dotted outline around link on active items.  Allows outline to still show if using keyboard */
  outline: none;
}


#breadcrumbs a,
#breadcrumbs-towns a,
#breadcrumbs a:hover,
#breadcrumbs-towns a:hover {
	text-decoration: none !important;
}


.towns-nav a {
	color: #e9ab07;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	padding: 0 10px;
}

.towns-nav .currentlink {
	color: #fff !important;
}

.towns-nav a:hover {
	text-decoration: underline;
}

.towns-nav a:visited {
	color: #e9ab07;
}


.footer-cities a,
.footer-cities a:hover {
	text-decoration: none !important;
}

.footer-contact a,
.footer-contact a:hover {
	text-decoration: none !important;
}


/* ---------------------------------------------------------------------------------------- */
/* JQuery Validate classes */
/* ---------------------------------------------------------------------------------------- */

label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; }
/*br { clear: both; }*/
input { border: 1px solid black; margin-bottom: .5em;  }
input.error { border: 1px solid red; }
input.noborder {border: none; }
label.error {
	background: url('/images/unchecked.gif') no-repeat;
	padding-left: 16px;
	margin-left: .3em;
	float: none;
}

label.valid {
	background: url('/images/checked.gif') no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}





/* ---------------------------------------------------------------------------------------- */
/* Text */
/* ---------------------------------------------------------------------------------------- */

.whitetext {
	color: #fff !important;
}

.blacktext {
	 color: #000 !important;
}

.tantext {
	 color: #bbbcb2 !important;
}

.bluetext {
	 color: #586b8a !important;
}

.redtext {
	color: #ff0000 !important;
}

.goldtext {
	color: #e9ab07 !important;
}

.text10 {
	font-size: 10px !important;
}

.text11 {
	font-size: 11px !important;
}

.text12 {
	font-size: 12px !important;
}

.text13 {
	font-size: 13px !important;
}

.text14 {
	font-size: 14px !important;
}

.text18 {
	font-size: 18px !important;
}

.text22 {
	font-size: 22px !important;
}

.text24 {
	font-size: 24px !important;
}

.text26 {
	font-size: 26px !important;
}

.justify {
	text-align: justify !important;
}

.yellowbkg {
	background-color: #ffff99;
}

.boldtext {
	font-weight: bold !important;
}




/* ---------------------------------------------------------------------------------------- */
/* Clears */
/* ---------------------------------------------------------------------------------------- */

br.clear-both, 
div.clear-both {
	clear: both;
	margin: 0;
	padding: 0;
}

br.clear-right, 
div.clear-right {
	clear: right;
	margin: 0;
	padding: 0;
}