/*----------------------------------------------------------------------------
Page-Specific Style Sheet

details:  Controls the styling of classes and IDs referenced infrequently or
					across a single page thorought a website.

ToC:      1 - Home
          2 - Areas
          3 - For Sale
          4 - Register
          5 - Contact Request
          6 - Property Info
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
  ~1 - Home
----------------------------------------------------------------------------*/

.threeCol, .twoCol {
	border-left: 16px solid #F2F2F4;
	border-right: 16px solid #F2F2F4;
	margin-top: 20px;
}

.threeCol { background: url(../images/boxes/three-col-bg.gif) repeat-y }
.twoCol   { background: url(../images/boxes/two-col-bg.gif) repeat-y }

	.threeCol .item, .twoCol .item {
		background: #E3E3E7 url(../images/logo/icon.gif) no-repeat 164px 10px;
		border-top: 15px solid #F2F2F4;
		display: inline;
		float: left;
		margin-right: 48px;
	}

		.threeCol .item h3, .twoCol .item h3 {
			background-repeat: no-repeat;
			height: 29px;
			margin: margin: 0 0 8px 0;
			overflow: hidden;
			text-indent: -1000em;
		}
	
		.threeCol .item, .twoCol .item {
			padding: 10px 10px 4px;
			width: 164px;
		}
	
		.threeCol .item .propertyImg, .twoCol .item .propertyImg {
			border: 1px solid #FFF;
			margin: 0 0 10px 2px;
			width:  158px;
		}
			 .propertyImg {
			border: 1px solid #FFF;
			margin: 0 0 10px 2px;
			width:  150px;
		}
		
		.threeCol .item .propertyTypes { margin: 0 0 7px 20px }
	
	.featured      h3 { background-image: url(../images/headings/featured.gif) }
	#forSale       h3 { background-image: url(../images/headings/for-sale.gif) }
	#searchCompact h3 { background-image: url(../images/headings/search.gif) }
	#toLet         h3 { background-image: url(../images/headings/to-let.gif) }

	.threeCol .featured, .twoCol .featured { margin-right: 0 }
	
#aboutUs {
	width: 158px;
	margin: 16px;
	padding: 10px;
	height: 479px;
	background: #E3E3E7 url(../images/logo/icon.gif) no-repeat 160px 10px;
	}

	#aboutUs p {
		line-height: 1.55em;
		margin-bottom: 9px;
	}

.threeColBottom, .twoColBottom {
	background: #F2F2F4 url(../images/boxes/three-col-bottom-bg.gif) repeat-y top center;
	clear: both;
	display: block;
	height: 16px;
	overflow: hidden;
	margin-bottom: 20px;
	width: 680px;
}

.twoColBottom { background: #F2F2F4 url(../images/boxes/two-col-bottom-bg.gif) repeat-y 448px 0 }



/*----------------------------------------------------------------------------
  ~2 - Areas
----------------------------------------------------------------------------*/

#areasList {
	clear: both;
	font-size: 1.45em;
	font-weight: bold;
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

	#areasList * { color: #818492 }
	
	#areasList a, #areasList li {	margin-right: 10px }
	
	#areasList a:hover, #areasList a.current { color: #0071BB }
	
	#areasList li { float: left }
	
#areasImg {
	border: 4px solid #FFF;
	float: left;
	margin: 0 15px 10px 0;
}



/*----------------------------------------------------------------------------
  ~3 - For Sale
----------------------------------------------------------------------------*/

body#forSale #primaryContent, body#toLet #primaryContent { padding-top: 20px }

#pageInfo { margin-top: 25px }

	#pageInfo p {
		float: left;
		padding-bottom: 10px;
		margin: 0;
	}

	#pageInfo #pageNumbers {
		float: right;
		padding: 0;
	}

	#pageNumbers a {
		background-color: #0071BC;
		border: 1px solid #000;
		color: #FFF;
		font-weight: bold;
		margin: 0 1px 1px 0;
		padding: 0 5px;
		text-decoration: none;
	}
	
		#pageNumbers a:hover { background-color: #4396CE }
			
		#pageNumbers a.current, #pageNumbers a.current:hover {
			background-color: #FFF;
			color: #0071BC;
			cursor: default;
		}
		
		#pageNumbers a.next { margin: 0 }

#listingControls, .propertyListing {
	background-color: #F2F2F4;
	padding: 15px;
}

	
	#listingControls li {
		float: left;
		width: 410px;
	}
	
	#listingControls li.r {
		float: right;
		text-align: right;
		width: 200px;
	}

.propertyListing { margin-top: 20px }

.propertyInfo {
	color: #818492;
	font-size: 1.4em;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0 0 15px;
}

	.propertyInfo li {
		float: left;
		margin-right: 15px;
	}
	
	.propertyListing img {
		border: 1px solid #89949A;
		display: block;
	}
	
	.propertyListing img, .propertyDesc { float: left	}
	
 .propertyDesc {
	background-color: #DCDCE1;
	float: right;
	overflow: hidden;
	padding: 10px 10px 0;
	width: 450px;
}
	
	.propertyDesc p { margin-bottom: 10px }



/*----------------------------------------------------------------------------
  ~4 - Register
----------------------------------------------------------------------------*/

#registerForm fieldset {
	border-bottom: 1px solid #7D7D80;
	margin-top: 30px;
}

	#registerForm li.blank {
		height: 2em;
		visibility: hidden;
	}

#registerForm ol { margin-bottom: 20px }

#registerForm ol.l, #registerForm ol.r {
	float: left;
	width: 275px;
}

		#registerForm ol.r { float: right }

		#areaRequirements ol.l { width: 230px }
		
		
		#areaRequirements ol.r { width: 330px }
			
		
			#areaRequirements ol.r textarea {
				float: right;
				width: 180px;
			}


	

/*----------------------------------------------------------------------------
  ~5 - Contact Request
----------------------------------------------------------------------------*/

#contactRequestForm ol { margin-top: 30px }



/*----------------------------------------------------------------------------
  ~6 - Property Info
----------------------------------------------------------------------------*/

body#property #primaryContent { padding: 0 }

body#property #search { margin-left: 40px }

#propertySummary { margin: 0 40px 20px 40px }

	#propertySummary img {
		border: 1px solid #000;
		float: left;
		margin-bottom: 14px;
	}
	
	#propertySummary h1, #propertySummary h2 { margin-bottom: 5px }
	#propertySummary h3 {
		font-weight: 400;
		margin-bottom: 15px;
	}
	
	#propertySummary div {
		float: right;
		width: 325px;
	}

#propertyNav {

}

ul#propertyNav, ul#propertyNav li, ul#propertyNav a { height: 26px }

	ul#propertyNav li { margin: 0 0px 0 0px; }
	
	ul#propertyNav a { padding: 0 }
	
		ul#propertyNav a:hover { background-position: bottom }

ul#pNavContact { margin: 0 }

	li#pNavBack    a { background-image: url(../images/property/nav/back.gif); width: 47px; }
	li#pNavHome    a { background-image: url(../images/property/nav/home.gif); width: 53px }
	li#pNavPlan   a { background-image: url(../images/property/nav/plan.gif); width: 89px }
	li#pNavView    a { background-image: url(../images/property/nav/view-location.gif); width: 109px; }
	li#pNavAerial  a { background-image: url(../images/property/nav/aerial-photo.gif); width: 101px; }
	li#pNavLocal   a { background-image: url(../images/property/nav/local-info.gif); width: 89px; }
	li#pNavPrint   a { background-image: url(../images/property/nav/print-details.gif); width: 100px; }
	li#pNavContact a { background-image: url(../images/property/nav/contact-agent.gif); width: 108px; }

#propertyFinerInfo { margin: 0 40px }
	
	#propertyFinerInfo li { margin-bottom: 0 }
	
#propertyImages {
	list-style: none;
	margin: 0;
	padding: 0 0 15px;
}

	#propertyImages li {
		display: inline;
		padding-right: 8px;
	}
	
	#propertyImages img { border: 1px solid black }

#propertyFeatures {
	float: left;
	width: 225px;
	margin-right: 10px;
}

#contactInfo {
	color: #9396A2;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

	#contactInfo h4 {
		margin-bottom: 4px;
		text-transform: uppercase;
	}

	#propertyFinerInfo .notice {
		clear: both;
		color: #9395A2;
		font-size: 0.91em;
		padding-top: 10px;
	}
	
		#propertyFinerInfo .notice h5 {
			margin-bottom: 3px;
			text-transform: uppercase;
		}
		
#homeContain{
	float: left;
	width: 680px;
	margin: 21px 0px 21px 0px;
}
#LeftCol{

	float: left;
	width: 468px;
}
#RightCol{
		background-color: #f2f2f4;
		float: left;
	width: 212px;
}
#forSaleFrontCon{
	background-color: #f2f2f4;
	float: left;
	width: 212px;
	height: 255px;
}
.forSaleFrontCon{
	background-color: #f2f2f4;
	float: left;
	width: 212px;
	height: 255px;
	margin: 0px 21px 0px 0px;
}
#toLetFrontCon{
	background-color: #f2f2f4;
	float: left;
	width: 212px;
	height: 255px;
	margin: 0px 0px 0px 21px;
}
.forSaleFront{
	background-color: #e2e2e6;
	float: left;
	width: 158px;
	margin: 16px;
	padding: 10px;
	height: 205px;
	background: #E3E3E7 url(../images/logo/icon.gif) no-repeat 160px 10px;
}
#forSaleFront{
	background-color: #e2e2e6;
	float: left;
	width: 158px;
	margin: 16px;
	padding: 10px;
	height: 205px;
	background: #E3E3E7 url(../images/logo/icon.gif) no-repeat 160px 10px;
}
#toLetFront{
	background-color: #e2e2e6;
	float: left;
	width: 158px;
	margin: 16px;
	padding: 10px;
	height: 205px;
	background: #E3E3E7 url(../images/logo/icon.gif) no-repeat 160px 10px;
}
.propertyTypes, .propertyTypes2{
	margin: 10px 0px 10px 0px;
}
#divLineFront{
	width: 468px;
	float: left;
	height: 21px;
}