/* Overwrite Global Css setttings for PageWrapper.  Add gradient */
#PageWrapper {
	overflow-y: hidden;
}

h1 {
	color: #e96524;
	font-size: 22px;
	font-weight: normal;
}

p {
	font-size: 12px;
}

h2 {
	text-transform: uppercase;
	color: #666666;
	font-size: 14px;
}

#HeaderArea {
	position: absolute;
	text-align: left;
	left: 0px;
	width: 748px;
	height: 65px;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#Header {
	margin-left: 30px;
	position: absolute;
	bottom: 5px;
	left: 0px;
	height: auto;
	width: auto;
}

#ContentArea {
	position:absolute;
	text-align: left;
	left: 0px;
	top: 66px;
	width: 688px;
	height: 455px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
	overflow-y: auto;
	overflow-x: hidden;
}

.RegionHeading {
	width: 660px;
	height: 20px;
	margin-left: -17px;
	padding-left: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 2px;
	background-image:url(images/common/Estate-Heading-Background.gif);

}

.EstateHeadingArea {
	width: 680px;
	height: 26px;
}

.EstateHeading {
	padding-left: 20px;
	padding-top: 4px;
	color: white;
	width: 231px;
	height: 22px;
	float: left;
	background-image:url(images/houseland/orangeheading.gif);
	background-repeat: no-repeat;
}


.EstateInfo {
	color: white;
	font-size: 12px;
	width: 142px;
	height: 18px;
	padding-top: 8px;
	text-align: center;
	float: right;
	background-image:url(images/houseland/estateinfobtn.gif);
}

.EstateInfo a {
	text-decoration: none;
	color: white;
}

.EstateInfo a:hover {
	color:#FF9900;
}

.EstateGroupBox {
	width: 678px;
	height: auto;
	border-color: #e96524;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 0px;
	margin-bottom: 50px;
}


.LotHeadingArea {
	width: 100%;
	height: 20px;
	border-bottom-color: #666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}	

.LotHeading {
	float: left;
	color: #e96524;
	font-size: 12px;
	width: 400px;
	padding-left: 22px;
	padding-top: 4px;
	height: 17px;
}

.LotPrice {
	color: #e96524;
	font-size: 12px;
	height: 17px;
	width: auto;
	float: right;
	padding-top: 4px;
	padding-right: 40px;
}

.LotBox {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 144px;
	background-image: url(images/houseland/largegreybox.gif);
	background-repeat: repeat-y;
	padding-top: 2px;
	text-align: left;
	clear: both;
}

.Pic {
	float: left;
	width: 242px;
	height: 138px;
	margin-left: 2px;
	border-width: 2px;
	border-color: white;
	border-style: solid;
}

.Details {
	float: right;
	width: 170px;
	height: 138px;
}



.Details #AreaBox {
	width: 170px;
	height: 20px;
	border-bottom-color: #e96524;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 5px;
}

.Details .Area {
	padding-left: 15px;
	color: #e96524;
	font-size: 14px;
	padding-top: 4px;
}

.Details p {
	margin-bottom: 6px;
	font-size: 11px;
	padding-left: 15px;
}

.Details p.grey {
	color:#666;
	margin-bottom: 5px;
}

.Details a {
	font-weight: bold;
	font-size: 11px;
	color: #e96524;
	padding-left: 14px;
}	




/* stuff specific to design List Page.  */



	

.DesignHeading {
	position: relative;
	width: 300px;
	height: 15px;
	background-image: url(images/ourdesigns/orangeheader.gif);
	padding-left: 20px;
	padding-top: 4px;
}

.DesignHeading a {
	text-decoration: none;
	color: white;
}

.DesignHeading a:hover {
	text-decoration: underline;
	color: white;
}

.DesignHeading h2 {
	font-size: 11px;
	color: white;
}

.DesignBox {
	position: relative;
	width: 598px;
	height: 143px;
	border-width: 1px;
	border-color:#666666;
	border-style: solid;
	background-image:url(images/ourdesigns/HorizontalGradient.png);
	background-repeat: repeat-y;
	margin-bottom: 20px;
}

.DesignDetails {
	float: left;
	width: 237px;
	height: 115px;
	font-size: 11px;
}

.DesignDetails h3 {
	color: black;
	font-size: 11px;
	margin-left: 15px;
	margin-top: 11px;
	margin-bottom:3px;
}

.DesignDetails p {
	color:#666;
	padding-right: 5px;
	font-size: 11px;
	padding-left: 15px;
}

.Price {
	position: absolute;
	top: 120px;
	width: 237px;
	border-top-color: #e96524;
	border-top-style: solid;
	border-top-width: 1px;
}

.MoreInfo {
	position: absolute;
	top: 125px;
	width: 80px;
	left: 430px;
}

.MoreInfo a {
	color: #e96524;
}

.Price p {
	margin-top: 5px;
	color: #e96524;
}
	

.IconBox {
	float: right;
	width: 110px;
	height: 143px;
	background-color: #3f3f3f;
}

.IconTable {
	margin-left: 20px;
	margin-top: 2px;
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 1px;
	color: white;
	height: 140px;
}

table .Icon {
	margin-left: 10px;
	width: 35px;
	text-align: right;
}

table .Number {
	padding-left:10px;
	width: 40px;
	text-align: left;
}

table .Title {
	font-size: 11px;
	text-align: right;
}

table .Text {
	font-size: 11px;
	padding-left: 10px;
	color: #ADADAD;
	text-align: left;
}
	


#RegionGotos {
	position: absolute;
	top: 40px;
	left: 350px;
	width: 450px;
	height: 20px;
}

#RegionGotos ul {
	list-style: none;
}

#RegionGotos li {
	float: left;
	height: 19px;
	background-image:url(images/common/greystrip.gif);
	background-repeat: repeat-x;
	margin-right: 2px;
}

#RegionGotos a {
	float: left;
	width: 60px;
	height: 17px;
	padding-top: 2px;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	color: white;
}

#RegionGotos a:hover {
	background-color:#666666;
}



/* Stuff specific to TK list page  */

.EstateGroupBoxTK {
	position: relative;
	left: 0px;
	top: 0px;
	width: 600px;
	height: auto;
	border-color: #e96524;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 0px;
	margin-bottom: 50px;
}


.EstateHeadingAreaTK {
	width: 602px;
	height: 26px;
}

.TurnKeyBox {
	position: relative;
	left: 0px;
	top: 0px;
	width: 598px;
	height: 143px;
	border-width: 1px;
	border-color:#666666;
	border-style: solid;
	background-image:url(images/ourdesigns/HorizontalGradient.png);
	background-repeat: repeat-y;
}