/* Developed by Warners Group Publications plc Internet Development Team
started on 2007/01/11

Colours:
veryLightGreen nearly cream: #f3f4e1
lightGreen: #f0f0cc
midGreen: #d1d15e
darkGreen: #005329
hpcBrown: #ae934e
black: #000000
white: #ffffff

Fonts used:
Verdana, Geneva, Arial, Helvetica, sans-serif;

*/
/*start initialization*/
* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



html{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}

body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	font-size:66%;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	
	text-align:center;
	
	background-color:#efefef;
	font-weight: normal;
	line-height: 125%;
}

html>body{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 11px;
}

#content a{
	color:#005329;
	font-weight:bold;
	text-decoration:none;
}

#content a:hover{
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
}


.galleryLink, .compareLink, .houseLink, .sitemapLink, .tourLink{
	clear:both;
	background-position:top left;
	background-repeat:no-repeat;
}

.galleryLink{
	padding-left:15px;
	background-image:url(../images/standing/gallery.gif);
}

.compareLink{
	padding-left:15px;
	background-image:url(../images/standing/compare.gif);
}

.houseLink{
	padding-left:15px;
	background-image:url(../images/standing/house.gif);
}

.sitemapLink{
	height:22px;
	padding-left:22px;
	background-image:url(../images/standing/sitemap.gif);
}

.tourLink{
	padding-left:15px;
	background-image:url(../images/standing/tour.gif);
}

h2 {
	font-size:160%;
	margin:0 0 0.5em;
	font-weight:bold;
}

h3{
	margin:0 0 0.4em;
	font-size:130%;
}

p { 
	text-align:left;
	line-height:1.5;
	margin-bottom:1.5em;
	padding:0px;
	margin-left:0px;
}

.boxItem .notLinked{
	color:#669900;
}

.boxItem p{
	margin-left:1em;
}

div#container {
	text-align:left;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:768px;
	min-width:768px;
	max-width:768px;
	background:#f0f0cc;
	border-width: 0px 2px;
	border-style:solid;
	border-color:#005329;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	border-top:2px solid #005329;
	margin-right:0;
	min-height:100px;
	height:100px;
	background-color:#CCCCCC;
	margin-bottom:5px;
}


h1{
	margin:0px;
	float:right;
	width:141px;
	height:100px;
	display:block;
	background-image:url(../images/standing/hpc-logo.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9000px;

}

h1 a{
	display:block;
	height:100px;
}

h4{
	font-size:120%;
	font-weight:bold;
}

div#content {

	padding:1em 1em 6em; /* bottom padding for footer */
	vertical-align:top;
}


div#footer {
	font-size:smaller;
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	margin:0;
}
	div#footer p {
		padding:4px 16px;
		margin:0;
	}
	
div#footer1{
	width:100%;
	background-color:#d1d15e;
}

div#footer2{
	width:100%;
	background-color:#005329;
	color:#FFFFFF;
}

div#footer2 a{
	color:#FFFFFF;
	text-decoration:none;
}

div#footer2 a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}


div#navHolder{
	width:100%;
	margin:auto;
	font-size:120%;
	font-weight:bold;
	background-color:#d1d15e;
	background-image:url(../images/standing/mid-green-grad.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#FFFFFF;
}

div#navHolder ul{
	width:100%;
	text-align:center;
	list-style-type:none;
	display:block;
	padding:5px 0px 5px 0px;
}

div#navHolder ul li{
	display:inline;
}

div#navHolder ul li a{
	padding:6px 24px;
	color:#005329;
	text-decoration:none;
	padding:.3em 2em;
}

div#navHolder ul li a:hover, #home #homeNav a, #links #linksNav a, #developments #devNav a, #sitesOverview #devNav a, #sitesMap #devNav a, #sitesAvailability #devNav a, #sitesMap #devNav a, #viewProperty #devNav a, #tours #tourNav a, #gallery #galleryNav a, #contact #contactNav a, #admin #adminNav a, #adminAvailability #availabilityNav a, #adminLogout #logoutNav a{
	background-color: #005329;
	color:#ffffff;
	text-decoration:none;
	background-image:url(../images/standing/dark-green-grad.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#home #homeNav a, #links #linksNav a, #developments #devNav a, #sitesAvailability #devNav a, #tours #tourNav a, #gallery #galleryNav a, #contact #contactNav a, #admin #adminNav a, #adminAvailability #availabilityNav a, #adminLogout #logoutNav a{
	cursor:default;
}
/*end initialization*/

/*start homew*/
#home #secondary{
	margin-top:30px;
	width:100%;
	text-align:center;
}

#home #secondary .boxItem{
	text-align:left;
	float:left;
	width:200px;
	border:1px solid #d1d15e;
	background-color:#FFFFFF;
	background-image:url(../images/standing/hpc-flag-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	min-height:200px;
	height:222px;
	margin-left:69px;
}


#home #secondary .first{
	margin-left:0px;
}
/*end home*/

/*start header*/
#header{
	background-image:url(../images/standing/header-houses.jpg);
	background-position:left bottom;
}


/*#home #header{
	background-image:url(../images/standing/header-home.jpg);
}

#links #header{
	background-image:url(../images/standing/header-about.jpg);
}

#developments #header{
	background-image:url(../images/standing/header-developments.jpg);
}

.boston #header{
	background-image:url(../images/standing/header-boston.jpg);
}

.grantham #header{
	background-image:url(../images/standing/header-grantham.jpg);
	background-position:left bottom;
}*/

#admin #header, #adminAvailability #header, #adminLogin #header, #adminLogout #header{
	background-image:url(../images/standing/header-general.jpg);
}

#home .rightImage, #about .rightImage{
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}

#about .rightImage img{
	margin-bottom:16px;
}
/*end hreader*/

/*start develpments*/
#developments #primary{
	width:521px;
	float:left;
}

#developments #primary img{
	border:1px solid #d1d15e;
}

#developments #secondary{
	width:210px;
	float:right;
}

#developments #secondary .boxItem{
	text-align:left;
	float:left;
	width:200px;
	border:1px solid #d1d15e;
	margin-bottom: 16px;
	min-height:175px;
}
/*end developments*/

/*start sitesOverview*/
#sitesOverview #primary{
	float:left;
	width:521px;
}

#sitesOverview #primary .middleImage{
	margin:0px 6px;
}

#sitesOverview #primary .copy{
	margin-top:20px;
}

#sitesOverview #secondary{
	margin-left:15px;
	float:left;
}

#sitesOverview #secondary .boxItem, #sitesMap #secondary .boxItem{
	text-align:left;
	width:201px;
	border:1px solid #d1d15e;
	min-height:137px;
}

#sitesOverview #secondary img{
	margin-top:20px;
}

#sitesOverview #secondary a img{
	border:0;
}


/*end sitesOverview*/

/*start viewProperty*/
#viewProperty #primary{
	float:left;
	width: 439px;
}

#viewProperty #secondary{
	float:right;
	width: 300px;
}

#viewProperty #secondary .boxItem{
	margin-left:15px;
	float:right;
	width: 260px;
	border: 1px solid #d1d15e;
	text-align:center;
}

#viewProperty #secondary .boxItem h4{
	text-align:left;
}

#viewProperty #secondary .boxItem table{
	text-align:left;
	margin:auto;
	width:95%;
}

#viewProperty #housePhoto{
float: right;
margin-bottom: 10px;
margin-right:2px;
border:1px solid #000;
}

#viewProperty #primary img{
margin-left: 70px;
}


#compareProperty #primary{
	float:left;
	width: 736px;
}

#tableCompareProperty{
	width: 736px;
	border-bottom-color: #005329;
	border-right-color: #005329;
	border-top-color: #005329;
	border-top-style: solid;
	border-right-style: solid;
	/*border-left-style: solid;
	border-left-color: #005329;
	border-left-width: 1px;*/
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	background-color: #f3f4e1;
}

#tableCompareProperty thead{
	margin: auto;
}

#tableCompareProperty thead th{
	font-size: smaller;
	text-align: center;
	border-left-color: #005329;
	border-left-style: solid;
	border-left-width: 1px;		
}

#tableCompareProperty tfoot th{
	font-size: smaller;
	text-align: center;
	border-left-color: #005329;
	border-left-style: solid;
	border-left-width: 1px;		
}

#tableCompareProperty tbody th{
	font-size: smaller;
	padding-left: 2px;
	border-left-color: #005329;
	border-left-style: solid;
	border-left-width: 1px;		
}

#tableCompareProperty .oddRow{
	background-color: #d1d15e;
}

#tableCompareProperty td{
	padding-top: 2px;
	padding-bottom: 2px;
	border-left-color: #005329;
	border-left-style: solid;
	border-left-width: 1px;		
}
#tableCompareProperty caption{
	padding-top: 2px;
	padding-bottom: 10px;
	font-size: larger;
	font-weight: bolder;
	text-align:left;	
}



/*end viewProperty*/

/*start sitesMap*/
#sitesMap #secondary{
	margin-top:20px;
}

#sitesMap #secondary .copy{
	width:290px;
	float:left;
	background-color:#d1d15e;
	padding:5px 5px 0px 5px;
	margin-right:15px;
	min-height:200px;
}

#sitesMap #secondary .copy ul{
	list-style-type:none;
	margin-bottom:1em;
}

#sitesMap #secondary .copy li{
	line-height:150%;
	margin-left:2em;
}

#sitesMap #secondary .copy img{
	vertical-align:text-bottom;
	border:1px solid #fff;
	margin-right:5px;
}

#sitesMap #secondary .copy .availabilityList img{
	border:0px;
	margin:5px 5px 0px 0px;
}

#sitesMap #secondary .boxItem{
	float:right;
	min-height:200px;
}

#sitesMap #primary .sitemapImage{
	z-index:20;
	position:relative;
}

#sitesMap #primary .houseNum{
	z-index:100;
	float:left;
	position:absolute;
	font-size:smaller;
	color:#fff;
	width:15px;
	height:15px;
	text-align:center;
}

#sitesMap #primary .houseNum a{
	display:block;
	width:15px;
	height:15px;
	min-width:15px;
	min-height:15px;
	text-decoration:none;
	color:#FFFFFF;
}

.portrait #primary{
	width:520px;
	float:left;
}

.portrait #secondary{
	width:200px;
	float:right;
}
	.portrait #secondary .boxItem{
		margin: 10px 0px;
	}
	.portrait #container #content #secondary .copy{
		width:190px;
	}
/*end siteMap*/

/* Start tours */

#tours #primary img{
	float:left;
	width:232px;
	height:150px;
	margin-left:20px;
	z-index:90;
	position:relative;
	margin-bottom:20px;
	border:0;
}

#tours #primary .first img{
	margin-left:0px;
}

#tours #primary .caption{
	color:#FFFFFF;
	font-weight:bold;
	position:relative;
	z-index:100;
	float:left;
}

#tours #primary .caption a{
	color:#FFFFFF;
	border-bottom:0;
	text-decoration:none;
}

#tours .tourObject, #tours .tourObject p{
	margin:15px auto;
	text-align:center;
}

.vidPage #secondary .boxItem{
	text-align:left;
	float:left;
	width:200px;
	border:1px solid #d1d15e;
	background-color:#FFFFFF;
	min-height:200px;
	height:200px;
	margin-left:69px;
}

.vidPage #secondary .first{
	margin-left:0px;
}

/* end tours */

/*start gallery*/
.galleryHome #primary{
	float:left;
	width:521px;
}

#gallery #primary{
	padding:0px;
	margin-left:0px;
}

#gallery #primary h2{
	width:100%;
	background-color:#d1d15e;
	color:#005329;
	height:25px;
	margin-bottom:1em;
	font-size:130%;
	background-image:url(../images/standing/mid-green-grad.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#gallery #primary h2 span{
	background-image:url(../images/standing/h4-button.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:5px;
	display:block;
	position:absolute;
	margin-top:-3px;
	height:30px;
	min-height:30px;
	padding-left:45px;
	margin-left:-10px;
}

#gallery #primary img{
	float:left;
	/*width:232px;
	height:554px;*/
	margin-left:20px;
	z-index:90;
	position:relative;
	margin-bottom:20px;
	border:0px;
}

#galleryIndex #primary img{
	float:left;
	/*width:232px;
	height:554px;*/
	/*margin-left:20px;*/
	z-index:90;
	position:relative;
	margin-bottom:20px;
	border:0px;
}


#gallery #primary .first img{
	margin-left:0px;
}

#gallery #primary .caption{
	color:#FFFFFF;
	font-weight:bold;
	position:relative;
	z-index:100;
	float:left;
}

#galleryIndex #primary .caption{
	color:#FFFFFF;
	font-weight:bold;
	position:relative;
	z-index:100;
	float:left;

}

#galleryIndex #primary .caption a{
	color:#FFFFFF;
	border-bottom:0;
	text-decoration:none;
}

#galleryIndex #primary .bottomright{
	width:116px;
	text-align:right;
	margin-left:0px;
	margin-top:-34px;
	margin-bottom:20px;
}


#gallery #primary .caption a{
	color:#FFFFFF;
	border-bottom:0;
	text-decoration:none;
}



.galleryHome #secondary{
	width:210px;
	float:right;
}

.galleryHome #secondary .boxItem{
	width:200px;
	margin-bottom: 16px;
}

.inner #secondary{
	float:left;
	clear:both;
}

/*end gallery*/


.topleft{
	margin-left:-230px;
}

.topright{
	width:230px;
	text-align:right;
	margin-left:-232px;
}

.bottomleft{
	margin-left:-230px;
	margin-top:135px;
}

.bottomright{
	width:230px;
	text-align:right;
	margin-left:-232px;
	margin-top:133px;
}

#tours #primary h2{
	width:100%;
	background-color:#d1d15e;
	color:#005329;
	height:25px;
	margin-bottom:1em;
	font-size:130%;
}

#tours #primary h2 span{
	background-image:url(../images/standing/h4-button.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:5px;
	display:block;
	position:absolute;
	margin-top:-3px;
	height:30px;
	min-height:30px;
	padding-left:45px;
	margin-left:-10px;
}

#contact #primary{
	float:left;
	width:521px;
}

#contact #secondary{
	vertical-align:top;
	float:right;
	width:210px;
}

#contact #secondary{
	text-align:center;
}

#contact #secondary .boxItem{
	width:200px;
	text-align:left;
	border:1px solid #d1d15e;
	min-height:200px;
	margin-bottom:15px;
}


#contact #primary h2{
	width:100%;
	background-color:#d1d15e;
	color:#005329;
	height:25px;
	margin-bottom:1em;
	font-size:130%;
	background-image:url(../images/standing/mid-green-grad.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#contact #primary h2 span{
	background-image:url(../images/standing/h4-button.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:5px;
	display:block;
	position:absolute;
	margin-top:-3px;
	height:30px;
	min-height:30px;
	padding-left:45px;
	margin-left:-10px;
}



#adminLogin #secondary .boxItem{
	width:50%;
	margin:auto;
	text-align:left;
}

.boxItem h4{
	width:100%;
	background-color:#d1d15e;
	background-image:url(../images/standing/mid-green-grad.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#005329;
	height:25px;
	margin-bottom:1em;
}

.lowerLinks{
	clear:both;
	padding-top:1em;
	padding-bottom:0;
}

#secondary .lowerLinks{
	margin-left:38px;
	width:250px;
}

#secondary .boxItem{
	text-align:left;
	border:1px solid #d1d15e;
	min-height:200px;
}

.boxItem h4 span{
	background-image:url(../images/standing/h4-button.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:5px;
	display:block;
	position:absolute;
	margin-top:-3px;
	height:30px;
	min-height:30px;
	padding-left:30px;
	margin-left:-10px;
}

.boxItem{
	background-color:#f3f4e1;
	padding-bottom:1em;
}

.boxItem p{
	clear:both;
	margin-bottom:0;
}

.boxItem ul{
	list-style-type:none;
	margin: .5em 0em 1em 1em;
}

.boxItem ul li a{
	color:#005329;
	text-decoration:none;
	font-weight:bold;
}

.boxItem ul li a:hover{
	color:#000000;
	text-decoration:underline;
}

.clear{
	clear:both;
	height:1px;
	padding:0;
	margin:0;
}

.bodyText{
	font-weight: normal;
	line-height: 15px;	
}

.formText{
	font-size:smaller;
}

h1, h2, h3, h4, h5, h6 {
	color: #005329;
}

.small{
	font-size:smaller;
}

a[href$=".pdf"]{
	background:url(../images/standing/mini-pdf-icon.gif) no-repeat right top;
	padding-right:15px;
}

a[href$=".xml"]{
	background:url(../images/standing/rss-icon.gif) no-repeat right top;
	padding-right:15px;
}

#boxItemSpecMetric{
display: none;
}

.boxItem table{
max-width:90%;
font-size: smaller;
margin: auto;
}

#propertyDescription{
	border: none 1px;
	width: 249px;
	float: right;
}

#propertyDescription p{
margin-bottom: 10px;
}

#propertyDescription p:first-child{
margin-bottom: 0px;
font-weight: bold;
}

#sold{
color:#CC0000;
font-weight:bold;
padding-left: 20px;
background-image:url(../images/standing/redFlag.gif);
background-position:left;
background-repeat:no-repeat;
margin-bottom: 15px;
}
#reserved{
color:#D7982C;
font-weight:bold;
padding-left: 20px;
background-image:url(../images/standing/orangeFlag.gif);
background-position:left;
background-repeat:no-repeat;
margin-bottom: 15px;
}

#available{
color:#009900;
font-weight:bold;
padding-left: 20px;
background-image:url(../images/standing/greenFlag.gif);
background-position:left;
background-repeat:no-repeat;
margin-bottom: 15px;
}

/* start admin area */
#admin #secondary{
	margin-top:30px;
	width:100%;
	text-align:center;
}

#admin #secondary .boxItem{
	text-align:left;
	float:left;
	width:200px;
	border:1px solid #d1d15e;
	background-color:#FFFFFF;
	background-image:url(../images/standing/hpc-flag-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	min-height:200px;
	height:200px;
	margin-left:69px;
}

#admin #secondary .first{
	margin-left:0px;
}

#contact #primary li{
margin-left: 20px;
}

#adminFooter{
	text-align:right;
	padding:4px 10px;
}

#adminFooter img{
	border:0;
	vertical-align:middle;
	padding-bottom:6px;
}

#admin .boxItem form{
	text-align:center;
}

#admin .boxItem form .button{
	margin:.5em;
}

.red{
	color:#CC0000;
}

.green{
	color:#006600;
}
/* end admin area */

.button{
	background:url(../images/standing/buttongrad.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#005329;
	font-weight:bolder;
	color:#ffffff;
	border:1px solid;
   border-top-color:#d1d15e;
  	border-left-color:#d1d15e;
   border-right-color:#005329;
   border-bottom-color:#005329;
	margin-bottom:2px;
	padding:3px;
	}
	
/* Links page */

#links a img{
	border:0;
}

#links .linkItem{
	float:left;
	width:49%;
	height:10em;
	text-align:center;
}

/*End Links Page */

/*midGreen: #d1d15e
darkGreen: #005329*/




/*
code example:
<a class="toolTip" href="" onclick="return false;"><img src="../common/pix/information.gif" width="16" height="16" alt="More Info"><span><b>HEADING:</b><br>Explanatory text</span></a>
*/

a.toolTip img{
	border:0;
}

a.toolTip {
	position:relative;
	vertical-align:text-bottom;
	cursor:help;
}

a.toolTip:hover {
	border: none;
	text-decoration:none;
}


a.toolTip span { 	
	display: none; 
	width:180px;
	border:1px solid gray;
	background-color:#FFFFCC;
	color:#333333;
	z-index: 999;
	position:absolute;
	padding: 4px;
	left: 0px;
	top: 20px;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
}

a.toolTip>span { 	
	top: 12px;
	text-decoration:none;
}

a.toolTip span strong {
	display: block;
	font-size:11px;
	padding:2px 0px;
	text-decoration:none;
}

a.toolTip:hover span {
	display: block;
	border:1px solid gray;
	text-decoration:none;
}


.compulsory
{
background-image: url(../pix/standing/compulsory.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left:10px;
}

.spechead{
	color:#FFFFFF;
	background-color: #005329;
	font-weight: bold;
	text-transform:uppercase;
	padding-left:.25em;
}

#galleryWrapper .galleryImage{
float: left;
width: 130px;
}


#galleryIndex #galleryWrapper .galleryImage{
float: left;
width: 129px;
}


/*.galleryImage img{
	width:116px;
	height:75px;
	margin-left:0px;
	background-color:red;
}*/