@charset "UTF-8";
/* CSS Document */

body {
	background: url(../images/bg-top.jpg) #000 center top repeat-x;	
}

#content {
	width:1024px;
	min-height:700px;
	margin:0 auto;
	position:relative;
	height:auto !important;  
	height:700px;
}

#nav {
	width:800px;
	margin:50px auto 0 auto;
}

#nav ul {
	width:850px;
	float:left;
}

#nav ul li {
	float:left;
	height:27px;
	display:block;
}

#nav ul li a {
	display:block;
	padding:0 50px 0 0;
	text-align:left;
	height:27px;
	text-decoration:none;
}

#nav ul li a:active {
	background-position:left 1px;
}

#nav ul li .home {
	background: url(../images/nav-home.png) top left no-repeat;	
	text-indent:-9999px;
	width:180px;
	height:27px;
}

#nav ul li .videos {
	background: url(../images/nav-videos.png) top left no-repeat;	
	text-indent:-9999px;
	width:60px;
	height:27px;
}

#nav ul li .facts {
	background: url(../images/nav-facts.png) top left no-repeat;	
	text-indent:-9999px;
	width:85px;
	height:27px;
}

#nav ul li .tickets {
	background: url(../images/nav-tickets.png) top left no-repeat;	
	text-indent:-9999px;
	width:135px;
	height:27px;
}

#nav ul li .visit {
	background: url(../images/nav-visit.png) top left no-repeat;	
	text-indent:-9999px;
	width:125px;
	height:27px;
}


#welcome {
	margin:60px auto 0 auto;
	width:800px;
	position:relative;
}

#welcome h1 {
	background: url(../images/beluga-header.png) top center no-repeat;	
	text-indent:-9999px;
	width:800px;
	height:202px;
	position:relative;
	z-index:1;
}

#welcome #social {
	position:absolute;
	top:60px;
	right:85px;
	z-index:40;
}

#welcome p {
	width:284px;
	float:left;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	margin-left:25px;
	z-index:50;
	position:relative;
	color:#3A3B3E;
	margin-top:10px;
}


#welcome .belugas {
	position:absolute;
	left:0;
	top:150px;
	z-index:1;
}	

#welcome .bubble {
	position:absolute;
	left:224px;
	top:183px;
	z-index:0;
}	

#welcome .visit {
	position:absolute;
	right:0px;
	top:413px;
	background:url(../images/see-us.png) top left no-repeat;
	width:193px;
	height:44px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	cursor:pointer;
	z-index:50;
}

#welcome .visit:active {
	background-position:left 1px;
}

#video {
	background:#000;
	clear:both;
	margin:15px auto;
	width:819px;
	color:#fff;
	position:relative;
	padding-bottom:10px;
}

#video p {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}


#footer {
	background: url(../images/bg-bottom.jpg) center top repeat-x;
	background-color: #abc5d2;
	min-height:600px;
	position:relative;
}

#fun-facts {
	background: url(../images/fact-sheet-bg.jpg) top left no-repeat;
	width:892px;
	height:565px;
	margin:0 auto;
	position:relative;
	top:20px;
}

#fun-facts ul {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	position:relative;
	list-style:disc;
	width:500px;
	top:95px;
	left:60px;
}

#fun-facts ul li {
	margin-bottom:10px;	
}

#fun-facts .fact-sheet {
	width:290px;
	height:38px;
	background: url(../images/download-facts.jpg) top left no-repeat;
	text-indent:-9999px;
	position:relative;
	display:block;
	top:109px;
	left:100px;
}

#fun-facts .fact-sheet:active {
	background-position:left 1px;
}

#fun-facts .top {
	width:100px;
	height:21px;
	background: url(../images/back-to-top.png) top left no-repeat;
	text-indent:-9999px;
	position:absolute;
	display:block;
	bottom:45px;
	right:48px;
}


#fun-facts img {
	position:absolute;
	right:-20px;
	top:87px;	
}

.floatRight {
	float:right;
}