/* ==== colours === */
/* 
background #2A629E
border #010199

/* ========== Basic main body layout ============ */
* { padding: 0; margin: 0; }
img { border: none; }

html, body {
	font-family: /*'Arial Narrow', 'Frutiger 45 Light', Verdana, */Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 95%;
	padding-bottom: 150px;	
}

.aqu {
	background: #006699 url('/images/bg_seabed.jpg') repeat-x;
	background-position: bottom;
	z-index: 1; 
	}

.catch {
	background: #344D65 url('/images/bg_seabed_catch.jpg') repeat-x;
	background-position: bottom;
	z-index: 1;	
	}
	
.deepwateraqu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 0; 
	background: url('/images/bg_gradient.jpg') repeat-x;
}

.deepwatercatch {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 0; 
	background: url('/images/bg_gradient_catch.jpg') repeat-x;
}

#bubbles {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 0;
}

.bubbleleft {
	float: left;
	width: 250px;
	height: 500px;
	margin-top: 20%;
}
.bubbleright {
	float: right;
	width: 250px;
	height: 500px;
	margin-top: 20%;
}	

#wrapper {
	position: relative;
	padding: 10px 0 0 0;
	width: 900px;
	margin: 0 auto;
	z-index: 5;
}

#main-page {
	width: 900px;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	background: #006699;
	z-index: 0;
}

a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; color: #fff;}

#main ul
{
	margin-left: 30px;
	font-size: 92%;
}
#main ul li
{
	padding: 3px;
}

/* =========== footer details =============== */

#footer {
	font-size: 90%;
	clear: both;
	width: 900px;
	height: 17px;
	margin: 2px 0 0 0;
	color: #ffffff;
}

#footer ul {
	float: right;
	list-style: none;
	width: 900px;
	margin: 0 auto;
}

#footer li {
	float: left;
	padding: 0 0 0 15px;
	margin: 0;
}

#footer li a {
	color: #ffffff;
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;
}

/* ========= details within main-page =========== */

/* ====== index styling ======== */
#index-left {
	text-align: center;
	position: relative;
	z-index: 0;
	float: left;
	width: 49%;
	margin: 25px 0px 0px 0px;
	padding: 0px;
}

#index-left p {
	padding: 10px 45px 5px 45px;
	}

#index-right {
	text-align: center;
	position: relative;
	z-index: 0;
	float: right;
	width: 49%;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	}

#index-right p {
	padding: 10px 45px 5px 45px;
	}


/* ==== internal pages ============== */
#top-header {
	color: #fff;
	width: 900px;
	position: relative;
}

.top-margin {
	margin: 15px 0 0 0;
	}

#top-header p {
	position: absolute;
	top: 10px;
	right: 25px;
	text-align: right;
	line-height: 1.5em;
	}

#head {
	position: relative;
	clear: both;
	width: 900px;
	height: 250px;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
}

#head img {
	width: 900px;
	height: 250px;
}


/* ================== custom styling ========== */

img { border: 0; margin: 0; padding: 0; }
a { color: #fff; text-decoration: none; margin: 0; padding: 0; }
a:hover { color: #fff; text-decoration: underline; margin: 0; padding: 0; }
h1 { margin: 10px 0 0 -10px; font-size: 130%; font-weight: bold; letter-spacing: 0.2em; color: #00AD84; }
h2 { margin: 10px 0 0 -5px; font-size: 100%; font-weight: bold; color: #00AD84;  }
p { font-size: 92%; margin: 8px 0; line-height: 1.2em; }
ul { margin: 0;	padding: 0; }
.right { float: right; }
.left { float: left; }

/*========= main content =============*/

#main {
	clear: both;
	width: 900px;
	padding: 0;
	margin: 15px 0 -2px 0;
}

table {
	font-size: 92%;
}

ul
{
	margin-left: 30px;
	font-size: 90%;
	color: #000033;
}

strong {
	color: #00AD84; 
	}
.white {
	color :#ffffff;
	}

/*========= left content =============*/

#col-left {
	float: right;
	width: 420px;
	min-height: 250px;
	margin: 0;
	padding: 0 15px;
}

#gift-h {
	margin-bottom: 10px;
	margin-left: 20px;
}

#laurel {
	float: left;
	width: 170px;
	margin: 10px 0 10px 20px;
}

#hardy {
	float: left;
	width: 170px;
	margin: 10px 0 10px 30px;
}

/*========= right content =============*/

#col-right {
	text-align: right;
	float: right;
	width: 450px;
	margin: 0;
	padding: 10px 0;
}

#col-right img {
	border: 1px solid #000;
}

.venuemap {
	margin: 0 0px 0 0;
	}


#venue-left {
	float: right;
	width: 360px;
	min-height: 500px;
	margin: 0;
	padding: 0 15px;
}
#venue-right {
	text-align: right;
	float: right;
	width: 500px;
	margin: 0;
	padding: 10px 0;
}

/* ======== Main menu ======== */

main-menu {
	position: relative;
	width: 900px;
	margin: 0;
	padding: 0;
	}

/* === Blue square tag styling === */

#b2 {
	text-align: right;
	width: 900px;
	font-size: 90%;
	}

#b2 a {
	color: #006;
	text-decoration: none;
	}

#b2 a:hover {
	text-decoration: underline;
	}

/* ======e-mail styling============*/

#text
{
	font-size: 110%;
	color: #bbb; 
}

/* search box */
#searchbox { 
	float: left;
	height: 28px;
	width: 200px;
	margin: 0; 
	padding: 1px 0;
	}

#searchbox label { 
	font-weight: bold; 
	}
#searchbox input.search {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	background: transparent url('../images/submit.gif') 0px -1px repeat-x;
}

#searchbox .button {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 27px;
	color: #fff;
	font-weight: bold;
	background: transparent url('../images/submit.gif') 0px -1px no-repeat;
}

/* ===== popup ==== */

#inner-popup {
	padding: 0 20px;
	}

#inner-popup ul {
	list-style-type: none;
	}

#inner-popup li {
	margin: 10px 0;
	padding: 0 10px;
	float: left;
	}

#inner-popup img {
	border: 1px solid #000;
	}

/* ====Google ====*/

#google {
	border: 1px solid #000;
	}

#google h3 {
	text-align: left;
	color: #666;
	font-size: 110%;
	}

#google p {
	text-align: left;
	color: #666;
	font-size: 100%;
	}

/* ===== styles for the form ===== */

form { width: 900px; margin: 10px; font-size: 0.8em;}
.row { clear: both; width: 50%; margin-top: 5px; padding: 4px 0; }
.row label { float: left; text-align: right; width: 45%; padding: 2px 3px 2px 0; }
.row .col2 { float: right; text-align: left; width: 53%; }
#contact span.col2 p, #contact span.col2 p { margin: 0; margin-bottom: 5px; }
#contact div.checklist { line-height: normal; }
#contact span.col2 input.check, #contact div.col2 input.check { background-color: #fff; }
.required { color: red; } 
.row .col2 input, .row .col2 textarea, .row .col2 span select { background-color: #fff; padding: 0; margin: 0;}
.row .button { margin: 10px auto; text-align: center; border: 1px solid #444444; background-color: #dddddd; color: #444444; }
.indent { text-align: center; margin: 20px auto; }
fieldset { padding: 10px; float: left; margin: 0 0 0 10px; color: #ccc; width: 400px;}
textarea { font-family:Arial, Verdana, sans-serif; font-size: 1em; }