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

body, html {
height: 100%;
background:#c9c0b4 url('../media/background1.jpg') top center no-repeat;text-align:left;
margin:0px;
min-width: 800px; 
 }

#wrapper {
position: relative;
background-position: 50%; 
width: 800px;
margin: 0 auto;
text-align: left;
background: #ffffff;
min-width: 780px;
color: #636363;
font-family:Georgia, "Times New Roman", Times, serif;
border:2px solid #000000;
margin-top:-2px;
min-height:748px;
}


#wrapper a:link, #wrapper a:visited, #wrapper a:active {
text-decoration:underline;
color: #000;	
}


#wrapper a:hover {
text-decoration:underline;
color:#368cc0;
}




#wrapper_index {
position: relative;
background-position: 50%; 
width: 800px;
margin: 0 auto;
text-align: left;
background: #ffffff;
min-width: 780px;
color: #636363;
font-family:Georgia, "Times New Roman", Times, serif;
border:2px solid #000000;
margin-top:-2px;
background-image:url(media/ocean.gif);
background-position:bottom;
padding-bottom:173px;
background-repeat:no-repeat;
}


#wrapper_index a:link, #wrapper_index a:visited, #wrapper_index a:active {
text-decoration:underline;
color: #000;	
}


#wrapper_index a:hover {
text-decoration:underline;
color:#368cc0;
}



#logo {
text-align:center;
border:0;
width:780px;
}


#logo a:link, #logo a:visited, #logo a:active #logo a:hover {
text-decoration:underline;
color:#000000;	
}

#logo img{
border:0;
}

#openwater {
position:relative;
text-align:center;
float:inherit;
margin-bottom:30px;
}


h2 {
position:relative;
color:#000000;
font-size: 2.2em !IMPORTANT;
letter-spacing:-.5px;
line-height:32px;
font-family:Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
padding-bottom:10px;
}

#firefox_header {
position:absolute;
height:200px;
background-color:#CCCCCC;
}

#firefox {
width:196px;
margin-left:300px;
border:0;

}

#firefox img {
border:none;
}



h3 {
position:relative;
color:#000000;
font-size: 1.7em !IMPORTANT;
letter-spacing:-.5px;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:10px;
}


#quote
{
position:relative;
color:#000000;
font-size: 23px;
letter-spacing:-.5px;
line-height:25px;
font-family:Arial, Helvetica, sans-serif;
font-style: italic;
width:590px;
margin-left:120px;
margin-top:40px;
text-align:justify;
}


#links {
position:relative;
font-size:14px;
text-align:right;
top:9px;
margin-right:40px;
margin-top:-140px;
font-family:Grotesque, Gothic;
}
#links a:link, #links a:visited, #links a:active {
text-decoration:none;
color: #000;	
}


#links a:hover {
text-decoration:underline;
color:#368cc0;
}



#bottom_links {
font-size:11px;
text-align:right;
margin-right:40px;
margin-top:110px;
}

#bottom_links a:link, #bottom_links a:visited, #bottom_links a:active {
text-decoration:none;
color: #000;	
}


#bottom_links a:hover {
text-decoration:underline;
color:#368cc0;
}

#contact_image {
position:relative;
margin-top:40px;}

#contact_image img {
height:250px;
}

#main_text {
letter-spacing:.02em;
width:721px;
line-height:1.25em;
font-size:14px;
margin-top:1px;
text-align:left;
margin-left:40px;
}

#main_image {
margin:0 auto;
}


#footer {
color:#000000;
bottom:0px;
background-position: 50%; 
position:absolute;
margin-bottom:-30px;
text-align:left;
font-size:10px;
margin-left:225px;
margin-right:225px;
}

#content {
font-weight: normal;
text-align:left;
vertical-align:top;
font-size:14px;
line-height:1.35em;
background-color:#FFFFFF;
overflow:auto;
height:540px;
width:700px;
margin-left:40px;
margin-top:30px;
padding-right:40px;
margin-top:30px;
letter-spacing:.02em;
}

.small {
font-size:9px;
font-family:Arial, Helvetica, sans-serif;

}

.smallmedia {
font-size:12px;
margin-top:-11px;
}

.center {
text-align:center
}

#break {
margin-top:10px;
margin-left:40px;
margin-bottom:-20px;
}

#contact_img {
position:relative;
margin-left:245px;
margin-bottom:-320px;
}


#green {
position:relative;
margin-top:15px;
margin-left:250px;
}

#power {
margin-top:-45px;
}

#tree {
margin-top:-25px;
margin-bottom:15px;
}