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


 body.home #pmenu li.home,
 body.properties #pmenu li.properties,
 body.amenities #pmenu li.amenities,
 body.enquiries #pmenu li.enquiries,
 body.whatsnew #pmenu li.whatsnew,
 body.localinfo #pmenu li.localinfo,
 body.maps #pmenu li.maps
 
 {
	background-image: url(../_resources/backgrounds/nav_on_bg.jpg);
	background-repeat:no-repeat;
	height: 37px;
 }


 body.home #pmenu .home a, 
 body.properties #pmenu .properties a,
 body.amenities #pmenu .amenities a,
 body.enquiries #pmenu .enquiries a,
 body.whatsnew #pmenu .whatsnew a,
 body.localinfo #pmenu .localinfo a,
 body.maps #pmenu .maps a
 
 
 {
 	color: #000;
 }


/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {position:relative; padding-top: 113px;width:980px; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;	text-align: center; }

/* Set up the link size, color and borders */	
#pmenu a{display:block;font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; font-size:18px;line-height:39px; text-decoration:none; text-indent:5px;}

/* Set up the list items */
#pmenu li {float:left; font-size:10pt; }

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}

/* Make the hovered list color persist */
#pmenu :hover > a {color: #FFF;}

#pmenu li a{
	color: #fff;
}
#pmenu li a:active{
	color: #000000;
	background-image: url(../_resources/backgrounds/nav_on_bg.jpg);	
}

#pmenu a:hover{
	color: #FFF;
}