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


body { margin:0;
	padding:0; }
	
html { height:100% }

body { margin:0;
	padding:0;
	background: url(../images/background.jpg) no-repeat center top #000;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.78em; }
	
.clear { clear:both; }
img { border:0; }
a:focus, a:hover { outline:none; }

#maincontainer { width:100%; }

#leftnav { float:left;
	display:inline;
	position:relative;
	left:50px; }
 
#rightnav { width:182px;
	float:right;
	position:relative;
	right:80px; }
	
#wrap980 { width:980px; height:100%;
	margin:0 auto; }

#toppad { height:270px; }
#navwrap { width:100%; height:200px; }
	 
#bottombtn { width:100% background:#000; height:180px;
 }

#btnBirdpark { width:94px; height:180px;
	float:left; display:inline;
	position:relative;
	top:60px;
	left:250px; }

#zoo { width:93px; height:180px;
	float:left; display:inline;
	position:relative;
	top:40px;
	left:270px; }
	
#downloads { width:105px;height:180px;
	float:left; display:inline;
	position:relative;
	left:350px;
	top:40px; }

#safari { width:131px;
	float:right; display:inline;
	position:relative;
	top:100px; 
	right:200px;
 }




ul#leftnavList { list-style-type: none;
	padding:0;
	margin:0; }

ul#leftnavList li a { display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:199px; }
	
#about a { background:url(../images/leftnav.png) no-repeat 0 0; height:26px; }
#visitors a { background:url(../images/leftnav.png) no-repeat 0 -26px; height:25px; }
#getinvolved a { background:url(../images/leftnav.png) no-repeat 0 -51px; height:27px; }
#events a { background:url(../images/leftnav.png) no-repeat 0 -78px; height:26px; }
#attractions a { background:url(../images/leftnav.png) no-repeat 0 -104px; height:25px; }
#education a { background:url(../images/leftnav.png) no-repeat 0 -129px; height:27px; }
#membership a { background:url(../images/leftnav.png) no-repeat 0 -156px; height:28px; }
#fan a { background:url(../images/leftnav.png) no-repeat 0 -184px; height:22px; }

#about a:hover { background:url(../images/leftnav.png) no-repeat -199px 0; height:26px; }
#visitors a:hover { background:url(../images/leftnav.png) no-repeat -199px -26px; height:25px; }
#getinvolved a:hover { background:url(../images/leftnav.png) no-repeat -199px -51px; height:27px; }
#events a:hover { background:url(../images/leftnav.png) no-repeat -199px -78px; height:26px; }
#attractions a:hover { background:url(../images/leftnav.png) no-repeat -199px -104px; height:25px; }
#education a:hover { background:url(../images/leftnav.png) no-repeat -199px -129px; height:27px; }
#membership a:hover { background:url(../images/leftnav.png) no-repeat -199px -156px; height:28px; }
#fan a:hover { background:url(../images/leftnav.png) no-repeat -199px -184px; height:22px; }



ul#rightnavList { list-style-type:none;
	margin:0;
	padding:0; }
	
ul#rightnavList li a { display:block;
	overflow:hidden;
	width:183px;
	text-indent:-9999px; }
	


	
li#whatsup a { background: url(../images/right_nav.png) no-repeat 0 0; height:30px; }
li#purchase a { background: url(../images/right_nav.png) no-repeat 0 -30px; height:27px; }
li#shop a { background: url(../images/right_nav.png) no-repeat 0 -57px; height:28px; }
li#member a { background: url(../images/right_nav.png) no-repeat 0 -85px; height:25px; }
li#adopter a { background: url(../images/right_nav.png) no-repeat 0 -110px; height:27px; }
li#mailinglist a { background: url(../images/right_nav.png) no-repeat 0 -137px; height:27px; }
li#calendar a { background: url(../images/right_nav.png) no-repeat 0 -164px; height:27px; }

	
li#whatsup a:hover { background: url(../images/right_nav.png) no-repeat -183px 0; height:30px; }
li#purchase a:hover { background: url(../images/right_nav.png) no-repeat -183px -30px; height:27px; }
li#shop a:hover { background: url(../images/right_nav.png) no-repeat -183px -57px; height:28px; }
li#member a:hover { background: url(../images/right_nav.png) no-repeat -183px -85px; height:25px; }
li#adopter a:hover { background: url(../images/right_nav.png) no-repeat -183px -110px; height:27px; }
li#mailinglist a:hover { background: url(../images/right_nav.png) no-repeat -183px -137px; height:27px; }
li#calendar a:hover { background: url(../images/right_nav.png) no-repeat -183px -164px; height:27px; }


#language { width:150px; float:right; margin-top:20px; margin-right:20px; }



/*---------------FOOTER---------------*/
#footer { background-color:#000; 
	height:50px; 
	padding:0; 
	margin:0;
	position:fixed; bottom:0;
	color:#9a9a9b; 
	width:100%; 
	opacity:0.8; filter:alpha(opacity=80);
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:0.7em;
	font-weight:bold;
	color:#9a9a9b; }

#footerwrap { padding-top:10px;  }
	
#footer a { color:#9a9a9b; text-decoration:none; }
#footer a:hover { color:#FFFFFF; }
	
#footer table { margin:0 auto; }
#footerLink td { border-right:solid 1px #9a9a9b;
	padding:0 7px; }