/***** Global Settings *****/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
 
body {
font:62.5%/1.3 Arial, Helvetica, sans-serif;
background:#003466 url(/california/images/bg.jpg) repeat-x;
color:#676767;
}

html { overflow: -moz-scrollbars-vertical; }
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:0 140px 18px 0;
letter-spacing:-2px;
font-size:4em;
font-weight:bold;
color:#5c8fef;
line-height:1em;
}
 
h2 {
padding:0 0 10px;
letter-spacing:-.4px;
font-size:2em;
}
 
h3 {
font-size:1.5em;
font-weight:bold;
color:#1c4aa0;
padding:10px 0;
}

h4 {
font-size:1.5em;
font-weight:bold;
color:#5c8fef;
padding:5px 0 10px;
}
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 1em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
color:#5c8fef;
text-decoration:none;
}

a:hover { text-decoration:underline }
 
/***** Forms 
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1.3em Helvetica, Arial, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}
 
label {
cursor:pointer;
text-align: right;
width: 75px;
padding-right: 20px;
}
 
br {
clear:left;
}
	*****/
	
/* clearing floats */

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0;
padding:0;
}
 
table tr td {
padding:0;
}
 
/***** Wrapper *****/

#bg-home {
	background:url(/california/images/hp-bg.jpg) no-repeat top center;
	width:100%;
	margin:0 auto;
	}

#wrap {
	width:1000px;
	margin:0 auto;
	}

#header {
	width:100%;
	height:141px;
	background:url(/california/images/header-bg.jpg) no-repeat;
	position:relative;
	}

	#header .logo {
		position:absolute;
		top:30px;
		left:44px;
		width:131px;
		height:68px;
		text-indent:-9999px;
		overflow:hidden;
		}

#main-nav {
	background:url(/california/images/nav-bg.jpg) no-repeat;
	width:100%;
	height:45px;
	margin:0 auto;
	}
	
#main-nav a {
	text-decoration:none;
	}

	#main-nav span { color:#ffa500 }

#slideshow {
	width:100%;
	height:625px;
	}
	
.menu {
	margin:25px auto 0;
	padding:0;
	list-style:none;
	width:393px;
}
.menu li {
	margin:0 0 10px 0;
	padding:0;
	display:block;
	width:111px;
	height:51px;
	position:relative;
	overflow:hidden;
}

.menu li a {
	display: block;
	margin:0 15px;
}

#wod-logo {
	margin:0 auto;
	width:459px;
	height:150px;
	background:url(/california/images/wod-logo.gif) no-repeat;
	position:relative;
	text-indent:-9999px;
	}
	
	#wod-logo .discovery-cove { position:absolute; width:61px; height:29px; top:118px; left:21px }
	#wod-logo .aquatica { position:absolute; width:66px; height:28px; top:121px; left:85px }
	#wod-logo .seaworld { position:absolute; width:57px; height:33px; top:114px; left:158px }
	#wod-logo .busch-gardens { position:absolute; width:64px; height:32px; top:119px; left:215px }
	#wod-logo .adventure-island { position:absolute; width:51px; height:38px; top:112px; left:283px }
	#wod-logo .water-country { position:absolute; width:49px; height:36px; top:114px; left:335px }
	#wod-logo .sesame-place { position:absolute; width:49px; height:32px; top:115px; left:389px }

#footer {
	width:100%;
	text-align:center;
	font-size:1.1em;
	color:#6894c8;
	padding-bottom:35px;
	}
	
	#footer ul {
		list-style-type:none;
		margin: 15px 0 0;
		padding:7px;
		}
		
		#footer ul li {
			display:inline;
			padding:0 7px;
			}
			
	#footer a {
		color:#85b5ed;
		}
	
	#footer a:hover {
		color:#fff;
		text-decoration:none;
		}	
	
	
/***** Subpage *****/		
			
#bg-sub {
	background:url(/california/images/sub-bg.jpg) no-repeat top center;
	width:100%;
	margin:0 auto;
	}
	
#sub-container {
	width:100%;
	background:#fff url(/california/images/sub-container-btm.gif) no-repeat 0 100%;
	min-height:800px;
	height:auto !important;
	height:800px;
	overflow:auto;
	
	}
	
	#sub-container .left {
		width:570px;
		padding:295px 60px 60px;
		float:left;
		}
		
	#sub-container .left p, #sub-container .left ul {
		font-size:1.3em;
		}	
	
	#sub-container .left img {
		padding:4px;
		background-color:#fff;
		border:1px solid #b0cee5;
		margin-right:7px;
		}	
		
	#banner {
		width:100%;
		height:301px;
		overflow:hidden;
		}
		
	#sub-container .right {
		width:310px;
		float:right;
		}
		
		#subnav {
			background:url(/california/images/subnav-bg.gif) repeat-y;
			width:100%;
			text-align:center;
			text-transform:uppercase;
			font-size:1.3em;
			font-weight:bold;
			}
			
			#subnav .links {
				background:url(/california/images/subnav-btm.gif) no-repeat 0 100%;
				overflow:hidden;
				width:100%;
				padding:0 0 100px;
				}
				
			#subnav .heading {
				height:135px;
				overflow:hidden
				}
				
			#subnav ul {
				padding:1px 0;
				margin:0 10px;
				background:url(/california/images/subnav-spacer.gif) 50% 0 no-repeat;
				}
				
				#subnav ul li {
					list-style:none;
					background:url(/california/images/subnav-spacer.gif) 50% 100% no-repeat;
					}
					
					#subnav ul li a {
						display:block;
						color:#fff;
						padding:11px 15px 9px;
						}
						
					#subnav ul li a:hover {
						background:url(/california/images/subnav-hover.gif) 50% 50% no-repeat;
						color:#fff;
						text-decoration:none;
						}	
						
					#subnav ul li .active {
						background:url(/california/images/subnav-active.gif) 50% 50% no-repeat;
						color:#022459;
						text-decoration:none;
						}
						
		#info-container {
			width:236px;
			margin:30px 20px;
			padding:10px 17px;
			background-color:#def0fd;
			border:1px dashed #b0cee5;
			}
			
			#info-container ul, #info-container p {
				font-size:1.2em;
				}

			#info-container ul li {
				padding-bottom:.65em;
				}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:5px 17px 10px 0; }
.img-right     { float:right;margin:5px 0 10px 17px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/* Lightbox styles */

#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: #fff; width: 250px; height: 250px; margin: 0 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(/california/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/california/images/nextlabel.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#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; }