@charset "UTF-8";
/* CSS Document */

/* ###########################################################

COLOURS USED:

#276f41	-	Medium Green
#ffcc66 -	Gold

########################################################### */

.hidden {
	display: none;	
}

body {
	margin: 0;
	padding: 0;
	background: #CCCCCC;

	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font: 12px Arial, Helvetica, sans-serif;
	line-height: 15px;
}

#container {
	width: 900px;
	margin: 0 auto;	
	padding: 0;
	position: relative;
}

#header {
	position: relative;
	background: url(graphics/header.jpg) no-repeat;
	width: 900px;
	height: 180px;
	z-index:1000;
}

#openHouseTitle {
	position: absolute;
	width: 200px;
	height: 30px;
	top: 150px;
	left: 20px;
	font-size: 18px;
	color: white;
	line-height:30px;
}

#marqueeArea {
	position: absolute;
	top: 150px;
	left:240px;
	width: 660px;
	height: 30px;
	color: white;
	font-size: 18px;
	line-height: 30px;
}

#nav {
	position: absolute;
	top: 125px;
	left: 240px;
	width: 660px;
	height: 25px;
	z-index: 1000;
}

	#nav a.salesassociates {
		float: left;
		width: 118px;
		height: 30px;
		background: url(graphics/nav_associates_off.gif) no-repeat;
	}

	#nav a.salesassociates:hover {
		background: url(graphics/nav_associates_on.gif) no-repeat;
	}

	#nav a.propertylistings {
		float: left;
		width: 64px;
		height: 30px;
		background: url(graphics/nav_properties_off.gif) no-repeat;
	}

	#nav a.propertylistings:hover {
		background: url(graphics/nav_properties_on.gif) no-repeat;
	}

	#nav a.marketguide {
		float: left;
		width: 96px;
		height: 30px;
		background: url(graphics/nav_marketguide_off.gif) no-repeat;
	}

	#nav a.marketguide:hover {
		background: url(graphics/nav_marketguide_on.gif) no-repeat;
	}

#contentContainer {
	width: 900px;
	float: left;
	background: url(graphics/background_contentContainer.jpg) repeat-y;
	position: relative;
	z-index:0;
}

#sidebar {
	width: 260px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}

	#sidebar a {
		text-decoration: underline;
		color: white;
	}

	#sidebar a:hover {
		text-decoration: none;
		color: white;
	}

	#sidebar .openHouses  {
		float: left;
		width: 210px;
		margin: 0 21px 0 0;
		padding: 10px 9px 10px 20px;
		background: #ffcc66; /* gold */
		color: black;
		display: inline;
	}
	
	#sidebar .addressArea {
		float: left;
		width: 210px;
		margin: 0 21px 0 0;
		padding: 10px 9px 20px 20px;
		color: white;
		display: inline;
	}

	#sidebar #sideNav {
		float: left;
		width: 210px;
		margin: 0 21px 0 0;
		padding: 0 9px 10px 20px;
		background: #ffcc66; /* gold */
		color: black;
		display: inline;
	}
	
		#sidebar #sideNav ul {
			float: left;
			width: 180px;
			list-style-type: none;
			list-style-position: inside;
			margin: 10px 0 10px 0;
			display: inline;
			padding: 0;
		}
		
			#sidebar #sideNav li {
				width: 175px;
				padding: 5px 0 5px 5px;
				margin: 0;
				border-bottom: 1px solid black;
			}
			
				#sidebar #sideNav li a {
					text-decoration: none;
					color: black;
					font-weight: bold;
				}

				#sidebar #sideNav li a:hover {
					text-decoration: underline;
					color: black;
					font-weight: bold;
				}

#searchBox {
	float: left;
	width: 600px;
	background:url(graphics/background_search.gif) repeat-y;
	margin: 10px 0 0 0;
	padding: 0;
	display: inline;
	position: relative;
	z-index:0;
}

	#searchBox h3 {
		float: left;
		width: 600px;
		height: 75px;
		margin: 0;
		padding: 0;
		background: url(graphics/header_search.jpg) no-repeat;
	}

	#searchBox input {
		background: white;
	}

	#searchBox select {
		background: white;
	}

	#searchBox .searchForm {
		float: left;
		width: 280px;
		padding: 5px 0 0 20px;
	}
	
		#searchBox .searchForm form {
			padding: 0;
			margin: 0;
		}
		
			#searchBox .searchForm form input {
				border: 1px solid black;	
			}

			#searchBox .searchForm form .category {
				float: left;
				width: 100px;
				padding: 0 0 3px 0;
				margin: 0;
				font-size: 12px;
				line-height: 20px;
				clear: both;
			}

			#searchBox .searchForm form .content {
				float: left;
				width: 170px;
				padding: 0 0 3px 10px;
				margin: 0;
			}
			
	#searchBox .map {
		position: absolute;
		top: 20px;
		left: 330px;
		width: 240px;
		margin: 0;
		padding: 0;
	}

	#searchBox .mapPlaceHolder {
		float: left;
		width: 240px;
		height: 280px;
		margin: 0;
		padding: 0;
	}

	#searchBox .footer {
		clear: both;
		float: left;
		width: 600px;
		height: 15px;
		margin: 0;
		padding: 0;
		background: url(graphics/footer_search.gif) no-repeat;
	}

#openHouseBriefs {
	float: left;
	width: 600px;
	background:url(graphics/background_openHouses.gif) no-repeat;
	margin: 10px 0 20px 0;
	padding: 0;
	display: inline;
	position: relative;
	z-index: 0;
}

	#openHouseBriefs #more {
		position: absolute;
		top: 9px;
		right: 28px;
		width: 300px;
		height: 24px;
		text-align:right;
		z-index: 100;
	}

		#openHouseBriefs #more a {
			color: #276f41; /* medium green */
		}

		#openHouseBriefs #more a:hover {
			color: #276f41; /* medium green */
		}

	#openHouseBriefs h3 {
		float: left;
		width: 600px;
		height: 30px;
		margin: 0;
		padding: 0;
		background: url(graphics/header_openHouses.gif) no-repeat;
	}
	
		#openHouseBriefs h3 .hidden {
			display: none;
		} 
	
	#openHouseBriefs .infoArea {
		float: left;
		width: 560px;
		margin: 0;
		padding: 10px 20px 10px 20px;
		background: url(graphics/background_openHouses.gif) repeat-y;
	}
	
		#openHouseBriefs .infoArea table {
			margin: 0;
			padding: 0;
		}
		
			#openHouseBriefs .infoArea table td {
				padding: 3px 0 3px 0;
				border-bottom: 1px solid #AAAAAA;
			}

	#openHouseBriefs .footer {
		float: left;
		width: 600px;
		height: 10px;
		margin: 0;
		padding: 0;
		background: url(graphics/footer_openHouses.gif) no-repeat;
	}

#mainContent {
	width: 600px;
	float: left;
	margin: 10px 20px 10px 20px;
	background: white;
	position: relative;
	display: inline;
}

	#mainContent a {
		color: #276f41; /* medium green */
		text-decoration: underline;
	}

		#mainContent a:hover {
			color: #276f41; /* medium green */
			text-decoration: none;
		}

	#mainContent h1.pageName {
		font-size: 18px;
		color: #276f41; /* medium green */
	}
	
	#mainContent .agentBox {
		float: left;
		width: 129px;
		height: 190px;
		margin: 0;
		padding: 10px 10px 10px 10px;
		background: #B6B19A;  /* light beige */
		border-left: 1px solid white;
		border-bottom: 1px solid white;
	}
	
		#mainContent .image p {
			float: left;
			width: 129px;
			padding: 0;
			margin: 0;
			text-align: center;
		}
		
		#mainContent .image img {
			border: none;	
		}

		#mainContent .textArea {
			float: left;
			width: 129px;
			padding: 10px 0 0 0;
			margin: 0;
			text-align: center;
			font-size: 12px;
		}

#pageSelector,
#pageSelector2 {
	float: left;
	width: 588px;
	color: black;
	background: #CCCCCC;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	border: 1px solid #AAAAAA;
	margin: 0 0 10px 0;
	display: inline;
}

	#pageSelector a,
	#pageSelector2 a {
		color: #276f41; /* medium green */	
		text-decoration: underline;
	}
	
		#pageSelector a:hover,
		#pageSelector2 a:hover {
			color: #276f41; /* medium green */		
			text-decoration: none;
			font-weight: bold;
		}
	
		#pageSelector a.selected,
		#pageSelector2 a.selected{
			color: black;		
			text-decoration: none;
			font-weight: bold;
		}

	#pageSelector .left,
	#pageSelector2 .left {
		float: left;
		width: 250px;
		text-align: left;
	}

	#pageSelector .right,
	#pageSelector2 .right {
		float: right;
		width: 250px;
		text-align: right;
	}

#featuredProperties {
	float: left;
	width: 600px;
	background:url(graphics/background_featuredProperties.gif) repeat-y;
	margin: 10px 0 0 0;
	padding: 0;
	display: inline;
	position: relative;
}
	
	#featuredProperties .moreProperties {
		position: absolute;
		top: 7px;
		right: 260px;
		width: 100px;
		height: 18px;
		color: white;
		text-align:right;
	}

		#featuredProperties .moreProperties a {
			color: white;
		}

		#featuredProperties .moreProperties a:hover {
			color: white;
		}

	#featuredProperties h3 {
		float: left;
		width: 600px;
		height: 30px;
		margin: 0;
		padding: 0;
		background: url(graphics/header_featuredProperties.gif) no-repeat;
	}

	#featuredProperties .featured {
		float: left;
		width: 155px;
		margin: 10px 0 0 20px;
		padding: 0;
		display: inline;
	}
	
		#featuredProperties .featured .image {
			float: left;
			width: 155px;
			margin: 0 0 5px 0;
			padding: 0;
			display: inline;
		}

		#featuredProperties .featured .remarks {
			float: left;
			width: 155px;
			margin: 0;
			padding: 0;
			display: inline;
			font-size: 10px;
			line-height: 11px;
		}

	#featuredProperties .newListing {
		float: left;
		width: 185px;
		margin: 10px 0 0 50px;
		padding: 0;
		display: inline;
	}

		#featuredProperties .newListing .image {
			float: left;
			width: 185px;
			margin: 0 0 5px 0;
			padding: 0;
			display: inline;
		}

		#featuredProperties .newListing .remarks {
			float: left;
			width: 185px;
			margin: 0;
			padding: 0;
			display: inline;
			font-size: 10px;
			line-height: 11px;
		}

	#featuredProperties .price {
		font-size: 14px;
		font-weight: bold;
		color: #CC0000;
		padding-bottom: 5px;
	}
			
	#featuredProperties .footer {
		clear: both;
		float: left;
		width: 600px;
		height: 15px;
		margin: 0;
		padding: 0;
		background: url(graphics/footer_featuredProperties.gif) no-repeat;
	}


#agentProfile {
	float: left;
	width: 600px;
	background: #CCCCCC;
	padding: 0;
	margin: 0 0 10px 0;
	display: inline;
}

	#agentProfile .agentPhoto {
		float: left;
		width: 150px;
		padding: 20px 0 0 20px;
		margin: 0;
		text-align: left;
	}
	
		#agentProfile .agentPhoto p {
			padding: 0;
			margin: 0;
		}
		
		#agentProfile .agentPhoto img {
			padding: 0 0 10px 0;	
		}
	
	#agentProfile .agentDetails {
		float: left;
		width: 380px;
		margin: 10px 0 0 0;
		display: inline;
		padding: 0 10px 20px 20px;
	}

		#agentProfile .agentDetails .specializations {
			float: left;
			width: 380px;
			padding: 0;
			margin: 0 0 10px 0;
			display: inline;
		}

		#agentProfile .agentDetails .listings {
			float: left;
			width: 378px;
			padding: 0;
			margin: 0 0 10px 0;
			display: inline;
			border: 1px solid black;
			background: #276f41; /* medium green */	
		}
			
			#agentProfile .agentDetails .listings h3 {
				float: left;
				width: 368px;
				padding: 5px 5px 5px 5px;
				margin: 0;
				color: black;
				background: #ffcc66; /* gold */	
				font-size: 12px;
			}
		
			#agentProfile .agentDetails .listings a {
				float: left;
				background-color: #276f41; /* medium green */	
				color: white;
				padding: 5px 5px 5px 5px;
				text-decoration: underline;
			}
	
				#agentProfile .agentDetails .listings a:hover {
					background-color: white;
					color: #276f41; /* medium green */	
					text-decoration: none;
				}

	#agentProfile .contactInfo {
		float: left;
		width: 150px;
		padding: 10px 20px 20px 0;
		color: #276f41; /* medium green */	
		text-align: left;
	}

#recentListings {
	width: 600px;
	float: left;
}

	#recentListings p.finePrint {
		font-size: 10px;
		color: #276f41; /* medium green */	
		line-height: 12px;
	}

	#recentListings .navigator {
		width: 595px;
		padding-left: 5px;
		margin-bottom: 5px;
		line-height: 24px;
		background-color: #B6B19A;  /* light beige */	
	}
	
	#recentListings .listingBox {
		width: 598px;
		padding: 0;
		margin: 0 0 10px 0;
		border: 1px solid black;
	}
	
	#recentListings .listingBox .listingTitleBar {
		float: left;
		width: 598px;
		color: white;
		background-color: #B6B19A;  /* light beige */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
	}
	
		#recentListings .listingBox .listingTitleBar .broker {
			float: left;
			width: 390px;
			padding: 3px 0 3px 10px;
		}
		
		#recentListings .listingBox .listingTitleBar .MLS {
			float: right;
			width: 180px;
			padding: 3px 10px 3px 0;
			text-align: right;
		}
	
	#recentListings .listingBox .photo {
		float: left;
		width: 144px;
		padding: 0;
		margin: 10px 10px 10px 10px;
		display: inline;
	}
	
	#recentListings .listingBox .listingBrief {
		float: left;
		width: 420px;
		padding: 0;
		margin: 10px 10px 10px 0;
		display:inline;
	}
	
		#recentListings .listingBox .listingBrief .openHouse {
			float: left;
			width: 400px;
			background: #FFFFAA;
			padding: 10px 10px 10px 10px;
			margin: 0 0 10px 0;
			display: inline;
		}

			#recentListings .listingBox .listingBrief .openHouse h3 {
				color: #CC0000;
				font-size: 12px;
				margin: 0;
				padding: 0 0 5px 0;
			}

			#recentListings .listingBox .listingBrief .openHouse p {
				margin: 0;
				padding: 0 0 3px 0;
			}

		#recentListings .listingBox .listingBrief a.tellMore {
			float: left;
			background-color: #276f41; /* medium green */	
			color: white;
			padding: 3px 3px 3px 3px;
			text-decoration: underline;
			border: 1px solid #276f41; /* medium green */
			margin: 0 5px 0 0;
		}

			#recentListings .listingBox .listingBrief a.tellMore:hover {
				background-color: white;
				color: #276f41; /* medium green */	
				text-decoration: none;
				border: 1px solid #276f41; /* medium green */
			}

		#recentListings .listingBox .listingBrief h4.listingPrice {
			margin: 0 0 5px 0;
			font-size: 16px;
			color: #AAAAAA;
		}

#openHouseListings {
	width: 600px;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	float: left;
	position: relative;
}

	#openHouseListings .mapArea {
		margin: 0;
		padding: 0;
	}

	#openHouseListings h3.dateHeader {
		background-color: #276f41; /* medium green */
		color: white;
		padding: 3px 3px 3px 5px;
		font-size: 12px;
		margin: 0 0 10px 0;
	}
	
	#openHouseListings .listingBox {
		width: 598px;
		padding: 0;
		margin: 0 0 10px 0;
		border: 1px solid black;
	}

		#openHouseListings .listingBox .listingTitleBar {
			float: left;
			width: 598px;
			color: white;
			background-color: #B6B19A;  /* light beige */
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
		}
	
			#openHouseListings .listingBox .listingTitleBar .left {
				float: left;
				width: 190px;
				padding: 3px 0 3px 10px;
			}
			
			#openHouseListings .listingBox .listingTitleBar .right {
				float: right;
				width: 380px;
				padding: 3px 10px 3px 0;
				text-align: right;
			}

	#openHouseListings .listingBox .photo {
		float: left;
		width: 144px;
		padding: 0;
		margin: 10px 10px 10px 10px;
		display: inline;
	}
	
	#openHouseListings .listingBox .listingBrief {
		float: left;
		width: 420px;
		padding: 0;
		margin: 10px 10px 10px 0;
		display:inline;
	}


#propertyListing {
	width: 600px;
	float: left;
}

	#propertyListing .imageWrapper {
		width: 400px;
		float: left;
		margin: 0 20px 10px 0;
		padding: 0;
	}
	
		#propertyListing h4.listingPrice {
			width: 595px;
			margin: 0 0 5px 0;
			padding-left: 5px;
			font-size: 14px;
			background-color: #276f41; /* medium green */
			color: white;
			line-height: 24px;
		}
	
		#propertyListing .imageWrapper .largeImage {
			width: 400px;
			float: left;
			margin: 0;
			padding: 0;
		}
		
		#propertyListing .imageWrapper .thumb {
			width: 98px;
			float: left;
			margin: 0;
			padding: 0;
			border-right-width: 2px;
			border-right-style: solid;
			border-right-color: #FFFFFF;
		}
		
		#propertyListing .imageWrapper .remarks {
			width: 400px;
			float: left;
			margin: 5px 0 10px 0;
			padding: 0;
		}
		
	#propertyListing .details {
		width: 180px;
		float: left;
		margin: 0;
		padding: 0;
	}

		#propertyListing .details a.tellMore {
			float: left;
			background-color: #276f41; /* medium green */	
			color: white;
			padding: 3px 3px 3px 3px;
			text-decoration: underline;
			border: 1px solid #276f41; /* medium green */
			margin: 0 5px 0 0;
		}

			#propertyListing .details a.tellMore:hover {
				background-color: white;
				color: #276f41; /* medium green */	
				text-decoration: none;
				border: 1px solid #276f41; /* medium green */
			}
				
		#propertyListing .details p {
			margin-top: 10px;
			font-size: 1em;
			line-height: 1.1em;
		}
		
		#propertyListing .details table {
			padding: 0;
			margin: 0;
			border-bottom: #CCCCCC solid 1px
		}
					
			#propertyListing .details table td {
				padding: 2px 1px 2px 4px;
				margin: 0;
				font-size: .8em;
				line-height: 1em;
			}

				#propertyListing .details table td.cell1a {
					border-top: #CCCCCC solid 1px;
					border-left: #CCCCCC solid 1px;
				}

				#propertyListing .details table td.cell1b {
					border-top: #CCCCCC solid 1px;
					border-left: #CCCCCC solid 1px;
					border-right: #CCCCCC solid 1px;
				}

#marketGuide {
	float: left;
	width: 600px;
	margin: 0 0 20px 0;
	padding: 0;
	display: inline;
}

	#rowWrapper {
		float: left;
		width: 600px;
		margin: 0;
		padding: 0;
	}

	#marketGuide .property {
		float: left;
		width: 190px;
		margin: 0 0 10px 0;
		padding: 0;
		display: inline;
		background: white;
	}
		
	#marketGuide .propertyDivider {
		float: left;
		width: 15px;
		height: 100px;
		padding: 0;
		margin: 0;
	}

		#marketGuide .property h3 {
			float: left;
			width: 185px;
			height: 16px;
			padding: 3px 0 3px 5px;
			font-size: 12px;
			color: white;
			background: #CC0000;
			margin: 0;
			display: inline;
		}
		
		#marketGuide .property .infoArea {
			float: left;
			width: 190px;
			padding: 5px 0 5px 0;
			font-size: 10px;
			color: black;
			line-height: 12px;
			margin: 0;
		}
	
			#marketGuide .property .infoArea p {
				padding: 0 0 5px 0;
				margin: 0;
			}

			#marketGuide .property .infoArea h4 {
				font-size: 11px;
				color: #CC0000;
			}

#contactForm {
	float: left;
	width: 580px;
	margin: 0 0 20px 0;
	display: inline;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFCC;
}

	#contactForm span.required {
		color: #FF0000;
	}
	
	#contactForm .errorsWrapper {
		float: left;
		width: 580px;
		background-color: #FFFF99;  /* light yellow */
		margin: 0 0 10px 0;
		display: inline;
	}
	
	#contactForm .errors {
		color: #FF0000;
		padding: 10px 10px 10px 10px;
		margin: 0;
	}
	
	#contactForm .category {
		float: left;
		width: 155px;
		padding: 0 0 6px 10px;
	}
	
	#contactForm .content {
		width: 405px;
		float: left;
		padding: 0 0 6px 0;
	}
	
	.formmodule .content p {
		margin: 0 0 5px 0;
	}


#copyright {
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	text-align:center;
}

	#copyright a {
		color: #276f41;
		text-decoration: underline;
	}

	#copyright a:hover {
		color: #276f41;
		text-decoration: none;
	}

#map_canvas {
	width: 600px;
	height: 400px;
}