/* Work based on CSS Zen Garden style "CSS ocean" v1.0 */ 
/*This is called Aquavisions */
/* author: Steve Martin - original work Kai Laborenz */
/* CSS released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
@media tty { 
i{content:"\";/*" "*/}}  @import '/aquavisions.css';  /*";}
}/* */


/* basic elements */

html {
	position: relative;
	margin: 0;
	padding: 0;
	background: #00008B url(images/CSS/background/bg-fade.gif) repeat-x;
	}

body { 
	position: absolute;
	margin: 0; 
	padding:0;
	width: 100%;
	font: 100.01% verdana; 
	color: #fff; 
	background: url(images/CSS/background/bg-bottom.png) repeat-x bottom left;
	}
	
p { 
	margin-top: 0; 
	text-align: justify;
	}
	
h3 { 
	font: normal 1.8em Impact, sans-serif; 
	margin: 0; 
	color: #F15205;
}	

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #A6CDDF;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #A3B1BE;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #FA7534;
	}

/* specific divs */
#container {
	position: relative;
	background: url(images/CSS/background/bg-top.jpg) repeat-x top left;
	font-size: 0.7em;
	line-height: 150%;
	padding: 0;
	padding-bottom: 150px;	
	margin: 0 auto;
	min-width: 750px;
	z-index: 20;
}

* html #container {
	position: static;
}

#introMain { 
	min-width: 450px;
	margin-left: 170px; 	
	margin-right: 170px;
}
	
#Summary, #Header {
	width: 500px;
	padding: 10px 20px 30px 20px;
	margin:auto;
	font-size:16px
}

#intro {
 	width: 500px;
	padding: 10px 20px 30px 20px;
	margin: auto;
	font-size:16px;
		}

#Header { 
	margin-bottom: 10px;
}
	
#about, #callus {
 	width: 500px;
	padding: 10px 20px 30px 20px;
	margin: auto;
	font-size:16px;
}

#flash {
 	width: 500px;
	padding: 0 20px 30px 20px;
	margin: 0 auto;
}

#hercules, #work, #clients {
	width: 500px;
	padding: 10px 20px 30px 20px;
	margin:auto;
	font-size:16px
	}

/*bubbles made by Andrea Ertel */
#about:hover {
background: url(images/CSS/animation/bubbles.gif) no-repeat 60px 0;
}	
#hercules:hover {
background: url(images/CSS/animation/bubbles.gif) no-repeat 0 0;
}	
#work:hover {
background: url(images/CSS/animation/bubbles.gif) no-repeat 45px 0;
}	
#clients:hover {
background: url(images/CSS/animation/bubbles.gif) no-repeat 100px 0;
}	
#intro:hover {
background: url(images/CSS/animation/bubbles.gif) no-repeat 150px 0;
}	
#callus:hover {
background: url(images/CSS/animation/bubbles.gif) no-repeat 150px 0;
}

#Header h1 {
	position: relative;
	margin: 0 0 10px -130px;
	padding: 79px 0 5px 0;
	width: 500px;
	height: 30px;
	color: Navy;
	letter-spacing: 1px;
	background: url(images/CSS/headers/aquavisions.png) no-repeat bottom left;
	
	
}
#Header h1 span{
	display: none;
}

#Header h2 {
	position: relative;
	top: -35px;
	left: 300px;
	font: bold 16px verdana;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 30px;
}

#Summary .p1 {

margin-top: 20px;
height: 60px;
background: url(images/CSS/animation/intro_ani.gif) no-repeat;

}

#Summary .p1 span {
	visibility: hidden;
}

	
#intro h3 span {
	visibility:hidden;
}

/* Begin Article Image */

#introimage h4 {
	height: 485px;
	min-width:650 px
}
* html #introimage h4 {
	background-image: ();
}	
#introimage h4 span {
	visibility:hidden;
}

/* End Article Image */

/* Begin About */

#about h3 {
	background: url(images/CSS/headers/about.png) no-repeat top left;
	height: 45px;
	
}
* html #about h3 {
	background-image: url(images/CSS/headers/about.png);
}	
#about h3 span {
	visibility:hidden;
}

/* End About */

/* Begin Hercules 
#hercules h3 {
	background: url(images/CSS/headers/hercules.png) no-repeat top left;
	height: 45px;
	
}
* html #hercules h3 {
	background-image: url(images/CSS/headers/hercules.png);
}	
#hercules h3 span {
	visibility:hidden;
}

/* End Hercules */

/* Begin Call Us */
#callus h3 {
	background: url(images/CSS/headers/callus.png) no-repeat top left;
	height: 75px;
	
}

* html #callus h3 {
	background-image: url(images/CSS/headers/callus.png);
}	
#callus h3 span {
	visibility:hidden;
	}
/* End Call Us */

/* Begin Work 
#work h3 {
	background: url(images/CSS/headers/work.png) no-repeat top left;
	height: 45px;
	
}

* html #work h3 {
	background-image: url(images/CSS/headers/work.png);
}	
#work h3 span {
	visibility:hidden;
	}
/* End Work */

/* Begin Clients
#clients h3 {
	background: url(images/CSS/headers/clients.png) no-repeat top left;
	height: 45px;
	
}

* html #clients h3 {
	background-image: url(images/CSS/headers/clients.png);
}	
#clients h3 span {
	visibility:hidden;
	}
/* End Clients */




#linkList { 
	position: absolute; 
	top: 212px;
	padding-top: 109px; 
	left: 2%;
	width: 170px;
	font-size: 12px;
	line-height: 150%;
	background: url() no-repeat 10px 0;
	}
	
#linkList h3.work { 
	margin: 10px 0px 3px 0px; 
	width: 140px; 
	height: 43px;
	/*background: transparent url(images/CSS/headers/work.png) no-repeat top left; */
	}
* html #linkList h3.work {
	/*background-image: url(images/CSS/headers/work.png);*/
}
#linkList h3.work span {
	display: none
	}

#linkList h3.clients { 
	/*background: transparent url(images/CSS/headers/clients.png) no-repeat top left; */
	margin: 25px 0px 5px 0px; 
	width: 140px; 
	height: 45px; 
	}
#linkList h3.clients span {
	display: none
	}

#linkList h3.clients { 
	/*background: transparent url(images/CSS/headers/clients.png) no-repeat top left; */
	margin: 25px 0px 3px 0px; 
	width:140px; 
	height: 45px; 
	}
* html #linkList h3.clients {
	/*background-image: url(images/CSS/headers/clients.png);*/
}
#linkList h3.clients span {
	display:none
	}

#linkList h3.hercules { 
	/*background: transparent url(images/CSS/headers/hercules.png) no-repeat top left; */
	margin: 25px 0px 3px 0px; 
	width:140px; 
	height: 45px; 
	}
* html #linkList h3.hercules {
	/*background-image: url(images/CSS/headers/hercules.png);*/
}	
#linkList h3.hercules span {
	display:none
	}

#linkList h3.home { 
	/*background: transparent url(images/CSS/headers/home.png) no-repeat top left; */
	margin: 25px 0px 3px 0px; 
	width:140px; 
	height: 45px; 
	}
* html #linkList h3.home {
	/*background-image: url(images/CSS/headers/home.png);*/
}	
#linkList h3.home span {
	display:none
	}

#linkList h3.contact { 
	/*background: transparent url(images/CSS/headers/contact.png) no-repeat top left; */
	margin: 25px 0px 3px 0px; 
	width:140px; 
	height: 45px; 
	}
* html #linkList h3.contact {
	/*background-image: url(images/CSS/headers/contact.png);*/
}	
#linkList h3.contact span {
	display:none
	}
#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
	list-style-type: none;
	margin: 4px 0;
	display: block; 
	}
	

/* swimming fishes */
#linkwork li, #linkclients li, #linkhercules li, #linkhome li, #linkcontact li {
	padding-left: 40px;
	background: url(images/CSS/animation/fish.gif) no-repeat -2px 0px;
}
#linkwork li:hover, #linkclients li:hover, #linkhome li:hover, #linkcontact li:hover, #linkhercules li:hover{
	background: url(images/CSS/animation/fish_ani.gif) no-repeat -2px 0px;
}	


#linkList li a:link { 
	color: #fff;
	}
#linkList li a:visited {
	color: #A3B1BE;
	}
#linkList li a:hover {
	color: #FA7534;
	}
	
	
#imageBox1 {
background: url(/article.png) no-repeat
position:absolute
width: 500px;
padding: 10px 20px 30px 20px;
margin: auto;

}

#lobsterbottom {
	position: absolute;
	width: 190px;
	height: 100px;
	left: 392px;
	bottom: 0;
	background: url(images/CSS/background/lobster.png) no-repeat bottom;
}

#bodybottom { 
	position: absolute;
	width: 1017px
	height: 296px;
	bottom: 0;
	background: url(images/CSS/background/bg-bottom.png) repeat-x bottom left;
	}