
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (.global style rules, applied to all site pages.) */

	body {
		margin: 0;
		padding: 0;
		background-image: url("_images/body.jpg");
		background-position: top center;
		background-color: #E0E0E0;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 75%;
		color: #444444;
	}
	
	a {
		font-weight: bold;
		text-decoration: none;
		color: #d11e1e;
	}
	a:visited {
		font-weight: bold;
		text-decoration: none;
		color: #444444;
	}
	a:hover {
		font-weight: bold;
		text-decoration: none;
		color: #444444;
	}

	p {
		margin-top: 0px;
		line-height: 1.4;
	}

	div#page {
		position: relative;
		margin: 0px auto 0px auto;
		width: 784px;
	}

	div#masthead {
		height: 218px;
		position: relative;
		background-repeat; no-repeat;
	}

		/* knock any HTML text inside div#masthead offscreen */
		div#masthead h1,
		div#masthead h2,
		div#masthead p#contact {
			position: relative;
			left: -9999px;
			text-indent: -9999px;
		}

	p#toolbar {
		position: absolute;
		top: 4px;
		left: 20px;
		margin: 0px;
		color: #2d2d2d;
	}

		p#toolbar a {
			padding-left: 7px;
			padding-right: 7px;
			color: #2d2d2d !important;
			text-decoration: none;
			font-weight: normal;
		}
		p#toolbar a:visited {
			color: #2d2d2d !important;
			text-decoration: none;
		}
		p#toolbar a:hover {
			color: #d11e1e !important;
			text-decoration: none;
		}

	ul#menu {
		position: relative;
		z-index: 100;
		margin: 0px;
		padding: 0px 0px 0px 22px;
		height: 38px;
		background-image: url("_images/menu_home.jpg");
		background-repeat; no-repeat;
		background-color: #292929;
		font-size: 11px;
		color: #ffffff;
		list-style-type: none;
	}

		ul#menu li {
			display: inline;
			float: left;
			margin-top: 1px;
			background-image: url("_images/menu_divider.gif");
			background-repeat: no-repeat;
			background-position: top right;
		}
		ul#menu li.last {
			background-image: none;
		}

		ul#menu a {
			display: block;
			padding: 10px 11px 10px 11px;
			color: #ffffff !important;
			background-color: #000000;
			text-decoration: none;
			font-weight: bold;
			white-space: nowrap;
		}
		ul#menu a:visited {
			color: #ffffff !important;
			text-decoration: none;
		}
		ul#menu a:hover {
			color: #d11e1e !important;
			text-decoration: none;
		}

	div#main {
		min-height: 400px;
		position: relative;
		background-image: url("_images/main.jpg");
		background-repeat; repeat-y;
		background-color: #ffffff;
		padding: 9px 35px 30px 50px;
	}	
		div#main:after {
		    content: "."; 
		    display: block; 
		    height: 0; 
		    clear: both; 
		    visibility: hidden;
		}

		div#main {display: inline-block;}

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

	/* absolutely positioned DIV provides the top flowery background image */
	div#main-top {
		position: absolute;
		z-index: 30;
		top: 0px;
		left: 0px;
		width: 784px;
		height: 156px;
		background-image: url("_images/main_top_home.jpg");
		background-repeat; no-repeat;
	}

	/* absolutely positioned DIV provides the bottom flowery background image */
	div#main-bottom {
		position: absolute;
		z-index: 30;
		bottom: 0px;
		left: 0px;
		width: 784px;
		height: 68px;
		background-image: url("_images/main_bottom_home.jpg");
		background-repeat; no-repeat;
	}
	
	div#left {
		position: relative;
		z-index: 40;
		width: 470px;
		padding-left: 10px;
		padding-right: 30px;
		float: left;
		clear: left;
		color: #333333;
	}
	
	div#lololeft {
		position: relative;
		z-index: 40;
		width: 700px;
		padding-left: 10px;
		padding-right: 30px;
		float: left;
		clear: left;
		color: #333333;
	}
	
	div#right {
		position: relative;
		z-index: 40;
		width: 151px;
		padding-left: 30px;
		padding-bottom: 30px;
		margin-top: 45px;
		float: left;
		background-image: url("_images/main_divider.gif");
		background-repeat: no-repeat;
		text-align: justify;
	}
	
		div#right h2.testimonials {
			height: 41px;
			width: 165px;
			text-indent: -9999px;
			background-repeat: no-repeat;
		}
	
		div#right h2.listings {
			height: 82px;
			width: 165px;
			text-indent: -9999px;
			background-image: url("_images/featured_listings.gif");
			background-repeat: no-repeat;
		}
		
		div#right div.listing {
			margin-left: 0px;
			padding-left: 13px;
			background-image: url("_images/arrows.gif");
			background-repeat: no-repeat;
			background-position: 0px 7px;
			text-align: left;
		}

		div#right span.price {
			font-weight: bold;
		}

		div#right p#seeall a {
			display: block;
			height: 25px;
			width: 113px;
			background-image: url("_images/seeall_button.gif");
			background-repeat: no-repeat;
			text-indent: -9999px;
			margin-left: 18px;
		}

	/* absolutely positioned DIV provides the paint splatter that peeks out behind the masthead */
	

	div#footer {
		text-align: center;
		padding-bottom: 20px;
	}

		div#footer p#macdonald {
			margin: 5px 0px 0px 0px;
		}
		div#footer p#macdonald a {
			display: block;
			margin: auto;
			width: 119px;
			height: 72px;
			text-indent: -9999px;
			background-image: url("_images/logo_macdonald.jpg");
			background-repeat; no-repeat;
		}
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (.layout rules specific to home page.) */

	body#home div#masthead {
		background-image: url("_images/masthead_home.jpg");
	}
	
	body#home  ul#menu li#menu-home  a {
		padding: 9px 12px 10px 12px;
		font-size: 14px;
		font-weight: bold;
		color: #ED8B18 !important;
	}
	
	body#home  ul#menu a:hover {
		color: #ED8B18 !important;
	}
	
	body#home  a {
		color: #ED8B18;
	}
	body#home  a:visited {
		color: #ED8B18;
	}
	body#home  a:hover {
		color: #444444;
	}
	
	body#home h2.buying {
		width: 491px;
		height: 30px;
		background-image: url("_images/header_buying.gif");
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 0;
		margin-left: -10px;
	}
	
	body#buying div#left {
		width: 645px;
	}

		div#testimonials h2 {
			height: 23px;
			width: 193px;
			background-image: url("_images/client_testimonials.gif");
			background-repeat; no-repeat;
			text-indent: -9999px;
			margin-bottom: 15px;
			margin-left: -2px;
		}

	body#home div#featured {
		margin-bottom: 20px;
	}

		body#home div#featured h2 {
			height: 80px;
			width: 332px;
			background-image: url("_images/featured_listings.jpg");
			background-repeat; no-repeat;
			text-indent: -9999px;
			margin-top: 0px;
			margin-bottom: 20px;
		}
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (."are you buying" section.) */

	body#buying div#masthead {
		background-image: url("_images/masthead_home.jpg");
	}
	
	body#buying ul#menu li#menu-buying a {
		padding: 9px 12px 10px 12px;
		font-size: 14px;
		font-weight: bold;
		color: #ED8B18 !important;
	}
	
	body#buying ul#menu a:hover {
		color: #ED8B18 !important;
	}
	
	body#buying a {
		color: #ED8B18;
	}
	body#buying a:visited {
		color: #ED8B18;
	}
	body#buying a:hover {
		color: #444444;
	}
	
	body#buying h2.buying {
		width: 491px;
		height: 30px;
		background-image: url("_images/header_buying.gif");
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 0;
		margin-left: -10px;
	}
	
	body#buying div#left {
		width: 645px;
	}
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (."are you selling" section.) */

	body#selling div#masthead {
		background-image: url("_images/masthead_home.jpg");
	}
	
	body#selling ul#menu li#menu-selling a {
		padding: 9px 12px 10px 12px;
		font-size: 14px;
		font-weight: bold;
		color: #1EA9D1 !important;
	}
	
	body#selling ul#menu a:hover {
		color: #1EA9D1 !important;
	}
	
	body#selling a {
		color: #1EA9D1;
	}
	body#selling a:visited {
		color: #1EA9D1;
	}
	body#selling a:hover {
		color: #444444;
	}
	
	body#selling h2.selling {
		width: 491px;
		height: 30px;
		background-image: url("_images/header_selling.gif");
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 0;
		margin-left: -10px;
	}
	
	body#selling div#right h2.testimonials {
		background-image: url("_images/testimonials_selling.gif");
	}
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (."about jackie" section.) */

	body#about div#masthead {
		background-image: url("_images/masthead_home.jpg");
	}
	
	body#about ul#menu li#menu-about a {
		padding: 9px 12px 10px 12px;
		font-size: 14px;
		font-weight: bold;
		color: #93D130 !important;
	}
	
	body#about ul#menu a:hover {
		color: #7DBD19 !important;
	}
	
	body#about a {
		color: #7DBD19;
	}
	body#about a:visited {
		color: #7DBD19;
	}
	body#about a:hover {
		color: #444444;
	}
	
	body#about h2.about {
		width: 491px;
		height: 30px;
		background-image: url("_images/header_about.gif");
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 0;
		margin-left: -10px;
	}
	
	body#about div#right h2.testimonials {
		background-image: url("_images/testimonials_about.gif");
	}
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (."listings" section.) */

	body#listings div#masthead {
		background-image: url("_images/masthead_home.jpg");
	}
	
	body#listings ul#menu li#menu-listings a {
		padding: 9px 12px 10px 12px;
		font-size: 14px;
		font-weight: bold;
		color: #EED007 !important;
	}
	
	body#listings ul#menu a:hover {
		color: #CAB000 !important;
	}
	
	body#listings a {
		color: #CAB000;
	}
	body#listings a:visited {
		color: #CAB000;
	}
	body#listings a:hover {
		color: #444444;
	}
	
	body#listings div#left h2.listings {
		width: 491px;
		height: 30px;
		background-image: url("_images/header_listings.gif");
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 0;
		margin-left: -10px;
	}
	
	body#listings div#right h2.testimonials {
		background-image: url("_images/testimonials_listings.gif");
	}
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (."testimonials" section.) */

	body#testimonials div#masthead {
		background-image: url("_images/masthead_home.jpg");
	}
	
	body#testimonials ul#menu li#menu-testimonials a {
		padding: 9px 12px 10px 12px;
		font-size: 14px;
		font-weight: bold;
		color: #B9569E !important;
	}
	
	body#testimonials ul#menu a:hover {
		color: #B6519B !important;
	}
	
	body#testimonials a {
		color: #B6519B;
	}
	body#testimonials a:visited {
		color: #B6519B;
	}
	body#testimonials a:hover {
		color: #444444;
	}
	
	body#testimonials div#left h2.testimonials {
		width: 491px;
		height: 30px;
		background-image: url("_images/header_testimonials.gif");
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 0;
		margin-left: -10px;
	}
	
	body#testimonials div#right h2.testimonials {
		background-image: url("_images/testimonials_testimonials.gif");
	}
	
	/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (."signin" section.) */

	body#signin div#masthead {
		background-image: url("_images/masthead_home.jpg");
	}
	
	body#signin ul#menu li#menu-signin a {
		padding: 9px 12px 10px 12px;
		font-size: 14px;
		font-weight: bold;
		color: #B9569E !important;
	}
	
	body#signin ul#menu a:hover {
		color: #B6519B !important;
	}
	
	body#signin a {
		color: #B6519B;
	}
	body#signin a:visited {
		color: #B6519B;
	}
	body#signin a:hover {
		color: #444444;
	}
	
	body#signin div#left h2.testimonials {
		width: 491px;
		height: 30px;
		background-image: url("_images/header_testimonials.gif");
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 0;
		margin-left: -10px;
	}
	
	body#signin div#right h2.testimonials {
		background-image: url("_images/testimonials_testimonials.gif");
	}
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (."contact info" section.) */

	body#contact div#masthead {
		background-image: url("_images/masthead_home.jpg");
	}
	
	body#contact ul#menu li#menu-contact a {
		padding: 9px 12px 10px 12px;
		font-size: 14px;
		font-weight: bold;
		color: #40CAB8 !important;
	}
	
	body#contact ul#menu a:hover {
		color: #37C4B2 !important;
	}
	
	body#contact a {
		color: #37C4B2;
	}
	body#contact a:visited {
		color: #37C4B2;
	}
	body#contact a:hover {
		color: #444444;
	}
	
	body#contact div#left h2.contact {
		width: 491px;
		height: 30px;
		background-image: url("_images/header_contact.gif");
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 0;
		margin-left: -10px;
	}
	
	body#contact div#right h2.testimonials {
		background-image: url("_images/testimonials_contact.gif");
	}
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (."links" section.) */

	body#links div#masthead {
		background-image: url("_images/masthead_home.jpg");
	}
	
	body#links div#left h2.links {
		width: 491px;
		height: 30px;
		background-image: url("_images/header_links.gif");
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 0;
		margin-left: -10px;
	}
	
	body#links div#left {
		width: 645px;
	}
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (."mortgage calculator" section.) */

	body#calculator div#masthead {
		background-image: url("_images/masthead_home.jpg");
	}
	
	body#calculator div#left h2.calculator {
		width: 491px;
		height: 30px;
		background-image: url("_images/header_calculator.gif");
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top: 0;
		margin-left: -10px;
	}
	
	body#calculator div#left {
		width: 645px;
	}
	
	.button
{
    BORDER-RIGHT: #217db3 3px solid;
    BORDER-TOP: #217db3 1px solid;
    FONT-WEIGHT: lighter;
    FONT-SIZE: x-small;
    BORDER-LEFT: #217db3 1px solid;
    WIDTH: 136px;
    COLOR: #000000;
    BORDER-BOTTOM: #217db3 4px solid;
    FONT-FAMILY: Verdana;
    HEIGHT: 19px;
    BACKGROUND-COLOR: #e9e9e9;
    TEXT-ALIGN: center
}
SELECT
{
    BORDER-RIGHT: #217db3 1px solid;
    BORDER-TOP: #217db3 1px solid;
    BORDER-LEFT: #217db3 1px solid;
    COLOR: #17395f;
    BORDER-BOTTOM: #217db3 1px solid;
    FONT-FAMILY: Verdana
}
.INPUTone
{
    BORDER-RIGHT: #217db3 1px solid;
    BORDER-TOP: #217db3 1px solid;
    BORDER-LEFT: #217db3 1px solid;
    WIDTH: 136px;
    COLOR: #17395f;
    BORDER-BOTTOM: #217db3 1px solid;
    FONT-FAMILY: Verdana;
    HEIGHT: 19px
}
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (..) */
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (..) */
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (..) */
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (..) */
	
	
/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* (..) */