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

/* =Reset default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	/*font-family: 'Vollkorn', serif;*/
	font-family: 'Playfair Display';
	color: white;
	line-height:1.2em;
	font-size:30px;
}
h7 {
	clear: both;
	font-weight: normal;
	/*font-family: 'Vollkorn', serif;*/
	font-family: 'Playfair Display', cursive;
	color: black;
	line-height:1.2em;
	font-size:30px;
}
h8 {
	clear: both;
	font-weight: normal;
	/*font-family: 'Vollkorn', serif;*/
	color:#40a7c1;
	font-family: 'Lato', cursive;
	line-height:1.5em;
	font-size:15px;
}
h9 {
	clear: both;
	font-weight: normal;
	font-family: 'Neuton', cursive;
	color:#40a7c1;
	line-height:1.5em;
	font-size:30px;
}
h10 {
	clear: both;
	font-weight: normal;
	font-family: 'Neuton', cursive;
	color: white;
	line-height:1.5em;
	font-size:100px;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
a:active, a:focus {
	outline:0px;
}
a:link {color:#40a7c1;}     
a:visited {color:#287b91;} 
a:hover {color:#287b91;} 
a:active {color:#ffffff;}  

/* Layout 
----------------------------- */

body {
	background:#011c23;
}
#container {
	width:1366px;
	margin:0px auto;
	position:relative;
	overflow:visible;
	z-index:2;
}
/*Sections
----------------------------*/
#section1 {
	width:100%;
	height:750px;
	position:relative;
	/*background-image:url(images/title_bkg.jpg);*/
}
#section2 {
	width:100%;
	height:750px;
	position:relative;
}
#copy2 {
	position:absolute;
	left:153px;
	top:300px;
	width:600px;
	height:427px;
}
#section3 {
	width:100%;
	height:750px;
	position:relative;
}
#copy3 {
	position:absolute;
	right:50px;
	top:150px;
	width:600px;
	height:427px;
}
#section4 {
	width:100%;
	height:750px;
	position:relative;
	background-image:url(images/ocean_background.jpg);
}
#copy4 {
	position:absolute;
	left:113px;
	top:247px;
	width:500px;
	height:427px;
}
#section5 {
	width:100%;
	height:750px;
	position:relative;
	background-image:url(images/above_water.jpg);
}
#copy5 {
	position:absolute;
	left:111px;
	bottom:104px;
	width:600px;
	height:427px;
}
#section6 {
	width:100%;
	height:750px;
	position:relative;
}
#copy6 {
	position:absolute;
	left:30px;
	bottom:101px;
	width:680px;
	height:427px;
}
#section7 {
	width:100%;
	height:750px;
	position:relative;
}
#copy7 {
	position:absolute;
	right:400px;
	bottom:97px;
	width:500px;
	height:427px;
}
#section8 {
	width:100%;
	height:750px;
	position:relative;
}
#copy8 {
	position:absolute;
	right:400px;
	bottom:97px;
	width:500px;
	height:427px;
}
#section9 {
	width:100%;
	height:750px;
	position:relative;
}
#copy9 {
	position:absolute;
	right:60px;
	top:50px;
	width:600px;
	height:427px;
}
#section10 {
	width:100%;
	height:750px;
	position:relative;
}
#copy10 {
	position:absolute;
	right:60px;
	top:50px;
	width:650px;
	height:427px;
}
#section11 {
	width:100%;
	height:750px;
	position:relative;
	background-image:url(images/background.coral_reef.jpg);
}
#copy11 {
	position:absolute;
	right:40px;
	top:20px;
	width:500px;
	height:427px;
}
#section12 {
	width:100%;
	height:750px;
	position:relative;
}
#copy12 {
	position:absolute;
	right:40px;
	bottom:20px;
	width:500px;
	height:427px;
}
#section13 {
	width:100%;
	height:750px;
	position:relative;
	background-image:url(images/singing_sailboat.jpg);
}
#copy13 {
color:black;
	position:absolute;
	right:40px;
	top:20px;
	width:700px;
	height:427px;
	
}
#section14 {
	width:100%;
	height:750px;
	position:relative;
}
#copy14 {
color:black;
	position:absolute;
	right:459px;
	top:143px;
	width:450px;
	height:427px;
	
}
#section15 {
	width:100%;
	height:750px;
	position:relative;
}
#copy15 {
color:black;
	position:absolute;
	left:50px;
	top:50px;
	width:450px;
	height:427px;
	
}
#copy15end {
color:black;
	position:absolute;
	right:20px;
	bottom:80px;
	width:450px;
	height:427px;
	font-size:36px;
	
}
#section16 {
	width:100%;
	height:500px;
	position:relative;
}
#copy16left {
	position:absolute;
	left:0px;
	top:50px;
	width:510px;
	height:400px;
	font-family: 'Vollkorn', serif;
	color:#287b91;
	font-size:16px;
	float: left;
	line-height:1.5em;
	
}
#copy16middle {
	position:absolute;
	left:550px;
	top:51px;
	width:450px;
	height:400px;
	font-family: 'Vollkorn', serif;
	color:#287b91;
	font-size:16px;
	float: right;
	line-height:1.5em;
	
}
#copy16right {
	position:absolute;
	left:1031px;
	top:51px;
	width:335px;
	height:400px;
	font-family: 'Vollkorn', serif;
	color:#287b91;
	font-size:16px;
	float: right;
	line-height:1.5em;
	
}
/* Images
------------------------------*/
#whale {
	position:absolute;
	top:10px;
	left:50px;
	width:487px;
	height:755px;
	
}
#willwhale {
	position:absolute;
	top:20px;
	left:500px;
	width:755px;
	height:487px;
	
}
#momandwill {
	position:absolute;
	bottom:0px;
	top:0px;
	width:1092px;
	height:750px;
}
#title {
	position:absolute;
	top:100px;
	right:195px;
	z-index:1;
}
#page {
	position:absolute;
	width:1366px;
	height:1000px;
}
#lastpage {
	position:absolute;
	width:1366px;
	height:500px;
}
#sealionSing {
	position:absolute;
	right:100px;
	bottom:0px;
	z-index:20;
}
#sealionNo {
	position:absolute;
	right:-55px;
	bottom:0px;
	z-index:20;
}
#seagullSing {
	position:absolute;
	left:53px;
	bottom:0px;
	z-index:20;
}
#seagullNo {
	position:absolute;
	left:53px;
	bottom:0px;
	z-index:20;
}
#sailboat {
	position:absolute;
	z-index:20;
}
/* Links
-----------------*/
#fg1 {
		  position:absolute;
		  width:100%;
		  height: 11250px;
		  background: transparent url(images/fg1.png) 0 0px repeat-x; 
			top:0px;left:0px;
			z-index:1;
		  
		}
#fg2 {
		  position:absolute;
		  width:100%;
		  height: 11250px;
		  background: transparent url(images/fg2.png) 0 0px repeat-x; 
			top:0px;left:0px;
			z-index:1;
		  
		}
a.up {
	display:block;
	width:110px;
	height:50px;
	background:url(images/up.png) 0px 0px no-repeat;
	cursor:pointer;
}
a.up:hover, a.up:active {
	background-position:0px -50px;
}
a.down {
	display:block;
	width:110px;
	height:50px;
	background:url(images/down.png) 0px 0px no-repeat;
	cursor:pointer;
}
a.top {
	display:block;
	width:110px;
	height:50px;
	background:url(images/top.png) 0px 0px no-repeat;
	cursor:pointer;
}
a.down:hover, a.down:active, a.top:hover, a.top:active {
	background-position:0px -50px;
}
.nav {
	width:86px;
	height:75px;
}
#nav2 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav3 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav4 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav5 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav6 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav7 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav8 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav9 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav10 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav11 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav12 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav13 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav14 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav15 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}
#nav1 {
	position:absolute;
	bottom:38px;
	right:0px;
	margin-right:75px;
	z-index:30;
}