@charset "utf-8";

/* CSS Document */

/* Start General Declarations */

html{padding-bottom:50px;}

body{background-color:#116b8d;margin:0 auto;}

a.footerlinks:link{color: #fff;}

a.footerlinks:visited{color: #fff;}

a.footerlinks:hover{color:#000;}

a.footerlinks:active{color:#000;}

/* End General Declaration */



/* Begin flyout Menu */

.menu {z-index:1000;font-size:11px;margin-left:39px;margin-top:15px;}

#flyoutul{margin-top:-10px;}

#flyoutul1{margin-top:-10px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:5px;margin:0;list-style-type:none;width:155px;}

/* position relative so that you can position the sub levels */

.menu li {position:relative;background:#222;height:19px;margin-top:6px;padding-bottom:4px;}

 /* get rid of the table */

.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:10px;}

/* style the links */

.menu a, .menu a:visited {display:block;text-decoration:none;height:22px;line-height:26px;width:154px;color:#fff;text-indent:5px;}

.menu :hover > a {color:#fff;background:#555;}

/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;top:0;left:155px;}

/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul {visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */

.menu ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */

.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* End flyout Menu */



/* Begin Div Styles */

#maindiv{color:#000;font-size:12px;text-align:center;width:1024px;height:768px;background-image:url('img/abyssmarinebg.jpg');padding:35px;background-repeat:no-repeat;}

#spiderman{margin:-25px;width:800px;text-align:center;color:#FFF;}

#pagetitle{width:285px;Height:28px;margin-top:30px;margin-left:10px;border-bottom:1px solid #000;font-size:20px;}

#templatewrapper{width:800px;height:900px;border-top:1px #000 solid; border-right:1px #000 solid; border-left:1px #000 solid;text-align:center;} 

#nav{margin-top:-0px;float:left;background-image:url('img/navtemp.jpg');width:237px;height:659px;}

#body{float:right;background-image:url('img/body.jpg');width:563px;height:659px;font-size:14px;text-align:center;}

#shark{margin-left:660px;margin-top:-204px;position:absolute;height:206px;width:300px;background-image:url('img/shark.png');}

#footer{margin-top:-4px;text-align:left;background-color:#0b5879;width:800px;height:35px;border-bottom:1px #000 solid; border-right:1px #000 solid; border-left:1px #000 solid;color:#fff; text-indent:60px;}

#validation{width:800px;text-align:center;margin-top:25px;}

#words{width:530px;height:414px;text-align:left;margin-left:12px;overflow:auto;text-align:center}
#wordsns{width:530px;height:414px;text-align:left;margin-left:12px;text-align:center}
#ttopflash{width:300px;height:200px;float:right;padding-right:120px;}

#googlemap{float:left;margin-left:10px;}

#contacttext{text-align:left;float:right;}
#contactinfo{float:right;width:350px;margin-top:-350px;height:200px;padding-right:75px;}
#phonenumberholder{padding-left:10px;width:150px;height:50px;margin:0 auto;}
/* End Div Styles*/

/* Coaded By Robert C. Gray Jr. AKA: Exonfluxx Created Under, Aarson Inc. */

/* Template by Aron Marshall */

/* Thats all folks ! */