/* Freshwater Studio Style */

body {  background: url("../images/BackGround/FWSbackground.gif"); background-repeat:repeat;  margin:0%}

	a:link {font: normal bold 10pt "century gothic"; color: #000000; text-decoration: underline}
	a:visited {font: normal bold 10pt "century gothic"; color: #000000; text-decoration: underline}
	a:hover {font: normal bold 10pt "century gothic"f; color: #ff0000; text-decoration: underline}
	
	a.n:link {font: normal bold 10pt "century gothic"; color: #000000; text-decoration: none}
	a.n:visited {font: normal bold 10pt "century gothic"; color: #000000; text-decoration: none}
	a.n:hover {font: normal bold 10pt "century gothic"; color: #d6d7ce; text-decoration: none}

	a.h:link {font: normal bold 10pt "monotype corsiva"; color: #000000; text-decoration: none}
	a.h:visited {font: normal bold 10pt "monotype corsiva"; color: #000000; text-decoration: none}
	a.h:hover {font: normal bold 10pt "monotype corsiva"; color: #d6d7ce; text-decoration: none}
	
	a.x:link {font: normal bold 10pt "century gothic"; color: #000000; text-decoration: none}
	a.x:visited {font: normal bold 10pt "century gothic"; color: #000000; text-decoration: none}
	a.x:hover {font: normal bold 10pt "century gothic"; color: #ff0000; text-decoration: none}	
	
	a.y:link {font: normal bold 10pt "century gothic"; color: #ffff00; text-decoration: underline}
	a.y:visited {font: normal bold 10pt "century gothic"; color: #ffff00; text-decoration: underline}
	a.y:hover {font: normal bold 10pt "century gothic"; color: #ff0000; text-decoration: underline}	
		
	a.z:link {font: normal bold 10pt "century gothic"; color: #ffa500; text-decoration: none}
	a.z:visited {font: normal bold 10pt "century gothic"; color: #ffa500; text-decoration: none}
	a.z:hover {font: normal bold 10pt "century gothic"; color: #ff0000; text-decoration: none}


h1 { color: #000000; text-align: left; text-decoration: none; font-family: "century gothic"; font-size: 20pt; font-weight: bold }
h2 { color: #000000; text-align: center; text-decoration: none; font-family: "century gothic"; font-size: 18pt; font-weight: bold }
h3 { color: #000000; text-align: left; text-decoration: none; font-family: "century gothic"; font-size: 16pt; font-weight: bold }
h4 { color: #000000; text-align: center; text-decoration: none; font-family: "century gothic"; font-size: 16pt; font-weight: bold }
h5 { color: #ffa500; text-align: center; text-decoration: underline; font: italic normal bold 16pt "century gothic"  }
h6 { color: #ffff00; text-align: center; text-decoration: none; font: italic normal bold 20pt "century gothic"  }

p { color: #ffff00;  text-align: left; text-decoration: none; font: normal bold 12pt "comic sans ms" }
p.a { color: #ffa500; text-align: left; text-decoration: none; font: normal bold 11pt "comic sans ms" }
p.b { color: #ffa500; text-align: left; text-decoration: none; font: normal bold 10pt "comic sans ms" }
p.c { color: #ffa500;  text-align: center; text-decoration: none; font: normal bold 12pt "century gothic" }
p.d { color: #000000; text-align: center; text-decoration: none; font: normal bold 10pt "century gothic" } 
p.e { color: #000000; text-align: left; text-decoration: none; font: normal bold 10pt "century gothic" }
p.f { color: #ffa500;  text-align: left; text-decoration: none; font: normal bold 12pt "century gothic" }
p.g { color: #ffa500;  text-align: center; text-decoration: none; font: normal bold 10pt "comic sans ms" }
p.h { color: #ffa500;  text-align: center; text-decoration: none; font: normal bold 12pt "century gothic" }
p.i { color: #ffa500;  text-align: left; text-decoration: none; font: normal bold 12pt "comic sans ms" }
p.j { color: #ffa500;  text-align: left; text-decoration: none; font: normal bold 14pt "comic sans ms" }
p.k { color: #ffff00;  text-align: center; text-decoration: none; font: normal bold 10pt "comic sans ms" }
p.l { color: #dfbb00; text-align: left; text-decoration: none; font: normal bold 10pt "comic sans ms" }
p.t { color: #ffa500;  text-align: left; text-decoration: none; font: normal bold 10pt "century gothic" }
p.s { color: #ffff00;  text-align: center; text-decoration: none; font: normal bold 12pt "century gothic" }


ul { color: #000000; text-align: left; text-decoration: none; font: normal bold 12pt "comic sans ms" }

.button {width: 60; color:#000000; background-color:#ffff00; text-align:center; font-family:"century gothic"; font-weight:bold; font-size:10pt; border-color:#ffa500}
.buttonA {width: 100; color:#000000; background-color:#ffff00; text-align:center; font-family:"century gothic"; font-weight:bold; font-size:10pt; border-color:#ffa500}

.submit {width: 60; color:#000000; background-color:#ffff00; text-align:center; font-family:"century gothic"; font-weight:bold; font-size:10pt; border-color:#ffa500}

.reset {width: 60; color:#000000; background-color:#ffff00; text-align:center; font-family:"century gothic"; font-weight:bold; font-size:10pt; border-color:#ffa500}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #ffa500; width: 250px; height: 250px; margin: 50 auto; }
#imageContainer{ padding: 10px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(gallery/imagesLB/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(gallery/imagesLB/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ position:relative; font: 10px Verdana, Helvetica, sans-serif; background-color: #ffa500; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding: 10px; color: #000; }
#imageData #imageDetails{ width: 90%; float: left; text-align: center; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }