/* css for Aquatic Adventures :: SilverBank Gallery */

body {
 /* background: #1a2567 url(http://www.aquaticadventures.com/i/background.gif) repeat-x 0 0; */
 margin: 0;
 padding: 0;
 color: #fff;
 font: 500 62.5%/1.5em Verdana, 'Lucida Grande', Arial, Sans-Serif; /* 1em=10px */
 text-align: center;
 background-color: rgb(0,0,1); /* #1a2567; */
 background-image: url(http://www.aquaticadventures.com/i/mom_calf_logo.gif);
 background-position: bottom right;
 background-repeat: no-repeat;
 background-attachment: fixed;
}

/* prime structure */
#rap {
width: 760px;
 position: relative;
 top:0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
padding:0;
}

#conTent {
position:relative;
top:0;
left:0;
width: 100%;
margin:0;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align: center;
border-top: none;
}


#header {
 position:relative;
 top:0;
 left:0;
 margin-bottom: 0;
 margin-top: 0;
 padding: 0;
 width: 760px;
 height: 80px; 
 background: url(http://www.aquaticadventures.com/i/logo.gif) no-repeat 10px 0;
}
* html #header {
 height: 95px;
}

.topnav {
	text-align:right;
}

#main {
 margin: 0;
 padding: 0;
}

#left {
	/*border: 1px dashed white;*/
}

embed: {margin-left: 250px;}

/* other structure elements */

#copy {
 font-size: 0.9em;
 font-weight: 500;
 text-align: center;
 color: #9a9eb2;
 margin-right: 0;
 padding-right: 0;
}
#footer #copy p {
 margin: 10px 0;
 padding: 0;
}
img {
 border: none;
}

.space {
	margin-top: 20px;
}

/* Links */

a {
 color: #7cd9f0;
 text-decoration: none;
}

a:hover {
 color: #fff;
 text-decoration: none;
}
#copy a {
 color: #99b;
 text-decoration: none;
}
#copy a:hover {
 color: #fff;
 text-decoration: none;
}

/* gallery code */
#info {position:relative;}
#scrollbox {
width:500px; 
height:115px; /* height of scrollbox */
margin-left:135px; 
/*background: #1B2465; #1a2567;  transparent; */
overflow:auto; 
/* border:1px solid #aaa; */
}
a.gallery, a.gallery:visited {
display:block; 
color:#000;
text-decoration:none; 
border:1px solid #000; 
width:97px; /* set the size of thumb here ********************************* */
height:70px; 
margin:3px; 
float:left;
}
a.slidea {background:url(g/p-02.jpg);}
a.slideb {background:url(g/p-03.jpg);}
a.slidec {background:url(g/p-04.jpg);}
a.slided {background:url(g/p-05.jpg);}
a.slidee {background:url(g/p-06.jpg);}
a.slidef {background:url(g/p-07.jpg);}
a.slideg {background:url(g/p-08.jpg);}
a.slideh {background:url(g/p-01.jpg);}
/* a.slidei {background:url(thumb10.jpg);}
a.slidej {background:url(thumb11.jpg);}
*/
.slidek {
display:block; 
position:absolute; 
width:500px; 
height:375px; 
top:20px; 
left:135px; 
padding:0; 
border:1px solid #000;
}

a.gallery span {
display:block; 
position:absolute; 
left:150px; 
top:-1px; 
width:1px; 
height:1px; 
overflow:hidden; 
background: transparent;
}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img, a.gallery:active img, a.gallery:focus img {border:1px solid #000;}
a.gallery:hover span, a.gallery:active span, a.gallery:focus span {
display:block; 
position:absolute; 
width:500px; 
height:410px; 
top:0px; /* position of displayed photo */
left:135px; 
padding:5px; 
font-style:italic; 
color:#000; 
background:#fff;
}
#thumbs {
width:900px; 
height:90px;}
* html #thumbs {
 width: 1000px;
}
#pad { /* positions scrollbox */
height:420px; 
width:165px;
}