html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

body {
	line-height: 1
}

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

:focus {
	outline: 0
}

ins {
	text-decoration: none
}

del {
	text-decoration: line-through
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p {
	font: 200 15px/1.2 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #7b7b7b;
}


.clear{clear:both;font-size:0;overflow:hidden;}

.col1x3{float:left; height:auto; position:relative; width:170px; padding-left:115px;}
.col2x3{float:left; height:auto; margin-left:30px; position:relative; width:170px; padding-left:115px;}
.col3x3{float:left; height:auto; margin-left:41px; position:relative; width:250px; }

.banner {position:relative; z-index:200; width:900px; margin-left:0px; }
.hp .banner {width:100%;}
.banner a {text-decoration:none;}
.banner img {position:absolute; top:-17px; left:5px; }
.banner img.bg-enquire {top:-20px; left:-30px; z-index:-100;}
.banner h2 {color:#78A52E; font-size:22px; font-family:'Gudea', Helvetica, Arial, Geneva, sans-serif; font-weight:normal;}
.banner p {color:#285579;}
.bold {font-weight:bold;}


.wrapper {
	width: 900px;
	margin: 0 auto;
	position: relative;
}

/* nav */


.lightgrey {
	color: #ccd3cb;
	font-size: 0.8em;
	

}
.lightgrey:hover {
	color: #ccd3cb;

	

}



.message_com img {
	padding-top: 10px;
}



body {
	behavior: url(csshover.htc);
}

/* end Nav */

.logo {
	position: absolute;
	right: 80px;
	top: 40px;
}

a#docs {
  position:absolute;
  left:0;
  top:20px;
}

.bannercontainer {
	margin-top: 10px;
	width: 900px;
	height: 110px;
	position: relative;
	z-index: 5;
}

.startbanner {
	width: 900px;
	height: 120px;
	background-image: url(images/startbgtop.jpg);
	background-position:0 20px;
}

/* maincontent */

.maincontentcontainer_start {
	height: 500px;
	background: url(images/startbgmain.jpg) no-repeat;
	position: relative;
	z-index: -1;
  width:899px;
}

.maincontentcontainer {
	
	position: relative;
	z-index: 1;
}

.zoning_plan{
	position: relative;
	width: 700px;

	margin: 0 auto;
}
.left_image_col {
	width: 600px;
	position: relative;
	float: left;
	margin-top: -37px;
}
.right_image_col {
	margin-top: 10px;
	width: 200px;
	right: 0px;
	position: absolute;
	float: right;

}
.left_image_col img {

}	




.maincontent_about {
	position: relative;
	width: 899px;
	height: 500px;
	background: url(images/boardwalk.jpg) no-repeat;
	padding-top:450px;
}

.innercontainer {
	width: 800px;
	position: relative;
	margin: 0 auto;
}

.innercontainer_est {
	width: 800px;
	position: relative;
	margin: 0 auto;
	height: 550px;
}

.innercontainer_com {
	width: 800px;
	position: relative;
	margin: 0 auto 50px auto;

}

.innercontainer_con {
	width: 800px;
	position: relative;
	margin: 0 auto;

	margin-top: 20px;
}
.logocontainer  {
	position: relative;
	float: left;
	width: 400px;
	height: 100px;

}

div.logote {
	position: relative;
	margin-left: 90px;
	float: left;
	margin-top: -65px;
}

div.logovi {
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}

.innercontainer_est img {
	padding: 15px;
	float: left;
	position: relative;
}

.innercontainer_stage_one {
	width: 700px;
	position: relative;
	margin: 0 auto;
	height: 850px;
}
.innercontainer_zoning {
	width: 700px;
	position: relative;
	margin: 0 auto;
	height: 1100px;
}

.innercontainer_stage_one img {
	margin: 0 auto;

}

.left_col {
	width: 350px;
	position: relative;
	float: left;
	margin-top: 10px;
}

.right_col {
	width: 350px;
	position: relative;
	float: right;
	margin-top: 32px;
}

/* form */

form {
	float: right;
	text-align: right;

}

table {
	float: right;

}

table label {
	font: 300 16px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #7b7b7b;
}

table tr {

}
td{
}

input {
	
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	
}

/* End Form */

.small {
	color: #7b7b7b;
	font-size: 0.7em;
}

.about_text {
	width: 600px;
}

.message {
	position: absolute;
	left: 12px;
	top: 425px;
	font-size: 34px;
	color:#8FC400;
	font-family:'Gudea', Helvetica, Arial, Geneva, sans-serif;
}

.left_col ul {
	padding-top: 10px;
	padding-bottom: 11px;
}

.left_col li {
	font: 300 16px/17px "helvetica", helvetica;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #7b7b7b;
}

span.orange {
	font-weight: 400;
	color: #f8971c;
}

.message_about {
	width: 300px;
	position: absolute;
	left: 50px;
	top: 200px;
}

.message_com {
	padding-top: 20px;
}

h1 {
	color: #739e2a;
	font: 200 27px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;;;
}



h4 {
	color: #739e2a;
	font: 200 27px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;;;
}

.message h4 {
	color: #fff;
	font: 200 40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;;

}

.message_about h5 {
	color: #fff;
	font: 200 30px/32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif}

/* footer */

.footercontainer {
	position:relative;
	left:-1px;
	z-index: -123;
	top:-70px;
}


div#cta {
  bottom: 0;
  position: absolute;
  right: -2px;
  text-indent: -999em;
  width: 280px;
  z-index: 999;
}

div#cta a#viento {
  background:url('images/cta-viento.png') 0 0 no-repeat;
  float:left;
  display:block;
  line-height:53px;
  height:53px;
  width:126px;
}

div#cta a#terranovis {
  background:url('images/cta-terranovis.png') 0 0 no-repeat;
  float:left;
  display:block;
  line-height:53px;
  height:53px;
  width:154px;
}

div#cta a:hover {background-position:0 -53px !important;}