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

body {

	background:#B0E4FC url(../images/bg_sky.jpg) repeat-x left top;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	height: 100%;
}
html {
	height:100%;
}
* {
	margin: 0;
}
a:focus {
	-moz-outline-style:none;
}
img {
	border:none;
}
.clear {
	clear:both;
}
/* ------------------ LAYOUT --------------------- */

#container {
	position: relative;
	height: 100%;
}

#content {	
	position:relative;
	bottom:70px;
	background: url(../images/beach_huts.gif) repeat-x bottom;
	
	}
	
.wrapper {
	width: 820px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:#0097d7 url(../images/bg_people.jpg) no-repeat 550px bottom;
	margin: 0px auto -70px; /* the bottom margin is the negative value of the footer's height */
}
.wrapper .head {
	position:relative;
	top:70px;
	height:120px;
	width:100%;
	z-index:100;
	background: #FFF url(../images/logo.gif) no-repeat 670px 13px;
}
/* ------------------ RESET ALL --------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
fieldset, img {
	border:0;
}
/* ------------------ COPY --------------------- */

p {
	color: #FFF;
	line-height:120%;
}
p a, .hl {
	color: #01e6ea;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-weight: normal;
	color: #000000;
	position:relative;
	left:40px;
	top: 35px;
	width:400px
}
/* ------------------ HEAD --------------------- */

#mainNav {
	position:relative;
	top:66px;
	width:640px;
	border-top:solid 1px #CCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	list-style-type: none;
}
#mainNav li {
	float:left;
	padding:3px 0 0 30px
}
#mainNav li a {
	text-decoration:none;
	color:#0097d7
}
#mainNav li a:hover, #mainNav .active {
	color:#000
}
/* ------------------ MAIN CONTENT --------------------- */
	
	.wrapper .wrap {
	background: url(../images/bg_blue_grad.jpg) repeat-x left top;
	position: relative;
	top: 70px;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold;
}
.wrapper .wrap .colLeft {
	float:left;
	width:230px;
	background: url(../images/line.jpg) no-repeat right top;
	margin:50px 0 0 40px;
	min-height:360px;
}
.wrapper .wrap .colLeft h2 {
	font-size: 1.65em;
	font-weight: normal;
	padding-right:40px
}

h3 {
	font-size: 1em;
	font-weight: bold;
	padding-right:40px
}
.wrapper .wrap .colRight {
	float:left;
	margin:50px 0 0px 25px;
	width:360px;
	padding-bottom:140px;
	
}
.wrapper .wrap .colRight p {
	font-size: .85em;
	padding-bottom:20px;
}
/* ------------------ FOOTER --------------------- */

.footer {
	background-color: #0B4563;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding:10px 0;
}
.footer {
	height: 50px; /* .push must be the same height as .footer */
}
.push {
	height: 70px; /* .push must be the same height as .footer */
}
.footer .contents {
	width: 820px;
	margin:0px auto;
}
.footer .contents p {
	float:left;
	padding:8px 0 0 15px;
	font-size: .9em;
}
.footer .contents .address {
	padding-left:10px
}
/* FOOTER FORM */
	
	.footer .contents form {
	width:50%;
	
	float:left;
	margin:3px 0 0 25px;
}
.footer .contents label {
	float:left;
	color:#01e6ea;
	margin:3px 8px 0 0;
	font-size: .9em;
}
.footer .contents .textfield {
	float:left;
	background-color: #1a78a9;
	padding:2px 5px;
	height: 17px;
	width:115px;
	border:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #FFFFFF;
	margin-right:8px;
}
.footer .contents .submit {
	float:left
}
form {
	width: 250px;
	background-position: left center;

	vertical-align: top;
}

.picturealign{
	background-position: left bottom; border:0;
}
input {
	background-color: #0097D7;
	color: #FFFFFF;

	background-position: left bottom;

}