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

body {
	margin:0px;
	background-image:url(../images/pagebg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}
/* ------------------ New Home Page Styles */

#fade { /*--Transparent background layer--*/
 display: none; /*--hidden by default--*/
 background: #000;
 position: fixed; left: 0; top: 0;
 width: 100%; height: 100%;
 opacity: .80;
 z-index: 9999;
}
.popup_block{
 display: none; /*--hidden by default--*/
 background: #fff;
 padding: 20px;
 border: 5px solid #ddd;
 float: left;
 font-size: 1.2em;
 position: fixed;
 top: 50%; left: 50%;
 z-index: 99999;
 /*--CSS3 Box Shadows--*/
 -webkit-box-shadow: 0px 0px 20px #000;
 -moz-box-shadow: 0px 0px 20px #000;
 box-shadow: 0px 0px 20px #000;
 /*--CSS3 Rounded Corners--*/
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
img.btn_close {
 float: right;
 margin: -43px -37px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
 position: absolute;
}
*html .popup_block {
 position: absolute;
}

.popup_block h2 { background: #5F97CF; display: block; padding: 10px; font-size: 20px; color: #fff; margin-bottom: -13px; }

/* END LIGHTBOX */

img{
	border:0;
}
#contentLeft{
	width:534px;
	background-color:#FFCC00;
	float:left;
	margin:2px;
	background:url(../images/homeBg.jpg);
	height:634px;
}

#contentRight{
	width:179px;
	float:left;
	margin:2px;
}

#topHeading{
	font-family:Arial;
	font-size:27px;
	color:#002E4C;
	margin:0 auto;
	text-align:center;
	margin-bottom:93px;
	padding-top:10px;
	height:93px;
}

#midContent1{
	height:28px;
	font-family:Arial;
	font-size:18px;
	color:#FFF;
	text-align:center;
	padding-top:10px;
}
#midContent2{
	height:94px;
	font-family:Arial;
	font-size:18px;
	color:#002E4C;
	text-align:left;
	padding-top:20px;
	padding-left:40px;
	margin-bottom:186px;
}
#botContent{
	height:100px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

#formHolder{
	width:300px;
	height:26px;
	margin:0 auto;
	margin-top:7px;
}

#formHolder input{
	width:225px;
	height:26px;
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	background-color:#FFFFFF !important;
	background-image:none !important;
	float:left;
}

.subButton{
	width:70px !important;
	height:30px !important;
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	background-color:#FFFFFF !important;
	float:left;
	color:#06C;
	font-weight:bold;
}

#textMid{
	position:absolute;
	width:460px;
}
#clickHere{
	position:absolute;
	margin-left:350px;
	margin-top:60px
}

#vidHolder{
	width:179px;
	float:left;
}

#vidImage{
	width:179px;
	height:131px;
	float:left;
}

#vidDisc{
	width:179px;
	padding-top:3px;
	height:20px;
	background-color:#006EA3;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	float:left;
	text-align:center;
}

#vidSpace{
	width:179px;
	height:6px;
	float:left;
}

.clr{ clear:both; line-height:0px; font-size:0px;}
img{ border:0px;}
.commonDIV{ width:100%;}
form{ margin:0px; padding:0px;}
.right{ float:right;}
.left{ float:left;}
#main{ width:919px; margin:0px auto; background-image:url(../images/contbg.jpg); background-repeat:repeat-y;}
#cont{width:912px;}
#cont .left{ width:188px; padding:0px; margin:0px; }
/*#cont .right{ width:722px; padding:0px; border-top:1px solid #ffffff; border-right:1px solid #ffffff; padding-bottom:25px;}*/
#cont .right{ width:722px; padding:0px; border-top:1px solid #ffffff; border-right:1px solid #ffffff; padding-bottom:1px;}
#content{width:675px; padding-left:23px; padding-right:23px;}
#content .left{width:330px; padding-right:24px; border-right:1px solid #cccccc;}
#content .right{width:290px; padding:0px;}
#contenthome{width:675px; padding-left:24px; padding-right:24px;}
#contenthome .left{width:620px; padding:0px;}
#contentmanagement{width:674px; padding-left:24px; padding-right:24px;}
#contentmanagement .left{width:223px; padding-right:1px;}
#contentmanagement .right{width:223px; padding-left:1px;}
.leftpic{ width:149px; height:98px; padding-right:8px; padding-top:6px; background-image:url(../images/leftphoto.jpg); background-repeat:no-repeat; margin:0px auto; padding-bottom:25px;}
.leftpic02{ width:149px; height:44px; padding-right:8px; padding-top:6px; margin:0px auto; padding-bottom:25px;}
.leftpicparklands{ width:149px; height:98px; padding-right:8px; padding-top:6px; margin:0px auto; padding-bottom:25px;}
.leftpicparklandsmap{ width:149px; height:152px; padding-right:8px; padding-top:6px; margin:0px auto; padding-bottom:1px;}
.leftpicparklands02{ width:149px; height:152px; padding-right:8px; padding-top:6px; margin:0px auto; padding-bottom:25px;}
#bottom{ width:911px; padding-top:15px; padding-bottom:15px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#B2B2B2; text-decoration:none; padding-right:8px; margin:0px auto; background-image:url(../images/pagebg.jpg);}
#bottom a{ text-decoration:underline; color:#B2B2B2;}
#bottom a:hover{ text-decoration:none;}
/****************************************************************/
.heading1{ font-size:18px;}
.heading2{ font-size:24px; color:#000000;}
.heading3{ font-weight:bold;}
.link1{ text-decoration:underline; color:#00AEEF;}
a.link1:hover{ text-decoration:none;}
.link_submit{ text-decoration:underline; font-weight:bold; color:#4A4A4A;}
a.link_submit:hover{ color:#C80000;}
.seemore{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#165230; text-decoration:underline; background-image:url(../images/arrow.gif);background-repeat: no-repeat; background-position: right; padding-right:15px;}
a.seemore:hover{ text-decoration:none;}
.error{color:#C80000;}
.input{
	color:#999999;
	text-decoration:none;
	width:175px;
	height:18px;
	border:1px solid #A09B96;
}
.comment{
	color:#999999;
	text-decoration:none;
	width:190px;
	height:110px;
	border:1px solid #A09B96;
}
.commonSmall{ font-size:11px;}
.commonBlue{ color:#00AEEF;}
/*******************************************/
#contact{width:653px; padding-left:35px; padding-right:35px;}
#contact .left{width:256px; padding-right:24px; padding-left:24px; border-right:1px solid #cccccc;}
#contact .right{width:240px; padding:0px; padding-right:24px;}
#contact_submit{width:150px; height:auto;  padding-top:15px; }
/***********************Contact NEW********************/
#contact2{width:650px; padding-left:35px; padding-right:35px;}
#contact2 .left{width:256px; padding-right:24px; padding-left:24px; border-right:1px solid #cccccc;}
#contact2 .right{width:240px; padding:0px; padding-right:24px;}
#contact2_submit{width:150px; height:auto;  padding-top:15px; }
/*********************  Company History **************************/
#building_suburbs{width:275px; height:150px; background-image:url(../images/con_box.jpg); background-repeat:no-repeat; padding-left:15px;}
#building_suburbs h2{padding-bottom:25px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#building_suburbs ul{padding-left:15px; margin:0px; list-style-type:none;}
#building_suburbs li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
.underline{line-height:25px; text-decoration:underline;  color:#555555;}
a.underline:hover{text-decoration:none;}
/*********************  Current Developments Overview **************************/
#curr_devov{width:275px; height:300px; background-image:url(../images/current-dev-overview-box.jpg); background-repeat:no-repeat; padding-left:15px;}
#curr_devov h2{padding-bottom:12px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#curr_devov ul{padding-left:15px; margin:0px; list-style-type:none;}
#curr_devov li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
#curr_devov a{ text-decoration:none; color:#999999; font-size:15px;}
#curr_devov a:hover{ text-decoration:none; color:#00AEEF}
/*********************  Current Developments Overview Orientation Map **************************/
#curr_dev_orientation{width:290px; height:315px;}
/*********************  guidelines **************************/
#curr_guidelinesc{width:275px; height:150px; background-image:url(../images/guidelines.jpg); background-repeat:no-repeat; padding-left:15px;}
#curr_guidelinesc h2{padding-bottom:25px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#curr_guidelinesc ul{padding-left:15px; margin:0px; list-style-type:none;}
#curr_guidelinesc li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
#curr_guidelinesc a{ text-decoration:none; color:#999999; font-size:15px;}
#curr_guidelinesc a:hover{ text-decoration:none; color:#00AEEF}
/*********************  guidelines Documents **************************/
#curr_guidelinesdoc{width:275px; height:260px; background-image:url(../images/guidelines-box.jpg); background-repeat:no-repeat; padding-left:15px;}
#curr_guidelinesdoc h2{padding-bottom:12px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#curr_guidelinesdoc ul{padding-left:15px; margin:0px; list-style-type:none;}
#curr_guidelinesdoc li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
#curr_guidelinesdoc a{ text-decoration:none; color:#999999; font-size:15px;}
#curr_guidelinesdoc a:hover{ text-decoration:none; color:#00AEEF}
/*********************  Township Diagram **************************/
#curr_townshipdia{width:275px; height:260px; background-image:url(../images/diagram-box-01.jpg); background-repeat:no-repeat; padding-left:15px;}
#curr_townshipdia h2{padding-bottom:25px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#curr_townshipdia ul{padding-left:15px; margin:0px; list-style-type:none;}
#curr_townshipdia li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
#curr_townshipdia a{ text-decoration:none; color:#999999; font-size:15px;}
#curr_townshipdia a:hover{ text-decoration:none; color:#00AEEF}
/*********************  Parklands Locality Map **************************/
#parklands_lmap{width:275px; height:150px; background-image:url(../images/parklands-locality-box.jpg); background-repeat:no-repeat; padding-left:15px;}
#parklands_lmap h2{padding-left:3px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#parklands_lmap ul{padding-left:15px; margin:0px; list-style-type:none;}
#parklands_lmap li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
/*********************  Residential Developments Page **************************/
#res_site{width:275px; height:150px; background-image:url(../images/res-map-box.jpg); background-repeat:no-repeat; padding-left:15px;}
#res_site h2{padding-left:65px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#res_site ul{padding-left:15px; margin:0px; list-style-type:none;}
#res_site li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
#res_info{width:275px; height:150px; background-image:url(../images/residential-info-box.jpg); background-repeat:no-repeat; padding-left:15px;}
#res_info h2{padding-bottom:25px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#res_info ul{padding-left:15px; margin:0px; list-style-type:none;}
#res_info li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
#res_info a{ text-decoration:none; color:#999999; font-size:15px;}
#res_info a:hover{ text-decoration:none;}
/*********************  Commercial Developments Page **************************/
#comm_site{width:275px; height:150px; background-image:url(../images/comm-map-box.jpg); background-repeat:no-repeat; padding-left:15px;}
#comm_site h2{padding-left:65px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#comm_site ul{padding-left:15px; margin:0px; list-style-type:none;}
#comm_site li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
#comm_info{width:275px; height:150px; background-image:url(../images/commercial-info-box.jpg); background-repeat:no-repeat; padding-left:15px;}
#comm_info h2{padding-bottom:25px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#comm_info ul{padding-left:15px; margin:0px; list-style-type:none;}
#comm_info li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
#comm_info a{ text-decoration:none; color:#999999; font-size:15px;}
#comm_info a:hover{ text-decoration:none;}
/*********************  Developers and Investors Page **************************/
#dev_site{width:275px; height:150px; background-image:url(../images/dev-map-box.jpg); background-repeat:no-repeat; padding-left:15px;}
#dev_site h2{padding-left:65px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#dev_site ul{padding-left:15px; margin:0px; list-style-type:none;}
#dev_site li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
#dev_info{width:275px; height:150px; background-image:url(../images/dev-invest-info-box.jpg); background-repeat:no-repeat; padding-left:15px;}
#dev_info h2{padding-bottom:25px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
#dev_info ul{padding-left:15px; margin:0px; list-style-type:none;}
#dev_info li{ background-image:url(../images/dot.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; font-size:15px; color:#999999; padding-bottom:5px;}
#dev_info a{ text-decoration:none; color:#999999; font-size:15px;}
#dev_info a:hover{ text-decoration:none;}
/********************* News **************************/
#news{width:675px; padding-left:24px; padding-right:24px;}
#news .left{width:450px; padding-right:24px; border-right:1px solid #cccccc;}
#news .right{width:170px; padding:0px;}
/********************* News narrower cols **************************/
#news2{width:670px; padding-left:24px; padding-right:24px;}
#news2 .left{width:450px; padding-right:24px; border-right:1px solid #cccccc;}
#news2 .right{width:170px; padding:0px;}
/*********************  Management **************************/
.Management h2{padding-bottom:10px; color:#555555; font-size:12px;  font-weight:normal; margin:0; font-weight:bold;}
.Management ul{margin:0px; list-style-type:none; padding:0px; padding-left:10px; padding-bottom:10px;}
.Management li{ background-image:url(../images/dot1.jpg);background-repeat: no-repeat; background-position: 0 .5em; padding-left:15px; color:#555555; padding-bottom:5px;}
.img{padding-bottom:10px; padding-top:10px;}
/**************************************************/
#park_grow{width:275px; height:150px; background-image:url(../images/parklands-grow-box.jpg); background-repeat:no-repeat; padding-left:15px;}
#park_grow h2{padding-left:38px; color:#00AEEF; font-size:18px; font-weight:normal; margin:0;}
.view{ color:#00AEEF; text-decoration:underline; background-image:url(../images/arrow.gif);background-repeat: no-repeat; background-position: right; padding-right:15px;}
a.view:hover{ text-decoration:none;}
#overview .left{ padding-top:50px; width:295px; padding-right:75px; border:none;}
#overview .right{ padding-top:50px; width:295px;}
/*********************  West Beach Development Page **************************/
.devlink_next a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6AB330; font-weight: bold; text-decoration:none;}
.devlink_next a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00AEEF; font-weight: bold; text-decoration:none;}
.devlink_back a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#B33030; font-weight: bold; text-decoration:none;}
.devlink_back a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00AEEF; font-weight: bold; text-decoration:none;}
.completeddev{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00AEEF; font-weight: bold}
/*---------- COMPLETED DEVELOPMENT LOGOS---------*/
#west_beach{width:95px; height:auto; padding-right:39px;  float:left; }
#milnerton_ridge{width:149px; height:auto; padding-right:47px;  float:left; }
#sunset_beach{width:137px; height:auto; padding-right:53px;  float:left; }
#sunset_links{width:152px; height:auto; padding-right:0px;  float:left; }
#blouberg_rise{width:95px; height:auto; padding-right:39px; float:left; }
#highbury{width:149px; height:auto; padding-right:47px;  float:left; }
#park_gate{width:190px; height:auto; padding-right:34px;  float:left; }
#sundowner_homes{width:118px; height:auto; padding-right:0px;  float:left; }


/*---------- COMPLETED DEVELOPMENT LOGOS---------*/


.nav{width:722px; padding-top:30px; height:47px; background-color:#FFFFFF; background:url(../images/header_bg.jpg) repeat-x 0 0; overflow:hidden;}
.nav ul{list-style-type: none; padding:0px; margin:0px; }
.nav li{float:left; list-style:none; padding:0px; margin:0px; padding-left:4px;}
.nav li a{display:block; float:left; text-align:center; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding-left:8px; height:29px; overflow:hidden;  background:url(../images/nav_left.jpg) no-repeat left 0px; cursor:pointer;}
.nav li a span{	float:left;	display:block;	padding-top:5px;	padding-right:10px;	padding-bottom:10px; background:url(../images/nav_right.jpg) no-repeat right 0px;}
.nav li a:hover{	color:#000000;	background:url(../images/nav_hover_left.jpg) no-repeat left 0px;}
.nav li a:hover span{color:#ffffff;	background: url(../images/nav_hover_right.jpg) no-repeat right 0px;}
.nav li.current a{	color:#ffffff;	background:url(../images/nav_active_left.jpg) no-repeat left 0px;}
.nav li.current a span{color:#ffffff;	background:url(../images/nav_active_right.jpg) no-repeat right 0px;}

#form_con{width:350px; padding-top:20px;}
input{width:190px; border:1px solid #B3BEC9; height:17px; background-image:url(../images/input_bg.jpg); background-repeat:repeat-x;}
select{width:190px; border:1px solid #B3BEC9; ; background-image:url(../images/input_bg.jpg); background-repeat:repeat-x;}
textarea{width:190px; border:1px solid #B3BEC9; height:70px; background-image:url(../images/textarea_bg.jpg); background-repeat:repeat-x; background-color:#E9E9E9;}
.con_box{width:350px;  padding-bottom:10px;}
.con_name{width:120px; float:left; padding-top:3px;}
.con_field{width:201px; float:left;}
#recaptcha{width:275px; padding-left:75px; padding-top:20px;}
#recaptchaimg{width:74px; float:left;}
#recaptchasumbit{width:50px; float:left;}
#recaptchafield{width:135px; float:left;}
#btnsubmit{width:52px; border:none; height:20px; background-image:url(../images/submit.jpg); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; text-align:center; padding:0px; margin:0px; color:#02B0EF; font-size:12px;}
.imp{color:#cb1201;}
#enquiries_left{ float:left; width:357px; border-right:1px solid #cccccc; }
#enquiries_right{ float:right; width:280px; padding-left:35px;}
#enquiries_right  h1{ margin:0px; padding:0px; display:block; padding-bottom:20px; font-weight:normal; font-size:18px;}