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

html { height:100%;
}

body { margin:0;
	padding:0;
	background: url(../images/background.jpg) #000 no-repeat center -50px;
	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%; }

#jurongLogo { position:relative;
	top:5px;
	left:-50px;
	width:448px; }


#leftnav { 
	float:left;
	display:inline;
	position:relative;
	bottom:300px;
	right:80px; }
	
#centernav { width:228px;
	height:484px;
	float:left;
	display:inline;
	margin:0 auto;
	position:relative;
	bottom:120px;
	left:230px; }

#logos { width:182px;
	height:176px;
	float:left;
	position:relative; bottom:-300px;
	left:150px; }

#wrap { width:100%;


	 }
#wrapRelative { width:620px;
	margin:0 auto;
	position:relative;

	 }


/*navigation*/

ul#leftnavList { list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	bottom:-150px; }
	
ul#leftnavList li a { display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:180px; }
	



#whatsup a { background: url(../images/leftnav.png) no-repeat 0 0; height:40px; }
#purchase a { background: url(../images/leftnav.png) no-repeat 0 -40px; height:28px; }
#shoponline a { background: url(../images/leftnav.png) no-repeat 0 -68px; height:27px; }
#member a { background: url(../images/leftnav.png) no-repeat 0 -95px; height:28px; }
#adopter a { background: url(../images/leftnav.png) no-repeat 0 -123px; height:29px; }
#kidszone  a { background: url(../images/leftnav.png) no-repeat 0 -152px; height:30px; }
#mailinglist  a { background: url(../images/leftnav.png) no-repeat 0 -182px; height:27px; }
#fan a { background: url(../images/leftnav.png) no-repeat 0 -209px; height:26px; }
#map a { background: url(../images/leftnav.png) no-repeat 0 -235px; height:28px; }
#map { background: url(../images/leftnav.png) no-repeat 0 -235px; height:88px; width:180px; }

#whatsup a:hover { background: url(../images/leftnav.png) no-repeat -180px 0; height:40px; }
#purchase a:hover { background: url(../images/leftnav.png) no-repeat -180px -40px; height:28px; }
#shoponline a:hover { background: url(../images/leftnav.png) no-repeat -180px -68px; height:27px; }
#member a:hover { background: url(../images/leftnav.png) no-repeat -180px -95px; height:28px; }
#adopter a:hover { background: url(../images/leftnav.png) no-repeat -180px -123px; height:29px; }
#kidszone  a:hover { background: url(../images/leftnav.png) no-repeat -180px -152px; height:30px; }
#mailinglist  a:hover { background: url(../images/leftnav.png) no-repeat -180px -182px; height:27px; }
#fan a:hover { background: url(../images/leftnav.png) no-repeat -180px -209px; height:26px; }
#map a:hover { background: url(../images/leftnav.png) no-repeat -180px -235px; height:28px; }



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

#about  { background: url(../images/centernav.gif) no-repeat 0 0; width:228px; height:105px; }
#about a { background:url(../images/centernav.gif) no-repeat 0 -79px; height:26px; position:relative; bottom:-79px; }
#visitors a { background:url(../images/centernav.gif) no-repeat 0 -105px; height:27px; }
#getinvolved a { background:url(../images/centernav.gif) no-repeat 0 -132px; height:25px; }
#events a { background:url(../images/centernav.gif) no-repeat 0 -157px; height:28px; }
#attractions a { background:url(../images/centernav.gif) no-repeat 0 -185px; height:26px; }
#education a { background:url(../images/centernav.gif) no-repeat 0 -211px; height:27px; }
#membership a { background:url(../images/centernav.gif) no-repeat 0 -238px; height:27px; }
#calendar a { background:url(../images/centernav.gif) no-repeat 0 -265px; height:25px; }
#calendar { background:url(../images/centernav.gif) no-repeat 0 -265px; height:219px; }

#about a:hover { background:url(../images/centernav.gif) no-repeat -228px -79px; height:26px; position:relative; bottom:-79px; }
#visitors a:hover { background:url(../images/centernav.gif) no-repeat -228px -105px; height:27px; }
#getinvolved a:hover { background:url(../images/centernav.gif) no-repeat -228px -132px; height:25px; }
#events a:hover { background:url(../images/centernav.gif) no-repeat -228px -157px; height:28px; }
#attractions a:hover { background:url(../images/centernav.gif) no-repeat -228px -185px; height:26px; }
#education a:hover { background:url(../images/centernav.gif) no-repeat -228px -211px; height:27px; }
#membership a:hover { background:url(../images/centernav.gif) no-repeat -228px -238px; height:27px; }
#calendar a:hover { background:url(../images/centernav.gif) no-repeat -228px -265px; height:25px; }
#calendar { background:url(../images/centernav.gif) no-repeat -228px -265px; height:219px; }

#language { width:160px; 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:normal;
	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; }