/*
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.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;
}


.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;
		}
		
		#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;
	}
	
	#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: 260px; 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 */


/* 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:absolute;
			top:240px;
		}
		
			#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:50px;
		}
		
			#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: 11px/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:50px;
	font:14px/18px "Gill Sans MT";
}

#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:12px;
		/*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; }