/* author Graham Ayre */
body {text-align:center; margin: 24px 0px 20px 0px; padding: 0px; background-color: #C4E8A1; background-image: url(bkg_shade.gif); background-repeat: no-repeat; background-position: center top;}
ul, li {margin:0px;padding:0px;}
img {border:0px;}
.hide {display:none;}
a:link, a:visited, a:active{text-decoration: none;}
a:hover {text-decoration: none;}
#container{ 
	display:block;
	width:864px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border:10px solid #fff;
	background-color: #ccc;
}
#header{
	display:block;
	width:864px;
	height:81px;
	font-size:0.7em;
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header img{
	float:left;
}
#header ul{
	display:inline;
	float:right;
	list-style-type: none;
	width:81px;
	text-align:center;
}
#header li{display:inline;}
#header li a{
	margin:0px 0px 10px 10px;
	width:71px;
	height:71px;
	color: #fff;
	display:block;
}
#header span{
	margin:0px 0px 10px 10px;
	width:71px;
	height:71px;
	display:block;
}
/* about button */
#aboutbutn span{
	color:#44829E;
	border:1px solid #44829E;
	line-height:68px;
}
#aboutbutn li a{
	border:1px solid #44829E;
	line-height:68px;
}
#aboutbutn li a:link, #aboutbutn li a:visited, #aboutbutn li a:active{
	background-color:#44829E;
}
#aboutbutn li a:hover {background-color:#5C9AB6;}
/* area button */
#areabutn span{
	color:#78A689;
	border:1px solid #78A689;
	line-height:68px;
}
#areabutn li a{
	border:1px solid #78A689;
	line-height:68px;
}
#areabutn li a:link, #areabutn li a:visited, #areabutn li a:active{
	background-color:#78A689;
}
#areabutn li a:hover {background-color:#94BEA4;}
/* newproperty button */
html[xmlns] #newbutn span{ padding-top:20px; height:51px;}
html[xmlns] #newbutn li a{ padding-top:20px; height:51px;}/* centers text in box for safari, hack ignored in explorer*/
* html #newbutn span {padding:21px 0px 1px 0px;}/* hack: firefox ignores padding not adding it to height*/
#newbutn span{
	color:#988875;
	border:1px solid #988875;
}
* html #newbutn li a {padding:21px 0px 1px 0px;}/* hack: firefox ignores padding*/
#newbutn li a{
	border:1px solid #988875;
}
#newbutn li a:link, #newbutn li a:visited, #newbutn li a:active{
	background-color:#988875;
}
#newbutn li a:hover {background-color:#B2A18D;}
/* preproperty button */
html[xmlns] #prebutn span{ padding-top:20px; height:51px;}
html[xmlns] #prebutn li a{ padding-top:20px; height:51px;}/* centers text in box for safari, hack ignored in explorer*/
* html #prebutn span {padding:21px 0px 1px 0px;}/* hack: firefox ignores padding*/
#prebutn span{
	color:#93B96F;
	border:1px solid #93B96F;
}
* html #prebutn li a {padding:21px 0px 1px 0px;}/* hack: firefox ignores padding*/
#prebutn li a{
	border:1px solid #93B96F;
}
#prebutn li a:link, #prebutn li a:visited, #prebutn li a:active{
	background-color:#93B96F;
}
#prebutn li a:hover {background-color:#ACD287;}
/* buying button */
#buybutn span{
	color:#D78023;
	border:1px solid #D78023;
	line-height:68px;
}
#buybutn li a{
	border:1px solid #EAA53D;
	line-height:68px;
}

#buybutn li a:link, #buybutn li a:visited, #buybutn li a:active{
	background-color:#EAA53D;
}
#buybutn li a:hover {background-color:#F3B559;}
/* brochure button */
#brobutn SPAN {
	BORDER-RIGHT: #60adcb 1px solid; BORDER-TOP: #60adcb 1px solid; BORDER-LEFT: #60adcb 1px solid; COLOR: #60adcb; LINE-HEIGHT: 68px; BORDER-BOTTOM: #60adcb 1px solid
}
#brobutn LI A {
	BORDER-RIGHT: #60adcb 1px solid; BORDER-TOP: #60adcb 1px solid; BORDER-LEFT: #60adcb 1px solid; LINE-HEIGHT: 68px; BORDER-BOTTOM: #60adcb 1px solid
}
#brobutn LI A:link {
	BACKGROUND-COLOR: #60adcb
}
#brobutn LI A:visited {
	BACKGROUND-COLOR: #60adcb
}
#brobutn LI A:active {
	BACKGROUND-COLOR: #60adcb
}
#brobutn LI A:hover {
	BACKGROUND-COLOR: #73c3e2
}
/* Exclusive button */
html[xmlns] #excbutn span{ padding-top:20px; height:51px;}
html[xmlns] #excbutn li a{ padding-top:20px; height:51px;}/* centers text in box for safari, hack ignored in explorer*/
* html #excbutn span {padding:21px 0px 1px 0px;}/* hack: firefox ignores padding not adding it to height*/
#excbutn span{
	color:#996666;
	border:1px solid #996666;
}
* html #excbutn li a {padding:21px 0px 1px 0px;}/* hack: firefox ignores padding*/
#excbutn li a{
	border:1px solid #996666;
}
#excbutn li a:link, #excbutn li a:visited, #excbutn li a:active{
	background-color:#996666;
}
#excbutn li a:hover {background-color:#A47777;}
/* contact button */
#contbutn span{
	color:#83BC4B;
	border:1px solid #83BC4B;
	line-height:68px;
}
#contbutn li a{
	border:1px solid #83BC4B;
	line-height:68px;
}
#contbutn li a:link, #contbutn li a:visited, #contbutn li a:active{
	background-color:#83BC4B;
}
#contbutn li a:hover {background-color:#99D65C;}

/*start content*/
#content{
	display:block;
	text-align:left;
	margin: 1px;
	width:862px;
	height:428px;/*to render in firefox*/
	background-color:#fff;

	font-family: "Times New Roman", Times, serif;
}
* html #content img {margin-left:-3px;}/*hack removes white space in IE*/
#content img{
	float:left;
	display:block;
}
#content #flash{
	float:left;
	display:block;
}
#content h1{
	float:left;
	display:block;
	width:380;
	font-size:1.5em;
	font-weight:500;
	font-style: italic;
}
#content h2{
	float:left;
	display:block;
	width:340;
	font-size:1.0em;
	font-weight:500;
	font-style: italic;
}
#content p{
	float:left;
	display:block;
	font-size:0.9em;
	font-weight:500;
	line-height:1.3em;
	color:#505050;
}
#content span{
	float:left;
	display:block;

	font-weight:500;
	line-height:1.3em;
	color:#505050;
}
#content li{
	font-size:0.9em;
	font-weight:500;
	line-height:1.3em;
	color:#505050;
}
#single{display:block;}
.hp{background-image: url(escape_slogan.gif);background-repeat: no-repeat;background-position: right bottom;}
.hp h1 {color:#37834D; margin:50px 0px 10px 35px;}
.hp p {width:355; margin:12px 0px 12px 35px;}
.ab{background-image: url(escape_slogan.gif);background-repeat: no-repeat;background-position: right bottom;}
.ab h1 {color:#06587E; margin:50px 0px 10px 35px;}
.ab p {width:340; margin:8px 0px 8px 0px;}
.ar{background-image: url(investment_slogan.gif);background-repeat: no-repeat;background-position: right bottom;}
.ar h1 {color:#5D8C6F; margin:50px 0px 10px 35px;}
.ar h2 {color:#5D8C6F; margin:10px 0px 10px 0px;}
.ar p {width:340; margin:8px 0px 8px 0px;}
.ar a:link, .ar a:visited, .ar a:active{color:#5CB329;}
.ar a:hover {color:#DF9526;}
.np{background-image: url(escape_slogan.gif);background-repeat: no-repeat;background-position: right bottom;}
.np h1 {color:#988875; margin:50px 0px 10px 35px;}
.np p {width:355; margin:8px 0px 8px 0px;}
.co{background-image: url(escape_slogan.gif);background-repeat: no-repeat;background-position: right bottom;}
.co h1 {color:#83BC4B; margin:50px 0px 10px 35px;}
.co p {width:260;margin:8px 0px 8px 35px;}
.co a:link, .co a:visited, .co a:active{color:#5CB329;}
.co a:hover {color:#DF9526;}
.bu{background-image: url(investment_slogan.gif);background-repeat: no-repeat;background-position: right bottom;}
.bu h1 {color:#C35C10; margin:35px 0px 10px 35px;}
.bu h1 em{color:#EAA53D; font-size:0.7em; margin:10px 0px 10px 10px;}
.bu h2 {color:#EAA53D; font-size:01em; margin:10px 0px 10px 0px;}
.bu p {width:340;margin:8px 0px 8px 0px;}
.bu a:link, .bu a:visited, .bu a:active{color:#5CB329;}
.bu a:hover {color:#DF9526;}
.bu ul{
	list-style: none;
	display:block;
	float:left;
	width:340px;
}
.bu li{
	margin:5px 0px 5px 4px;
	padding-bottom: 5px;
	padding-top: 5px;
	color:#C35C10;
	display:block;
	float:left;
	width:340px;
}
.bu li b{background-image: url(bu_li_bkg.gif);background-repeat: repeat-y;background-position:left top;padding:1px 3px 1px 2px;border-top:1px dashed #C35C10;border-bottom:1px dashed #C35C10;border-right:1px dashed #C35C10; color:#C35C10;}
.bu li em{margin:0px;padding:1px 3px 1px 3px;border-top:1px solid #C35C10;border-bottom:1px solid #C35C10;border-left:1px solid #C35C10; color:#fff; background-color:#C35C10;}
.bu span{border-left:1px dashed #EAA53D;padding-left:4px;}
#footer{
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:60px;
}
#footer a{color:#8EB27A; line-height:1.4em; font-size:0.6em;}
#footer a:hover {color:#8EB27A;}
.f_home{background-image: url(home_footer.gif); background-repeat: no-repeat; background-position: center bottom;}
.f_about{background-image: url(about_footer.gif); background-repeat: no-repeat; background-position: center bottom;}
.f_area{background-image: url(area_footer.gif); background-repeat: no-repeat; background-position: center bottom;}
.f_newp{background-image: url(newp_footer.gif); background-repeat: no-repeat; background-position: center bottom;}
.f_buying{background-image: url(buying_footer.gif); background-repeat: no-repeat; background-position: center bottom;}
.f_contact{background-image: url(contact_footer.gif); background-repeat: no-repeat; background-position: center bottom;}

#panel { display: block; width: 410px; height: 285px; float: left }
#panel	{
	scrollbar-3dlight-color:D4E7C2;
	scrollbar-arrow-color:fff;
	scrollbar-base-color:D4E7C2;
	scrollbar-darkshadow-color:658745;
	scrollbar-face-color:A1C381;
	scrollbar-highlight-color:D8EFC3;
	scrollbar-shadow-color:A6B796;
}
#panel-content {display: block; padding: 0 0 10px 35px; width: 410px; height: 285px; overflow: auto }
#panel-content a:link, #panel-content a:visited, #panel-content a:active{color:#5CB329;}
#panel-content a:hover {color:#DF9526;}