@charset "utf-8";

/*-------------------------------- GENERAL DECLARATIONS ------------------------------*/

body, div, span, table, p, th, tr, td, ul, li, h1, h2, h3, h4, img{
margin: 0; padding: 0;
}

body{
background-color: #000;
background-image: url(images/v2backer.jpg);
background-repeat: no-repeat;
font-family: verdana, arial, sans-serif;
}
#wrap{
width: 1000px;
height: 550px;
margin: 0 10%;
position: relative;
top: 120px;
}
/*--------------------------------HEADER AND NAV--------------------------------------*/
#aquanav{
position: relative;	
left: 400px;
}
#aquanav li{
font-size: 14px;
float: left;	
list-style-type: none;
color: #0a6679;
font-weight: 600;
height: 25px;
padding: 3px 5px 1px 18px;
margin: 5px 70px 0 0;
}
#aquanav li:hover{
cursor: pointer;
color: #69b696;	
background: url(images/arrow.png);
background-repeat: no-repeat;
background-position: 0 8px;
}
#header{
position:relative;
top: 17px;
z-index: 2;
width: 940px;
height: 52px;
background-image: url(images/topmotion.png);
background-repeat: no-repeat;	
}

/*---------------------------------------- MAIN BOX --------------------------------------------*/
#aquaholder{
margin: 0 auto;
position: relative;
width: 940px;
height: 325px;
background: #000;
overflow: hidden;
}
#aquabox{
position: relative;
width: 2240px;
height: 1225px;
background-image:url(images/deepsea.jpg);
}
#aquabox p{
color: #eaf2f0;
}
#blackback{
width: 1000px;
height: 395px;
background-image: url(images/backshadow.png);
background-repeat: no-repeat;
background-position: 0 21px;
}
#footer{
color: #444;
font-size: 12px;
text-align: center;
margin-top: 30px;
}


/*------------------------------------- CONTENT BOXES --------------------------------------------*/
.p1{
font-size: 20px;
margin-bottom: 10px;	
}
.p2{
font-size: 12px;
margin-bottom: 10px;
margin-left: 10px;	
}
#welcomebox{
width: 350px;
height: 100px;
position: absolute;
top: 65px;
left: 250px;
}
#companybox{
position: absolute;
width: 350px;
height: 150px;
left: 1450px;
top: 50px;
color: #eaf2f0;
}
#workbox{
position: absolute;
top: 875px;
left: 150px;
color: #eaf2f0;
width: 675px;
height: 250px;
}
#workbox a{
text-decoration: none;
color: #087466;
margin-left: 10px;
}
#workbox a:hover{
color: #69b696;	
}
#workListDiv{
float: right;
margin: 20px 0 0 25px;	
width: 300px;
}
/*---- this was floated left, not right like name -----*/
#workListDivRight{
float: left;
margin: 15px 20px 0 40px;
width: 200px;
border: 1px solid #1E1E1E;
padding: 10px;
}
#workListDivRight>.p2{
font-size: 18px;	
}
#contactbox{
position: absolute;
top: 850px;
left: 1380px;
width: 450px;
color: #eaf2f0;
}
#cform{
margin-top: 20px;
margin-left: 60px;
}
#namebox, #emailbox{
background-color: #03131f;
color: #CCC;
border: 1px solid #05565d;
margin-bottom: 5px;
width: 145px;
}
#textarea{
background-color: #03131f;
background-image:;
background-repeat: no-repeat;
background-position: center;
color: #CCC;
border: 1px solid #05565d;
overflow: hidden;
width: 185px;
}
.formlabel{
font-size: 11px;
margin-left: 20px;
vertical-align: middle;
margin-right: 5px;
}
.formlabeltop{
font-size: 11px;
vertical-align: top;
margin-right: 5px;
}
#subutton{
background-color: #03131f;
color: #CCC;
border: 1px solid #05565d;
width: 45px;
margin-left: 200px;
margin-top: 5px;
}
#subutton:hover{
background-color:#134039;
cursor: pointer;
}
#namewarning, #emailwarning{
font-size: 14px;
color:#840000;
margin-left: 15px;
vertical-align: middle;
margin-right: 5px;
display: none;
}
#textwarning{
font-size: 14px;
color:#840000;
margin-left: 15px;
vertical-align: top;
margin-right: 5px;
display: none;	
}

#crabholder{
position: relative;	
}

#crabid{
float: left;
margin-top: 185px;
}


#companyList{
width: 400px;
line-height: 18px;
font-size: 12px;
margin-left: 50px;
margin-top: 20px;
list-style-image: url(images/arrow.png);	
}