/* -------------------------------------------------------------- 

   landingpage.css
   * Landing page stylesheet file
   
-------------------------------------------------------------- */

/** body **/
body {
	overflow:hidden;
	margin:0;
	padding:0;
}

/** wrapper **/
.wrapper {
	width:960px;
	margin:0 auto;
}

/** utilitiy classes **/
.left {
	float:left;
}

.right {
	float:right;
}

.highlight {
	color: #ebcdd7;
}

/** background container **/
.background {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: #000;
	padding:0;
	margin:0;
}
	/** background image (scalable **/
	.background img {
		width:100%;
		height:100%;
		padding:0;
		margin:0;
		position:absolute;
		top:0;
		left:0;
	}

/** top zone **/
.top-zone {
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:100%;
}
	/** text: Perfect for... **/
	.text-perfectfor {
		color: #5a1c5b;
		font-size:40px;
		text-align:center;
		margin:20px auto;
		display:block;
		width:198px;
		height:32px;
		/* background: url('/assets/images/text.perfectfor.png'); */
	}
		.text-perfectfor span {
			display:none;
		}
	/** text: ...everyone **/
	.text-everyone {
		color: #fff;
		font-size:40px;
		text-align:center;
		margin:25px auto 0 auto;
		display:block;
		width:250px;
		height:47px;
		/* background: url('/assets/images/text.everyone.png'); */
	}
		.text-everyone span {
			display:none;
		}
	/** top panel **/
	.top-panel {
		background: url('/assets/images/tint.bg.png');
		padding:20px 0;
	}
		.top-panel p {
			margin:0;
		}
		.top-panel a {
			float:left;
		}
		.top-panel a span {
			display:none;
		}
		/** first panel **/
		.top-panel a.first {
			margin-left:50px;
			width:270px;
			height:153px;
			background: url('/assets/images/logo.esplanade.png');
		}
		/** second panel **/
		.top-panel a.second {
			margin-left:80px;
			width:209px;
			height:153px;
			background: url('/assets/images/logo.thebay.png');
		}
		/** third panel **/
		.top-panel a.third {
			margin-left:110px;
			width:153px;
			height:153px;
			background: url('/assets/images/logo.fistralspa.png');
		}

/** bottom zone **/
.bottom-zone {
	position:absolute;
	z-index:10;
	bottom:0;
	left:0;
	width:100%;
}
	/** bottom panel **/
	.bottom-panel {
		height:100px;
		background: url('/assets/images/tint.bg.png');
		text-align:center;
	}
		.bottom-panel h3 {
			margin:20px auto 10px auto;
			display:block;
		}
			.bottom-panel h3 span {
				display:none;
			}
		.bottom-panel a {
			color: #fff;
		}
	/** celebrations panel **/
	.bottom-panel .panel-celebrations {
		float:left;
		width:300px;
		color: #f5dcae;
		margin-left:40px;
	}
		.bottom-panel .panel-celebrations h3 {
			width:163px;
			height:20px;
			background: url('/assets/images/text.celebrations.png');
		}
	/** surfing panel **/
	.bottom-panel .panel-surfing {
		float:left;
		width:225px;
		margin-left:20px;
		color: #df8f9a;
	}
		.bottom-panel .panel-surfing h3 { 
			width:91px;
			height:25px;
			margin-bottom: 5px;
			background: url('/assets/images/text.surfing.png');
		}
	/** conference and events panel **/
	.bottom-panel .panel-events {
		float:left;
		width:280px;
		margin-left:20px;
		color: #cfc9b8;
	}
		.bottom-panel .panel-events h3 {
			width:268px;
			height:20px;
			background: url('/assets/images/text.events.png');
		}
	
	/** footer **/
	.footer {
		background: #300631;
		color: #783079;
	}
		.footer .wrapper {
			padding:10px 15px 10px 15px;
			width:930px;
		}
		.footer p {
			margin:0;
		}
		.footer a {
			color: #ebcdd7;
			text-decoration:none;
		}
		.footer a:hover {
			text-decoration:underline;
		}
		/** footer contact details **/
		.footer-contact-details {
			padding-top:10px;
		}
		/** footer newsletter signup form **/
		.footer-newsletter-form {
			margin-top:10px;
		}
			.footer-newsletter-form h5 {
				font-size:12px;
				margin:0 0 5px 0;
				text-decoration:none;
				color: #783079;
				font-style:normal;
			}
			.footer-newsletter-form input {
				color: #999;
				font-size:10px;
				background: #fff;
				border: 1px solid #cccccc;
				padding:3px;
				width:224px;
				margin-right:5px;
			}
				.footer-newsletter-form input.focussed {
					color:#783079;
				}
			.footer-newsletter-form button {
				width:65px;
				height:21px;
				border:0;
				background: url('/assets/images/button.signup.png');
				cursor:pointer;
				vertical-align:top;
			}
				.footer-newsletter-form button span {
					display:none;
				}