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

html{font-size:100.01%;}
body 
{
	text-align: justify;
	color: #89818E;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 2.0;
	background-color:#666;
	}

p {text-align: justify;}

a:link {
	color:#333;

	text-decoration: none;
	
} 

a:visited {
	color:#333;
	text-decoration: none;
} 

a:hover {
	color:#ffffff;

	text-decoration: none;}
	

a:active {
	color:#333;
	
	text-decoration: none;
}

h3 {
	font-size:1em;
	text-align:left;
	color:#666;
	line-height: 1.1;
	font-weight: 100;

}
h2 {
	font-size:1.1em;
	text-align:left;
	color:#A6B07A;
	line-height: 1.1;
	font-weight: 100;
}
	
h1 {
	font-size:1.15em;
	text-align:left;
	color:#666;
	line-height: 1.3;
	font-weight: 100;
	letter-spacing: 2px;	
}
.wrapper  {
	top: 0px;
	left: 0px;
/*we need to tell the browser the size of the warpper div*/
width:1449px;
height: 900px;
/*aligns the page to the center horizontal (x)*/
margin: auto;
/*aligns the age to the center vertical (y)*/
position: relative;
background-image: url(images/Oceanfootfinal.jpg);
	background-repeat: no-repeat;
}


.container
{
	
	text-align: justify;

	text-align: left;
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	height: auto;
	width: 1449px;
    position: relative;
	
	}
	
.logo
{
	top: 42px;
	left:  63px;
	position: absolute;
	color: #333;
	width: 700px;
	}

.horizMenu{
	top: 237px;
	left:  142px;
	position: absolute;
	color: #333;
	width: 955px;
	font-size: 1.2em;
	background-color: transparent;
	text-align: center;
		}
		
.textBox{
	text-align: justify;
	top: 454px;
	left: 200px;
	font-size: 1.1em;
	width: 700px;
	position: absolute;
	color: #333;
			}

.footer {
	top: 852px;
	left:  -17px;
	position: absolute;
	color: #333;
	width: 1449px;
	text-align: center;
	font-size: .8em;
	}