/*
Theme Name: Pacific Harbour
Theme URI: http://www.newlight.com.au/
Description: Pacific Harbour 
Version: 1.5
Author: Nick Doherty
Author URI: http://www.nickdoherty.com
*/


* { margin:0; padding:0; }

html {
	overflow-x: hidden;
	overflow-y: hidden;
}

body { 
	background: #bae9f9 url('images/bg-landing.jpg') fixed center center repeat-x; 
}

body.homepage { 
	background: #bae9f9 url('images/bg.jpg') fixed center center repeat-x; 
}

body.live-here { 
	background: #bae9f9 url('images/bg-live-here.jpg') fixed center center repeat-x; 
}

body.island-lifestyle {  
	background: #bae9f9 url('images/bg-island-lifestyle.jpg') fixed center center repeat-x; 
}

body.boating {  
	background: #bae9f9 url('images/bg-boating.jpg') fixed center center repeat-x; 
}

body.beaches {  
	background: #bae9f9 url('images/bg-beaches.jpg') fixed center center repeat-x; 
}

body.community {  
	background: #bae9f9 url('images/bg-community.jpg') fixed center center repeat-x; 
}

body.location { 
	background: #bae9f9 url('images/bg-location.jpg') fixed center center repeat-x; 
}

body.canal-front {  
	background: #bae9f9 url('images/bg-canal.jpg') fixed center center repeat-x; 
}

body.waterside {  
	background: #bae9f9 url('images/bg-waterside.jpg') fixed center center repeat-x; 
}

body.golf-front {  
	background: #bae9f9 url('images/bg-golf.jpg') fixed center center repeat-x; 
}

body.enquiry-golfside {
	background: #bae9f9 url('images/bg-enquire-golf.jpg') fixed center center repeat-x; 
}

body.enquiry-golfside-2 {
	background: #bae9f9 url('images/bg-enquire-golf-2.jpg') fixed center center repeat-x; 
}

body.enquiry-marina {
	background: #bae9f9 url('images/bg-enquire-marina.jpg') fixed center center repeat-x; 
}

body.enquiry-property-tour {
	background: #bae9f9 url('images/bg-property-tour.jpg') fixed center center repeat-x; 
}

body.enquiry-bluewater,
body.enquiry-homeandmarina {
	background: #bae9f9 url('images/bg-enquire-bluewater.jpg') fixed center center repeat-x; 
}

body.thanks-bluewater,
body.thanks-homeandmarina { 
	background: #bae9f9 url('images/bg-blue-here.jpg') fixed center center repeat-x; 
}

body.country-club {  
	background: #bae9f9 url('images/bg-country-club.jpg') fixed center center repeat-x; 
}

body.villas {  
	background: #bae9f9 url('images/bg-villa.jpg') fixed center center repeat-x; 
}

body.masterplan {  
	background: #bae9f9 url('images/bg-masterplan.jpg') fixed center center repeat-x; 
}

body.golfclub {  
	background: #bae9f9 url('images/bg-golfclub.jpg') fixed center center repeat-x; 
}

body.marinas {  
	background: #bae9f9 url('images/bg-marina.jpg') fixed center center repeat-x; 
}

body.movie {  
	background: #bae9f9 url('images/bg-movie.jpg') fixed center center repeat-x; 
}

body.contact-us {  
	background: #bae9f9 url('images/bg-contact.jpg') fixed center center repeat-x; 
}

#landing-live-here {
	background: url('images/landing-live-here.png') no-repeat;
	width:282px;
	height:171px;
	position:absolute;
	left:50%;
	bottom:-5px;
	margin-left:-450px;
}

#landing-anchor-here {
	background: url('images/landing-anchor.png') no-repeat;
	width:282px;
	height:171px;
	position:absolute;
	left:50%;
	bottom:-5px;
	margin-left:-150px;
}

#landing-play-here {
	background: url('images/landing-play-here.png') no-repeat;
	width:282px;
	height:171px;
	position:absolute;
	left:50%;
	bottom:-5px;
	margin-left:150px;
}

#home-property-button {
	position: absolute;
	z-index: 100;
	top: 227px;
	left: 24px;	
}

#whats-on-box {
	font-size: 11px;
}

#whats-on-box div {
	margin-top: 3px;
}

#whats-on-box a {
	color: #000;
	text-decoration: none;	
}

#register-interest-location {
	position: absolute;
	z-index: 100;
	left: 580px;
	top: 507px;	
}

#contact-box {
	position: relative;
	margin-top: 70px;	
	height: 370px;
}

#contact-box #desc {
	position: relative;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 240px;
	margin-top: 15px;
	line-height: 150%;
}

#contact-box #disclaimer {
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 240px;
	margin-top: 15px;
	bottom: 0;
	left: 0;
}

#contact-box #form {
	position: absolute;
	right: 30px;
	top: 0;
	width: 330px;
	height: 370px;
	background: url('images/contact/form-bg.png') no-repeat top left;	
}

#contact-box #form #form-fields {
	position: relative;
	padding: 17px 0 0 18px;
	*padding: 20px 0 0 18px;
}

#contact-box #form .form-row {
	position: relative;	
	margin-bottom: 16px;
	*margin-bottom: 18px;
}

#contact-box #form .form-row .small-row {
	
}

#contact-box #form .form-row #phone-row {
	position: absolute;	
	left: 0;
	height: 35px;
	width: 140px;
	top: 0;
}

#contact-box #form .form-row #suburb-row {
	position: absolute;	
	left: 156px;

	height: 35px;
	width: 140px;
	top: 0;
}

#contact-box #form #comments {
	width: 290px; 
	height: 110px;  
	border: 0 none; 
	margin-top: 18px; 
	*margin-top: 14px; 
	color: #777	;
}

#contact-box #form #submit-button {
	position: absolute;
	left: -10px;
	top: 167px;	
	*top: 165px;
}


#contact-box #form .form-row .field-long {
	width: 295px;
	border: 0 none;
	color: #777;
}

#contact-box #form .form-row .field-short {
	width: 135px;
	border: 0 none;
	color: #777;
}

#content-right #side-numbers {
	
}

/*** Special HTML select Menu CSS By Dave ******/

.form-select-menu {
	position: relative;	
	width: 100%;
	z-index: 7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.form-select-menu .select-current {
	position: relative;	
	color: #777;
	width: 100%;
	z-index: 8;
	cursor: pointer;
	padding-bottom: 4px;
}

.select-current .select-label-current {
	padding-top: 3px;
	*padding-top: 0;
}

.form-select-menu .select-options {
	position: absolute;	
	width: 99%;
	cursor: pointer;
	top: 22px;
	*top: 20px;
	left: -6px;
	*left: -7px;
	z-index: 99;
	background-color: #fff;
	display: none;
	max-height: 200px;
	_height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}


.select-options .select-item {
	position: relative;
	width: 100%;	
	background-color: #fff;
	color: #000;
	border-top: 1px solid #CCC;
	z-index: 99;
}

.select-options .select-item-hover {
	background-color: #eeeeee !important;
}

.form-select-menu .select-label {
	position: relative;
	padding: 4px 0 4px 12px;	
	z-index: 99;
	color: #000w;
}


.clear { clear:both; }
	
#wrapper {
	width:960px;
	height:600px;
	margin: -300px 0 0 -475px;
	top:50%;
	left:50%;
	position:absolute;
}

	#container {
		width:960px;
		height:600px;
		position:relative;
		/*border:1px #666 solid;*/
	}
	
		#logo {
			background: url('images/logo.png') no-repeat;
			width:211px;
			height:109px;
			position:absolute;
			top:-12px;
			left:369px;
			z-index: 50;
		}
		
		#menu {
			list-style-type:none;
			position:absolute;
			top:26px;
			left:-6px;
		}
			
			#menu li {
				display:inline;
				float:left;
				margin-right:5px;
			}
			
			#menu li a {
				font: 13px/18px "Gill Sans MT";
				text-transform:uppercase;
				text-decoration:none;
				color:#13b5ea;
				margin-right:25px;
			}
			
			#menu li.wider {
				margin-left:172px;
			}
			
			#menu li.the-movie {
				margin-left:12px;
				margin-right:5px;
			}
			
			#menu li a:hover {
				color:#7bc143;
			}
			
			#menu li a.current {
				color:#7bc143;
			}
			
			#menu li.last a {
				margin-right:0px;
				margin-left:13px;
			}
			
			.menu-seperator {
				background: url('images/menu-seperator.png') no-repeat;
				width:1px;
				height:19px;
				position:absolute;
				left:50%;
				/*border:1px #666 solid;*/
			}
				
				#sep-one { top:26px; margin-left:-433px; }
				#sep-two { top:26px; margin-left:-298px; }
				#sep-three { top:26px; margin-left:-202px; }
				#sep-four { top:26px; margin-left:175px; }
				#sep-five { top:26px; margin-left:371px; }
		
/* Home Page */	
	
	#magic-of-pacific-harbour {
		background: url('images/magic-of-pacific-harbour.png') no-repeat;
		width: 731px;
		height: 129px;
		position:absolute;
		top:93px;
		left:28px;
	}
		
	#closebtn {
		background: url('images/close.png') no-repeat;
		width:90px;
		height:27px;
		position:absolute;
		left:50%;
		margin-left:364px;
		top:55px;
		cursor:pointer;
		z-index:100;
	}
	
	#showbtn {
		background: url('images/showvideo.png') no-repeat;
		width:90px;
		height:27px;
		position:absolute;
		left:50%;
		margin-left:364px;
		top:55px;
		cursor:pointer;
		z-index:100;
		display:none;
	}
	
	#video {
		background: url('images/video-bg.png') no-repeat;
		width:380px;
		height:259px;
		position:absolute;
		left:50%;
		top:119px;
		margin-left:-15px;
	}
	
	#residents-quote {
		position:absolute;
		left:50%;
		margin-left:145px;
		top:101px;
		background: url('images/what-our-residents-say.png') no-repeat;
		width:200px;
		height:18px;
	}
	
	#nextbtn {
		background: url('images/next.png') no-repeat;
		width:93px;
		height:48px;
		position:absolute;
		left:50%;
		margin-left:261px;
		top:349px;
		cursor:pointer;
		z-index:1000;
	}
	
	#events-panel {
		position: absolute;
		top: -186px;
		left: 54px;
		background: url('images/events-bg.png') no-repeat;
		width: 229px;
		height: 181px;
	}
	
	#events-list {
		padding: 52px 5px 0 14px;	
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#events-list ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#events-list li {
		margin-bottom: 4px;	
		padding: 0;
		line-height: 120%;
	}
	
	#events-list a {
		color: #000;
		text-decoration: none;
	}
	
	#events-list-all {
		position: absolute;
		top: 143px;
		right: 8px;	
	}
	
	#footer-events {
		position: absolute;
		left: 360px;
	}
	
	#footer-events-learn {
		font:11px/14px "Georgia";
		font-style:italic;
	}
	
	#footer-events-link {
			font:11px/14px "Arial";
			text-transform:uppercase;
			font-style:normal;
	}
	
	#footer-events-link  a.green { color:#7bc143; text-decoration:none; }
			
	#footer-events-link a.green:hover { color:#13b5ea; }
			
	#footer-events-link a.blue { color:#13b5ea; text-decoration:none; }
	
	#bottom-panel {
		background: url('images/bottom-panel.png') no-repeat;
		width:986px;
		height:220px;
		position:absolute;
		left:-18px;
		bottom:-18px;
	}
		#bottom-panel #wrap {
			/*border:1px #666 solid;*/
			margin-top:40px;
			padding:0px 30px 0 43px; 
		}
		
		#bottom-panel #watchmovie { width: 260px; float:left; }
		#bottom-panel #specialoffer { width: 260px; float:left; }
		#bottom-panel #findoutmore { width: 270px; float:left; }
		
		#bottom-panel .icon {
			width:75px;
			height:80px;
			float:left;
			margin-right:20px;
			margin-top:3px;
			cursor:pointer;
		}
		
			/*#bottom-panel #watchmovie .icon {
				background: url('images/watchthemovie.png') no-repeat;
			}
			
			#bottom-panel #specialoffer .icon {
				background: url('images/specialoffer.png') no-repeat;
			}
			
			#bottom-panel #findoutmore .icon {
				background: url('images/findoutmore.png') no-repeat;
			}*/
			
			
		
		#bottom-panel .content {
			width:165px;
			float:left;
		}
		
			#bottom-panel .content h2 {
				font:18px/21px "Gill Sans MT";
				color:#13b5ea;
				text-transform:uppercase;
				cursor:pointer;
			}
				
				#bottom-panel .content h2 span {
					color:#7bc143;
					cursor:pointer;
				}
			
			#bottom-panel .content p {
				font:12px/18px "Georgia";
				color:#000;
				font-style:italic;
				cursor:pointer;
			}
	
	
		 #bottom-panel #vert-seperator {
			width:1px;
			height:97px;
			background: url('images/vert-seperator.png');
			float:left;
			margin:0px 30px;
		 }	
/* End Home Page */

/** Banners **********/
#price-banner-golf {
	position: absolute;
	top: 160px;
	left: 355px;
	z-index: 100;	
}

#price-banner-marina {
	position: absolute;
	top: 162px;
	left: 400px;
	z-index: 100;	
}

#terms-conditions {
	position: absolute;
	top: 470px;
	left: 330px;
	z-index: 100;	
}

/* Bluewater */

#terms-conditions-bw {
	position: absolute;
	top: 490px;
	left: 380px;
	z-index: 100;
}
	
	#enquiry-bw-subhead {
		font:17px "Arial";
		line-height:21px;
		color:#FFF;
		font-weight:bold;
}

	#bluewater-thanks {
		position:absolute;
		top:359px;
		left:134px;
	}


/* Enquiry */

	#enquiry-content ul {
		font:12px "Arial";
		color: #fff;
		margin: 5px 18px;
	}
	
	#enquiry-content ul li {
		margin: 3px 0;
	}
	
	#enquiry-content {
		position: relative;
		margin-bottom: 11px;
	}
	
	#enquiry-form {
		position: absolute;
		top: 9px;
		left: 0;	
		z-index: 99;
	}
	
	#enquiry-form-golfside, #enquiry-golfside-thanks {
		background-image: url('images/enquiry/golfside-form.jpg');	
		width: 290px;
		height: 164px;
		position: absolute;
		top: 325px;
		left: 0;
	}
	
	#enquiry-golfside-thanks {
		background-image: url('images/enquiry/golfside-form-complete.jpg') !important;	
	}
	
	
	#enquiry-golfside-thanks #discover-button {
		position: absolute;
		left: 24px;
		top: 120px;	
		cursor: pointer;
	}
	
	#enquiry-form-marina, #enquiry-marina-thanks {
		background-image: url('images/enquiry/marina-form.jpg');	
		width: 290px;
		height: 164px;
		position: absolute;
		top: 325px;
		left: 0;
	}
	
	#enquiry-marina-thanks {
		background-image: url('images/enquiry/marina-form-complete.jpg') !important;	
	}
	
	#enquiry-marina-thanks #discover-button {
		position: absolute;
		left: 24px;
		top: 120px;	
		cursor: pointer;
	}
	
	#enquiry-form .enquiry-form-field {
		width: 120px;
		border: 0 none;
		background-color: none;	
		height: 15px;
		color: #777777;
	}
	
	#enquiry-form #first-name {
		position: absolute;
		left: 16px;
		top: 8px;	
	}
	
	#enquiry-form #last-name {
		position: absolute;
		left: 154px;
		top: 8px;	
	}
	
	#enquiry-form #phone-div {
		position: absolute;
		left: 16px;
		top: 44px;	
	}
	
	#enquiry-form #suburb-div {
		position: absolute;
		left: 154px;
		top: 44px;	
	}
	
	#enquiry-form #email-div {
		position: absolute;
		left: 16px;
		top: 80px;	
	}
	
	#enquiry-form #submit-button {
		position: absolute;
		left: 10px;
		top: 110px;	
		width: 270px;
		height: 35px;
		cursor: pointer;
		z-index: 999;
		
	}

/* Enquiry Property Tour */

	#pdf-button {
		position: absolute;
		top: 440px;
		left: 0;
		width: 140px;
		height: 45px;
		cursor: pointer;
	}
	
	#arial-button {
		position: absolute;
		top: 440px;
		left: 150px;
		width: 140px;
		height: 45px;
		cursor: pointer;
	}
		
	#enquiry-prop-tour-form {
		position: absolute;
		top: 220px;
		*top: 224px;
		left: 8px;
		width: 274px;
		height: 204px;
		background: url('images/enquiry/prop-tour-form.png') no-repeat;	
	}
	
	
	
	#enquiry-prop-tour-form .enquiry-form-field {
		width: 250px;
		border: 0 none;
		background-color: none;	
		height: 18px;
		color: #777777;
	}
	
	#enquiry-prop-tour-form .enquiry-form-sel {
		width: 130px;
		color: #777777;
		height: 24px;
		padding-top: 4px;
	}
	
	#enquiry-prop-tour-form #first-name {
		position: absolute;
		left: 12px;
		top: 20px;	
	}
	
	#enquiry-prop-tour-form #phone-div {
		position: absolute;
		left: 12px;
		top: 77px;	
	}
	
	#enquiry-prop-tour-form #weekday-div {
		position: absolute;
		left: 2px;
		top: 126px;	
	}
	
	#enquiry-prop-tour-form #time-div {
		position: absolute;
		left: 140px;
		top: 126px;	
	}
	
	#enquiry-prop-tour-form #submit-button {
		position: absolute;
		left: 0px;
		top: 165px;	
		width: 270px;
		height: 35px;
		cursor: pointer;
	}
	
	
	#enquiry-prop-tour-thanks {
		position: absolute;
		top: 230px;
		*top: 234px;
		left: 8px;
		width: 274px;
		height: 194px;
		background: url('images/enquiry/prop-tour-thanks.png') no-repeat;	
	}
	
	#enquiry-prop-tour-thanks #discover-button {
		position: absolute;
		left: 0px;
		top: 128px;	
		width: 270px;
		height: 60px;
		cursor: pointer;
	}
	
/* Fader */

#fader {
	position: absolute;
	overflow: hidden;
	top: 55px;
	*top: 54px;
	left: 30%;
	margin-left: 26px;
	z-index: 0;
}

#fader-single {
	position: absolute;
	overflow: hidden;
	top: 55px;
	*top: 54px;
	left: 30%;
	margin-left: 26px;
	z-index: 0;
	width: 150%;
}
	

/* Live Here */
	#live-here {
		background: url('images/live-here.png') no-repeat;
		width:689px;
		height:99px;
		position:absolute;
		top:105px;
		left:50%;
		margin-left:98px;
	}
	
	#choose-your-lifestyle {
		font:18px/18px "Gill Sans";
		text-transform:uppercase;
		color:#fff;
		position:absolute;
		top:275px;
		left:30px;
	}
	
	#live-here-content {
		width:500px;
		height:75px;
		font:12px/18px "Arial";
		position:absolute;
		left:50%;
		margin-left:-130px;
		top:215px;
	}
	
	
	#shadow {
		background: url('images/live-here/shadow.png') no-repeat;
		width:859px;
		height:175px;
		position:absolute;
		top:360px;
		left:20px;
	}
	
	#canal-front {
		position:absolute;
		top:290px;
		left:12px;
	}
	
	#waterside {
		position:absolute;
		top:290px;
		left:186px;
	}
	
	#golf-front {
		position:absolute;
		top:290px;
		left:361px;
	}
	
	#country-club {
		position:absolute;
		top:290px;
		left:536px;
	}
	
	#villas {
		position:absolute;
		top:290px;
		left:711px;
	}
/* End Live Here */
	
	
/* Live Here Inside Page */
	
	h1 { 
		font:36px/18px "Cezanne";
		color:#fff;
		-moz-transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		/*-sand-transform: rotate(-3deg);*/
	}
	
	#content-right {
		width:290px;
		height:489px;
		position:absolute;
		left:50%;
		margin-left:182px;
		top:55px;
		padding-top:30px;
		/*border:1px #fff solid;*/
	}
	
		#content-right p {
			font:12px/18px "Arial";
			color:#fff;
		}
		
		#content-right h1 {
			margin-bottom:30px;
		}
		
	#content-left {
		width:290px;
		height:489px;
		position:absolute;
		left:50%;
		margin-left:-485px;
		top:55px;
		padding-top:30px;
		/*border:1px #fff solid;*/
	}
	
		#content-left h1 {
			margin-bottom:30px;
		}
	
		#content-left p {
			font:12px/18px "Arial";
			margin-top:10px;
			color:#fff;
		}


		#request-information {
			position:absolute;
			top:400px;
		}
		
			#request-information #shell-logo {
				background: url('images/shell-logo.png') no-repeat;
				width:28px;
				height:24px;
				float:left;
			}
			
			#request-information #register-text {
				width:200px;
				float:left;
				margin-left:10px;
			}		
				#request-information p.blue {
					font:12px/15px "Georgia";
					color:#13B5EA;
					font-weight:bold;
					font-style:italic;
					margin:0;
				}
			
			
		
		#register-your-interest {
			position:relative;
			margin-top: 5px;
		}
		
		#register-text-button {
			position: relative;
			background: url('images/side-div.gif') top left no-repeat;
			padding-top: 10px;
		}
		
			#register-your-interest #golf-logo {
				background: url('images/golf-logo.png') no-repeat;
				width:26px;
				height:25px;
				float:left;
				position:relative;
				top:2px;
			}
		
			#register-your-interest #register-text {
				width:200px;
				float:left;
				margin-left:10px;
			}		
				#register-text p.green {
					font:14px/16px "Georgia";
					color:#7bc143;
					font-weight:bold;
					font-style:italic;
					margin:0;
				}
				
				#register-text p.white {
					font:14px/16px "Georgia";
					color:#fff;
					font-style:italic;
					margin:0;
				}
				
		#view-the-masterplan {
			position:absolute;
			top:260px;
		}
			#view-the-masterplan #golf-logo {
				background: url('images/golf-logo.png') no-repeat;
				width:26px;
				height:25px;
				float:left;
				position:relative;
				top:2px;
			}
		
			#view-the-masterplan #leaf-logo {
				background: url('images/leaf-logo.png') no-repeat;
				width:26px;
				height:25px;
				float:left;
				position:relative;
				top:3px;
			}
		
			#view-the-masterplan #register-text {
				width:200px;
				float:left;
				margin-left:10px;
			}		
				#view-the-masterplan p.green {
					font:14px/16px "Georgia";
					color:#7bc143;
					font-weight:bold;
					font-style:italic;
					margin:0;
				}
				
				#view-the-masterplan p.white {
					font:14px/16px "Georgia";
					color:#fff;
					font-style:italic;
					margin:0;
				}
				
		#horiz-seperator {
			background: url('images/horiz-seperator.png') no-repeat;
			width:289px;
			height:1px;
			margin:10px 0;
		}
		
		
		#options {
			position:absolute;
			bottom:40px;
		}
		
			#options h3 {
				font:14px/16px "Gill Sans MT";
				color:#fff;
				text-transform:uppercase;
				margin-bottom:10px;
			}
		
			.option-text {
				text-align:center;
			}
				.option-text a {
					font: 10px/14px "Georgia";
					font-style:italic;
					font-weight:bold;
					color:#13b5ea;
					text-decoration:none;
					text-align:center;
				}
				
					#content-right .option-text a p {
						font: 11px/14px "Georgia";
						text-decoration:none;
					    text-align:center;
						font-weight:normal;
						color:#fff;
						margin:0;
					}
					
					#content-left .option-text a p {
						font: 11px/14px "Georgia";
						text-decoration:none;
					    text-align:center;
						font-weight:normal;
						color:#fff;
						margin:0;
					}
			
			#option-one {
				width:80px;
				float:left;
			}
				
			#option-two {
				width:80px;
				float:left;
				margin-left:15px;
			}
			
			#option-three {
				width:80px;
				float:left;
				margin-left:15px;
			}
		
	#back-btn {
		background: url('images/back-btn.png') no-repeat;
		width:93px;
		height:48px;
		position:absolute;
		margin-left:-133px;
		bottom:40px;
	}
	
	#back-btn.left {
		background: url('images/back-btn.png') no-repeat;
		width:93px;
		height:48px;
		position:absolute;
		margin-left:330px;
		bottom:40px;
	}

/* End Live Here Inside Page */


/* Location Page */
#satellite-map {
	width:400px;
	height:350px;
}
/* End Location Page */

/* Masterplan Page */
#star-marinas {
	background: url('images/star-marinas.png') no-repeat;
	width:155px;
	height:71px;
	position:absolute;
	left:50%;
	margin-left:190px;
	bottom:90px;
}
/* End Masterplan Page */
		
/* Pacific Harbour Movie */
#pacific-harbour-movie {
	position:absolute;
	left:50%;
	margin-left:-371px;
	top:93px;
}
/* End Pacific Harbour Movie */

/* Frontpage Movies */
#video-container {
	position:relative;
	left:10px;
	top:10px;
	z-index:30;
}

#video-1, #video-2, #video-3, #video-4, #video-5 {
	position:relative;
	z-index:30;
}
/* End Frontpage Movies */

/* Thankyou & Error*/
#thankyou-message {
	margin-top:20px;
	font:14px/18px Arial;
	color: #fff;
}

#error-message {
	margin-top:40px;
	font:14px/18px "Gill Sans MT";
}

	#contact-left #error-message h1 {
		font:30px/34px "Gill Sans MT";
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		margin-top:0px;
	}
	
	#error-message h2 {
		font:20px/24px "Gill Sans MT";
		margin-top:20px;
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
/* End Thankyou */

/* Contact Page */
#contact-left {
	width:640px;
	height:488px;
	position:absolute;
	left:50%;
	margin-left:-485px;
	top:55px;
	/*border:1px #666 solid;*/
}

	#contact-left h1 {
		margin-top:23px;
	}

	#contactform {
		margin-top:25px;
	}
		
		#contactform label {
			width:195px;
			float:left;
			text-align:right;
			padding-right:30px;
			margin:5px 0;
			font:14px/21px "Gill Sans MT";
		}
		
		#contactform input {
			width:200px;
			float:left;
			margin:5px 0;
			font:12px/16px "Arial";
			border:1px #000 solid;
			height:20px;
		}
		
		#contactform select {
			width:200px;
			float:left;
			margin:5px 0;
			font:12px/16px "Arial";
			border:1px #000 solid;
			height:20px;
		}
		
		#contactform textarea {
			width:200px;
			float:left;
			margin:5px 0;
			height:50px;
			font:12px/16px "Arial";
			border:1px #000 solid;
		}
		
		#contactform #submit {
			width:110px;
			height:48px;
			background: url('images/submit-btn.png') no-repeat;
			cursor:pointer;
			position:absolute;
			left:50%;
			margin-left:130px;
			bottom:85px;
		}

	#conditions {
		font:11px/14px "Arial";
		color:#fff;
		width:630px;
		position:absolute;
		bottom:15px;
	}
		#conditions a {
			color:#fff;
		}
		
		
		
	#waterfront-sales {
	
	}
			#waterfront-sales #waterfront-logo {
				background: url('images/water.png') no-repeat;
				width:34px;
				height:31px;
				float:left;
				position:relative;
				top:2px;
			}
		
			#waterfront-sales #register-text {
				width:240px;
				float:left;
				margin-left:10px;
			}		
				#waterfront-sales p.blue {
					font:18px/14px "Gill Sans MT";
					color:#1ab7ea;
					margin-bottom:3px;
				}
				
				#waterfront-sales h2 {
					font:18px/14px "Gill Sans MT";
					color:#fff;
					text-transform:uppercase;
					margin:7px 0px;
				}
				
				#waterfront-sales h4 {
					font:23px/18px "Gill Sans MT";
					color:#fff;
					margin:5px 0px;
				}
					#waterfront-sales h4 span {
						font-weight:bold;
					}
				
				#waterfront-sales p.grey {
					font:15px/18px "Gill Sans MT";
					color:#909090;
					margin:5px 0px;
				}
				
				
	#golf-course-sales {
	
	}
			#golf-course-sales #golf-course-logo {
				background: url('images/golf-course.png') no-repeat;
				width:34px;
				height:31px;
				float:left;
				position:relative;
				top:2px;
			}
		
			#golf-course-sales #register-text {
				width:240px;
				float:left;
				margin-left:10px;
			}		
				#golf-course-sales p.green {
					font:18px/14px "Gill Sans MT";
					color:#1ab7ea;
					margin-bottom:3px;
				}
				
				#golf-course-sales h2 {
					font:18px/14px "Gill Sans MT";
					color:#fff;
					text-transform:uppercase;
					margin:7px 0px;
				}
				
				#golf-course-sales h4 {
					font:23px/18px "Gill Sans MT";
					color:#fff;
					margin:5px 0px;
				}
					#golf-course-sales h4 span {
						font-weight:bold;
					}
				
				#golf-course-sales p.grey {
					font:15px/18px "Gill Sans MT";
					color:#909090;
					margin:5px 0px;
				}
/* End Contact Page */
		
		
	#footer {
		position:absolute;
		bottom:0px;
		/*border:1px #666 solid;*/
	}
		
		#resident-sites {
			margin-left:0px;
			float:left;
			width:725px;	
		}
		
		#resident-sites.home {
			width:670px;
			margin-left:25px;
		}
		
		#resident-label {
			font:11px/14px "Georgia";
			font-style:italic;
		}
		
		#resident-links {
			font:11px/14px "Arial";
			text-transform:uppercase;
			font-style:normal;
		}
			#resident-links a.green { color:#7bc143; text-decoration:none; }
			
				#resident-links a.green:hover { color:#13b5ea; }
			
			#resident-links a.blue { color:#13b5ea; text-decoration:none; }
		
				#resident-links a.blue:hover { color:#7bc143; }
		
		#copyright {
			text-align:right;
			float:right;
		}
		
			#copyright p {
				font:11px/14px "Arial";
				color:#999;
			}
				#copyright p a {
					color:#999;
					text-decoration:none;
				}
				

/* Validation */
.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  


		
a, div, img { outline:none; text-decoration:none; }