html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

\@font-face {
    font-family: "Stampete";
    src: url('spetetrial-webfont.eot');
    src: url('spetetrial-webfont.eot?#iefix') format('embedded-opentype'),
         url('spetetrial-webfont.woff') format('woff'),
         url('spetetrial-webfont.ttf') format('truetype'),
         url('spetetrial-webfont.svg#stampeteregular') format('svg');
}
\@font-face {
    font-family: "TypewriterScribbled";
    src: url(TypewriterScribbled.ttf) format("truetype");
}

span.customfont { 
    font-family: "Stampete", Verdana, Arial;
	font-smooth:always;
}

span.customfont a:hover {
	COLOR: #47554f; 
	TEXT-DECORATION: none; 
	font-weight: none;
}

span.twsfont { 
    font-family: "TypewriterScribbled", Courier New, Arial;
	font-smooth:always;
}

span.twsfont a:hover {
	COLOR: #47554f; 
	TEXT-DECORATION: none; 
	font-weight: none;
}

.twsfont { 
    font-family: "TypewriterScribbled", Courier New, Arial;
	font-smooth:always;
}

.twsfont a:hover {
	COLOR: #47554f; 
	TEXT-DECORATION: none; 
	font-weight: none;
}

#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

#wrapper {
  position: relative;
}

#links {
  position: relative;
  top: 195px;
  left: 347px;
 }

#photos {
  position: relative;
  top: 12px;
}

#wavewrapper {
   margin: 10px auto;
   padding: 0;
   border: 1px solid black;
   width: 1030px;
   height: 684px;
}

#waves {
  position: absolute;
}

#textback {
  position: relative;
  top: -210px;
  left: 340px;
  opacity:0.4;
  filter:alpha(opacity=40);
}

#title {

   font-family:verdana,arial;
   color:#ffffff;
   font-size:16pt;
   position:relative;
   left:55px;
   top:0px;
}

#home {

   position:relative;
   left:840px;
   top:-1020px;
}

#linksin {
   font-family:verdana,arial;
   color:#ffffff;
   font-size:14pt;
   position:relative;
   left:55px;
   top:50px
}

#maintxt {
   font-family:verdana,arial;
   color:#0019a8;
   font-size:10pt;
   position:relative;
   left:352px;
   top:-546px
}

#contacttxt {
   font-family:verdana,arial;
   color:#0019a8;
   font-size:10pt;
}

input.contact
   {
   position: relative; 
   font-family: verdana,helvetica;
   font-size: 8pt;
   color: #ffffff;
   background: #0019a8;
   border-width: 1px;
  }

input.submit
   {
   position: relative; 
   font-family: twsfont,verdana,helvetica;
   font-size: 8pt;
   color: #ffffff;
   background: #0019a8;
   border-width: 1px;
  }

select.select
   {
   position: relative; 
   font-family: twsfont,verdana,helvetica;
   font-size: 8pt;
   color: #ffffff;
   background: #8c7b57;
   border-width: 1px;
  }

textarea.comments
   {
   position: relative; 
   font-family: verdana,helvetica;
   font-size: 8pt;
   color: #ffffff;
   background: #0019a8;
   border-width: 1px;
  }

ul.menu {list-style:none; margin:0; padding:0;background-color:#d6d6d6}
ul.menu * {margin:0; padding:0;background-color:#d6d6d6}
ul.menu a {display:block; color:#c1102d; text-decoration:none;background-color:#d6d6d6}
ul.menu li {position:relative; float:left;background-color:#d6d6d6}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none;background-color:#ffffff}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:248px; margin:0;background-color:#ffffff}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#ffffff}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px;background-color:#ffffff}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

#menu1 {
width: 110px;
}
 
#menu1 ul {
list-style: none;
margin: 0;
padding: 0;
}
 
#menu1 a, #menu1 h2 {
font-size: 14pt;
font-family: verdana,arial;
display: block;
border-width: 0px;
margin: 0;
padding: 2px 3px;
}
 
#menu1 h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}
 
#menu1 a {
background: #286099;
text-decoration: none;
}
 
 
#menu1 li {
position: relative;
}
 
#menu1 ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
 
div#menu1 ul ul ul,
div#menu1 ul ul li:hover ul ul
{display: none;}
 
div#menu1 ul ul li:hover ul,
div#menu1 ul ul ul li:hover ul
{display: block;}
 
