/* photo CSS for Harbor Diving */
body {
/*	background: #006699 url(images/background_page2.gif) no-repeat fixed;  */
	background: #cccccc url(images/bg_grad.jpg) fixed;

	margin: 0;
  	padding: 0;
  	color: #33140E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   }
td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1,h2,h3,h4,h5,h6 { 
  border: 0;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
h3,h4 {
	color:#006699;
	background-color:inherit;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#containerMain { 
  width: 630px;
  background: url(images/container_edge2.gif) repeat-y;
  margin: 60px 0 0 25px;
}
#containerTop { 
  position: absolute;
  top: 45px;
  left: 25px;
  width: 630px;
  height: 15px;
  background: url(images/container_top2.gif) no-repeat;
}
#pageHeader { 
  height: 50px;
  padding: 0 0 10px 10px;
}
#pageHeader h1 { 
  height: 49px;
  width: 441px;
  background: url(images/logo3.gif) no-repeat;
}
#pageHeader h1 span { 
  display: none;
}
#homeEmail {
	position: absolute;
	top: 71px;
	left: 520px;
	background: url(images/homeEmail2.gif) no-repeat;
	height: 15px;
	width: 118px;
	padding: 0 0 0 18px;
}
#homeEmail a:link, #homeEmail a:visited { 
	color: #996;
	font-size: 10px;
	text-decoration:none;
}
#mainContent  {
	margin: 60px 0 0 25px;
}
#leftPanel  {	 
	position:relative;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	float:left;
}
#leftPanel h3  {
	font-size: 23px;
	color: #006699;
	text-transform: none;
	font-weight: bold;
	padding-top: 25px;
}
#leftPanel h4  {
	font-size: 16px;
	color: #006699;
	text-transform: none;
	font-weight: bold;
	padding-top: 16px;
}
#leftPanel p {
	font-size: 12px;
	line-height: 18px;
	color: #696934;
	padding: 0 0 0 10px;
}
#leftPanel a:link, #leftPanel a:visited {
	color:#006699;
}
#metalBox  {position:absolute;
	top:180px;
	left:32px;
	background: transparent url(images/metal_mid.gif) repeat-y top left;
	width: 400px;
	margin: 0 0 0 210px;
	padding: 0px 30px 0px 30px;
	
}
#metalTop {
	background: transparent url(images/metal_top.gif) no-repeat top left;
	width: 400px;
	height: 20px;
	margin: 0 0 0 210px;

}
#metalBtm {
	background: transparent url(images/metal_btm.gif) no-repeat;
	width: 400px;
	height: 20px;
	margin: 0 0 0 210px;
}
#hold50 {
	position:relative;
	width: 550px;
	float:left;
	padding: 0 25px 0 20px;
}

#hold50 p {
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #696934;
	padding: 0 20px 0 10px;
}
#hold50 h4  {
	font-weight: bold;
	padding-left: 10px;
}

#footer {
  background: transparent url(images/footer2.jpg) no-repeat top left;
  height: 195px;
  color:#FFFFFF;
  margin: 0 0 0 -25px;
  clear:both;
}
#footerAddress {
	text-align:center;
	color:#CCCC99;
	margin-top: -18px;
	margin-left: 90px;
	font-size: 10px;
}
#footerAddress a:link, #footerAddress a:visited {
	color:#FFCC00;
	text-decoration:none;
}
#copyright {
	font-size: 9px;
	background-color: #006699;
	padding-left: 25px;
}
#copyright a:link, #copyright a:visited { 
	color:#3aa2b7;
	text-decoration:none;
}
/**********************************************************/
/* Navigation                                             */
/**********************************************************/
#navigation {
	background:transparent;
	margin:12px 0 10px 11px;
	overflow: hidden;
}
#navigation ul {
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent;
  }
#navigation li {
  display:block; 
  float:left; 
  margin:0 0;
  }
.snazzy {
  background:transparent;
  }
.snazzy span {
  text-align:center; 
  color:#fff; 
  margin:0; 
  font-weight:normal;
  }
.xsnazzy {background:transparent;}
.xsnazzy span {
	text-align:center;
	color:#333;
	font-weight:normal;
	padding-top: 1px;
	padding-bottom: 3px;
	font-size: 11px;
}
.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {
	border-left:1px solid #000;
	border-right:1px solid #000;
	background:#006699;    /* top color span  */
}
.xb1 {margin:0 5px; background:#000;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {
	display:block;
	border:0 solid #000;
	border-width:0 1px 1px 1px;
}
a.xmenu, a.xmenu:visited {
	display:block;
	text-decoration:none;
	width:121px;
	background:#f5f5dc;    /* button color  */
}
a.xmenu:hover {background:transparent; cursor:pointer;}
a.xmenu:hover span {color:000;}
a.xmenu:hover .xboxcontent {background:#f5f5dc; border-color:#000; }
a.xmenu:hover .xb1 {background:#000;}
a.xmenu:hover .xb2, a.xmenu:hover .xb3, a.xmenu:hover .xb4 {background:#FFCC00; border-color:#000;
}

/**********************************************************/
/* The containing box for the photo gallerys              */
/**********************************************************/
#rightGallery {
	position:absolute;
	top:180px;
	left:32px;
	background: transparent url(images/metal_mid.gif) repeat-y top left;
    width:400px; 
    margin:0 0 0 210px; 
    }
#info { position:relative; }
#scrollbox {
	width:342px; height:60px; 
	margin: 10px 0 0 25px;
	padding:3px 0 1px 0; 
	background:#fff; 
	overflow:auto; 
	border:1px solid #000;
}
/* Change width when adding more pix to VESSELSALVAGE */
#thumbsSalvage {
	width:500px; height:40px;
}
/* Change width when adding more pix to PROPELLERSVC */
#thumbsProp {
	width:343px; height:40px;
}

/* Remove the images and text from sight */
#rightGallery a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
/* Adding the thumbnail images */
a.gallery, a.gallery:visited {display:block; width:50px; height:35px; margin:3px; float:left;}
#rightGallery a.gallery, #rightGallery a.gallery:visited {
	display:block;
	color:#000;
	font-size:11px;
	text-decoration:none;
	border:1px solid #000;
	margin:1px 0px 1px 0px;
	text-align:left;
	cursor:default;
    }
/* VESSELSALVAGE Photos */
#rightGallery a.salvageSlidepic {display:block;
	background: url(images/photos/salvage-pic.jpg) no-repeat;
	position:absolute; 
    top:90px; 
    left:25px; 
    width:341px; 
    height:224px; 
	border:0px;
}
#rightGallery a.salvageSlidea {	background: url(images/photos/salvage-1-crop.jpg);    }
#rightGallery a.salvageSlideb {    background: url(images/photos/salvage-2-crop.jpg);     }
#rightGallery a.salvageSlidec {    background: url(images/photos/salvage-3-crop.jpg);     }
#rightGallery a.salvageSlided {    background: url(images/photos/salvage-4-crop.jpg);     }
#rightGallery a.salvageSlidee {    background: url(images/photos/salvage-5-crop.jpg);     }
#rightGallery a.salvageSlidef {    background: url(images/photos/salvage-6-crop.jpg);     }
#rightGallery a.salvageSlideg {    background: url(images/photos/salvage-7-crop.jpg);     }
#rightGallery a.salvageSlideh {    background: url(images/photos/salvage-8-crop.jpg);     }

/* PROPELLERSVC Photos */
#rightGallery a.propSlidepic {display:block;
	background: url(images/photos/mikesuited.jpg) no-repeat;
	position:absolute; 
    top:90px; 
    left:25px; 
    width:341px; 
    height:224px; 
	border:0px;
}
#rightGallery a.propSlidea {	background: url(images/photos/prop-1-crop.jpg);    }
#rightGallery a.propSlideb {    background: url(images/photos/prop-2-crop.jpg);     }
#rightGallery a.propSlidec {    background: url(images/photos/prop-3-crop.jpg);     }
#rightGallery a.propSlided {    background: url(images/photos/prop-4-crop.jpg);     }
#rightGallery a.propSlidee {    background: url(images/photos/prop-5-crop.jpg);     }
#rightGallery a.propSlidef {    background: url(images/photos/prop-6-crop.jpg);     }
#rightGallery a.propSlideg {    background: url(images/photos/prop-7-crop.jpg);     }
#rightGallery a.propSlideh {    background: url(images/photos/prop-8-crop.jpg);     }

/* change the thumbnail border color */
/* when removed, it no longer works in IE */
#rightGallery a.gallery:hover {
    border:1px solid #fff; 
    }
/* styling the :hover span */
/* affects the larger photo  */
#rightGallery a.gallery:hover span {
    position:absolute; 
    width:343px; 
    height:300px; 
    top:90px; 
    left:25px; 
    color:#000; 
    background: transparent;
    }
#rightGallery a.gallery:hover img {
    border:1px solid #000000; 
    float:left; 
    margin-right:0px;
    }
/**********************************************************/
/* Schedule Service FORM                                  */
/**********************************************************/
#rightForm  {
	position:absolute;
	top:180px;
	left:32px;
/*	background: #3da2cc;   blue  */
	background: #C2C2A3;  
    width:400px; 
    margin:0 0 0 210px; 
    }

FORM {
font-size: 13px;
color: #696934;
padding: 0 10px 10px 25px;
}
/**********************************************************/
/* classes for text, etc.                                 */
/**********************************************************/
.textLine  {
	font-size:12px;
	margin-left: 30px;
	margin-right: 25px;
}
.textLine a:link, #textLine a:visited {
	text-decoration:none;
}