@charset "utf-8";
/* CSS Document */


body {
	background-color: #2a4763;
	color: #2a4763;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
* html body {
	/*font-size: 90%;*/
	}
p {
	margin: 13px 0 0 0;
}

#containter {
	width: 946px;
	margin: 0 auto 0 auto;
}



/*   HEADER / NAV   */

#header {
	background-image: url(/images/bg_top.gif);
	background-repeat: no-repeat;
	height: 102px;
}

#header a {
	outline: none;
	text-indent: -9999px;
}

#header .logo_porter {
	width: 235px;
	height: 102px;
	background-image: url(/images/img_porterlogo.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
}

#nav a {
	display: block;
	height: 44px;

}

#nav li {
	float: left;
	list-style: none;
	margin-top: 33px;
/*	height: 44px;*/
	position: relative;
	z-index: 10;
}

	#nav ul li ul {
		float: left;
		position: absolute;
		background-image: url(/images/subnav_overlaybg.jpg);
		left: -999em; /* do not delete */
		z-index: 2000;
		margin: 0;
		padding: 0;
/*		border: 1px solid #00FF00;*/
		}

	#nav ul li:hover ul, #nav ul li.sfHover ul, #nav li ul {
		display: block;
		left: auto;
		margin: 0 auto;
		width: 136px;
		}
	#nav ul li:hover ul, #nav ul li.sfHover ul,	#nav li ul {
		display: block;
		left: auto;
		margin: 0 auto;
		width: 136px;
		}

	#nav ul li ul li {
		float: left;
		display: inline;
		font-size: .95em;
		height: auto;
		white-space: wrap;
		width: 136px;
		text-align: center;
		padding: 0;
		margin: 0;
		}
	#nav ul li ul li a {	
		text-indent: 0;
		float: left;
		display: inline;
		color: #FFFFFF;
		width: 126px;
		font-weight: normal;
		text-decoration: none;
/*		border: 1px solid #FF0000;*/
		height: auto;
		text-align: center;
		border-top: 1px solid #577188;
		padding: 5px 0 5px 0;
		margin: 0 5px 0 5px;
		}

	#nav ul li ul li a:hover {	
		color: #56504e;
		text-decoration: none;
		background: #7eaad4;
		font-weight: normal;
		margin: 0;
		width: 136px;
		}	

#nav li.about {
	width: 74px;
	background-image: url(/images/nav_about.gif);
}

#nav li.homes {
	width: 55px;
	background-image: url(/images/nav_homes.gif);
}

#nav li.displays {
	width: 70px;
	background-image: url(/images/nav_displays.gif);
}

#nav li.houseland {
	width: 114px;
	background-image: url(/images/nav_houseland.gif);
}

#nav li.why {
	width: 134px;
	background-image: url(/images/nav_whyporter.gif);
	background-repeat: no-repeat;	
}

#nav li.services {
	width: 134px;
	background-image: url(/images/nav_finservices.gif);
}

#nav li.contact {
	width: 97px;
	background-image: url(/images/nav_contact.gif);
}

#breadcrumb {
	padding: 5px 0 20px 0;
	font-size: 0.9em;
	color: #6685a4;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#content #breadcrumb a {
	text-decoration: none;
	font-weight: normal;
}


/*   CONTENT   */

#content {
	background-image: url(/images/bg_strip.gif);
	background-repeat: repeat-y;
/*	border: 1px solid #0066FF;*/
	padding: 0;
	margin-right: 0;
	overflow: auto;
	width: 860px;
	padding-left: 63px;
}

#content a, .highlight {
	font-weight: bold;
	color: #0065c7;
}

#content h2 {
	font-size: 1.25em;
}

#content h3 {
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#normalText {
		font-size: 1.1em;
		float: left;
		margin: 10px 50px 20px 0;
		width: 820px;
}

	/*   HOMEPAGE   */

	h3.txt_Welcome {
		width: 580px;
		height: 50px;
		background-image: url(/images/ttl_welcome.gif);
		background-position: -219px 0;
		margin: 11px 0 20px 245px;
		
	}

	.column3_1 {
		width: 220px;
		height: 190px;
		border-bottom: 1px solid #d4dae0;
		padding: 5px 10px 10px 10px;
		margin: 0 35px 0 0;
		float: left;
		display: inline;
	}
	
	.column3_1.noBorder {
		border: none;
	}

	.column3_1 h3 {
		margin: 20px 0 0 0;
	}
	
	.column3_1 h3.txt_OurHomes {
		width: 130px;
		height: 20px;
		background-image: url(/images/subttl_ourhomes.gif); 
		}
	.column3_1 h3.txt_Homes {
		width: 130px;
		height: 20px;
		background-image: url(/images/subttl_ourhomes.gif); 
	}

	.column3_1 h3.txt_DisplayLocations {
		width: 204px;
		height: 24px;
		background-image: url(/images/subttl_displaylocations.gif);
	}

	.column3_1 h3.txt_HouseLand {
		width: 160px;
		height: 49px;
		background-image: url(/images/subtll_houseland.gif);
	}

	.column3_1 h3.txt_HomeBuyersInfoSession {
		width: 196px;
		height: 38px;
		background-image: url(/images/subttl_homebuyerinfosession.gif);
	}

	.column3_1 h3.txt_FirstHomeBuyers {
		width: 168px;
		height: 21px;
		background-image: url(/images/subttl_firsthomebuyers.gif);
	}

	.column3_1 h3.txt_ProHomeBuilder {
		width: 171px;
		height: 57px;
		background-image: url(/images/subttl_probuilder.gif);
	}


	/*   ABOUT   */

	h3.txt_About {
		width: 332px;
		height: 28px;
		background-image: url(/images/ttl_about.gif);
		margin: 0 0 15px 0;
	}

	p.txt_buildingx3 {
		width: 213px;
		height: 56px;
		background-image: url(/images/subttl_buildingx3.gif);
		margin: 13px 0 15px 0;
		text-indent: -9999px;
	}
	
	.column2_1 {
		width: 370px;
		font-size: 1.1em;
		float: left;
		margin: 0 50px 20px 0;
	}


	/*   AWARDS   */

	h3.txt_Awards {
		width: 356px;
		height: 28px;
		background-image: url(/images/ttl_awards.gif);
		margin: 0 0 15px 0;
	}

	p.txt_buildingx3 {
		width: 213px;
		height: 56px;
		background-image: url(/images/subttl_buildingx3.gif);
		margin: 13px 0 15px 0;
		text-indent: -9999px;
	}
	
	.column2_1 {
		width: 370px;
		font-size: 1.1em;
		float: left;
		display: inline;
		margin: 0 50px 20px 0;
	}


	/*  HOUSE & LAND PACKAGES   */

	h3.txt_HouseLand {
		width: 681px;
		height: 35px;
		background-image: url(/images/ttl_houseland.gif);
		margin: 0;
	}

	p.txt_buildingx3 {
		width: 213px;
		height: 56px;
		background-image: url(/images/subttl_buildingx3.gif);
		margin: 13px 0 15px 0;
		text-indent: -9999px;
	}
	
	.column4_1 {
		width: 190px;
		height: 100px;
		font-size: 1.1em;
		line-height: 17px;
		float: left;
		display: inline;
		margin: 0 20px 0 0;
		padding-top: 10px;
		border-bottom: 1px solid #d4dae0;
	}

	.column4_1 .details {
		font-size: 0.9em;
	}

	.noMargin, .noMargin {
		margin-right: 0!important;
	}

	.column4_2 {
		width: 205px;
		line-height: 17px;
		float: left;
		margin: 0 0 0 0;
		padding-top: 10px;
		height: 120px;
		border-bottom: 1px solid #D4DAE0;
	}

	#blueHighlight {
		width: 820px;
		height: 105px;
		background-color: #e9eef4;
		float: left;
	}
	
	
	.row div {margin-left: 0;}

	/*  DISPLAY LOCATIONS   */
	
	h3.txt_DisplayLocation {
		width: 532px;
		height: 34px;
		background-image: url(/images/ttl_displaylocations.gif);
		margin: 0;
	}

	.rangeBar {
		/*width: 245px;*/
		height: 34px;
		background-repeat: no-repeat;
/*		border: 1px solid #33FF00;*/
		display: block;
		margin: 15px 0 0 -30px;
		padding: 3px 0 0 195px;
		color: #FFFFFF;
	}

	.rangeBar h3 {
		display: none;
	}
	
	.rangeBar p {
		margin-top: 0;
		display: inline;
		float: left;
		margin-right: 10px;
		}

	#prestige {
		background-image: url(/images/bar_prestige.gif);
	}

	#lifestyle {
		background-image: url(/images/bar_lifestyle.gif);
	}

	#access {
		background-image: url(/images/bar_access.gif);
	}

	#orangeHighlight {
		background-color: #faeada;
		width: 820px;
		float: left;
		display: inline;
		clear: left;
		overflow: auto;
	}
	.row {overflow: auto;}
	.houseAndLandSection .odd {
		background-color: #E9EEF4;
		overflow: auto;
		float: left;
		clear: left;
	}
	.prestige .odd {
		clear: both;
		width: 820px;
		overflow: auto;
		background-color: #FAEADA;
		/*float: left;*/
	}	
	.lifestyle .odd {
		clear: both;
		width: 820px;
		overflow: auto;
		background-color: #ECF6DF;
	}
	.access .odd {
		clear: both;
		width: 820px;
		overflow: auto;
		background-color: #FDEAE8;
	}
	.prestige .even .coloumn4_2  {
		background-color: #faeada;
		}
	#greenHighlight {
		background-color: #ecf6df;
		clear:left;
		float:left;
		overflow:auto;
		display: inline;
		
	}
	
	#greenHighlight2 {
		background-color: #ecf6df;
		clear:left;
		float:left;
		overflow:auto;
		width: 820px;
	}	

	#redHighlight {
		background-color: #fdeae8;
		clear:left;
		float:left;
		overflow:auto;
	}

	#redHighlight2 {
		background-color: #fdeae8;
		width: 820px;
		clear:left;
		float:left;
		overflow:auto;
	}
	/*   CONTACT   */

	h3.txt_Contact {
		width: 362px;
		height: 28px;
		background-image: url(/images/ttl_contact.gif);
		margin: 0;
	}

	#contactPanel {
		width: 250px;
		float: left;
		display: inline;
		margin-right: 30px;
	}

	#contactPanel.contactPrestige, .contactPrestige {
		background-color: #faeada;
	}

	#contactPanel.contactLifestyle, .contactLifestyle {
		background-color: #ecf6df;
	}

	#contactPanel.contactAccess, .contactAccess  {
		background-color: #fdeae8;
	}

	#rangeBarShort {
		width: /*102px;*/ 245px;
		height: 31px;
		background-repeat: no-repeat;
		display: block;
		margin: 0;
		padding: 3px 5px 0 0; /* 148px;*/
		color: #FFFFFF;
		text-align: right;
	}

	#rangeBarShort h3 {
		display: none;
	}

	.prestigeShort {
		background-image: url(/images/barShort_prestige.gif);
	}

	.lifestyleShort {
		background-image: url(/images/barShort_lifestyle.gif);
	}

	.accessShort {
		background-image: url(/images/barShort_access.gif);
	}

	#column3_2 {
		width: 230px;
/*		height: 109px;*/
		height: 95px;
		font-size: 1.1em;
		line-height: 17px;
		float: left;
		display: inline;
		margin: 0 10px 0 10px;
		padding: 10px 0 0 0;
		border-bottom: 1px solid #d4dae0;

	}

	#column3_2 .details {
		font-size: 0.9em;
	}

	#column3_2.noMargin {
		margin-right: 0;
	}

	#column3_2.noBorder {
		border: none;
	}


	/*   MISC   */
	
	h3.txt_FinOverview {
		width: 488px;
		height: 28px;
		background-image: url(/images/ttl_finoverview.gif);
		margin: 0 0 15px 0;
	}

	h3.txt_whyPorter {
		width: 306px;
		height: 34px;
		background-image: url(/images/ttl_whyporter.gif);
		margin: 0 0 15px 0;
	}

	h3.txt_pddfiference {
		width: 668px;
		height: 28px;
		background-image: url(/images/ttl_pddifference.gif);
		margin: 0 0 15px 0;
	}

	h3.txt_customerService {
		width: 306px;
		height: 28px;
		background-image: url(/images/ttl_customerservice.gif);
		margin: 0 0 15px 0;
	}

	h3.txt_247 {
		width: 442px;
		height: 28px;
		background-image: url(/images/ttl_247.gif);
		margin: 0 0 15px 0;
	}

	h3.txt_hopetoun {
		width: 336px;
		height: 34px;
		background-image: url(/images/ttl_hopetoun.gif);
		margin: 0 0 15px 0;
	}

	h3.txt_rewards {
		width: 260px;
		height: 28px;
		background-image: url(/images/ttl_rewards.gif);
		margin: 0 0 15px 0;
	}

	h3.txt_careers {
		width: 406px;
		height: 28px;
		background-image: url(/images/ttl_careers.gif);
		margin: 0 0 15px 0;
	}

	h3.txt_infoSession {
		width: 668px;
		height: 34px;
		background-image: url(/images/ttl_homebuyerinfosession.gif);
		margin: 0 0 15px 0;
	}

	h3.txt_firstHomeBuyers {
		width: 320px;
		height: 34px;
		background-image: url(/images/ttl_firsthomebuyers.gif);
		margin: 0 0 15px 0;
	}

	h3.txt_PorterHomes {
		width: 630px;
		height: 40px;
		background-image: url(/images/ttl_welcome.gif);
		background-position: -219px 0;
		margin: 0 0 15px 0;
		background-repeat: no-repeat;
	}
  h3.txt_PorterDisplayHomes {
		width: 630px;
		height: 40px;
		background-image: url(/images/ttl_display.gif);
		background-position: 0 0;
		margin: 0 0 15px 0;
		background-repeat: no-repeat;
	}



	.disclaimer {
		font-size: 11px;
	}




/*   FOOTER   */

#footer {
	color: #8f8f8f;
	text-align: center;
	background-image: url(/images/bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #2a4763;
	width: 946px;
	padding: 30px 0 0 0;
}

#footer a {
	color: #FFFFFF;
}

#footerEnquiry {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #d4dae0;
	width: 820px;
	margin-top: 10px;
	padding-top: 10px;
}