body,html{
	width:100%;
	height:874px;
	margin:0px;
	overflow:auto;
	background-image:url(../gs/a-startile2.gif);
	background-repeat:repeat;
	background-attachment:scroll;
	cursor: url(../gs/banana_cursor.gif), auto;
}
a{
  outline: none;
}

#curtain{
	width:100%;
	height:874px;
	overflow:hidden;
	background-image:url(../gs/a-startile2.gif);
	background-position:0px 0px;
	background-repeat:repeat-horizontal;
	background-attachment:scroll;
	position:absolute;
	top:0px;
	left:0px;
	z-index:300;
}
	#loading{
		width:300px;
		height:200px;
		margin:auto;
		margin-top:250px;
		background-image:url(../gs/loading.gif);
	}
#outer_wrapper{
	width:100%;
	height:874px;
	overflow:hidden;
	background-image:url(../gs/background_horiz_tile_2.gif);
	background-position:0px 0px;
	background-repeat:repeat-horizontal;
	background-attachment:scroll;
	margin-top:0px;
}

#wrapper{
	width:880px;
	height:874px;
	margin:auto;
	position:relative;
}

#computer_content{
	position:absolute;
	top:29px;
	left:140px;
	width:590px;
	height:440px;
	z-index:45;
	padding:0px;
}
	#computer_content *{
		z-index:45;
	}

	#welcome{
		width:100%;
		height:100%;
	}	
		#welcome .strawberry{
			margin:auto;
			text-align:center;
			margin-top:55px;
			margin-left:10px;
		}
			#welcome .strawberry img{
				margin-right:-2px;
				margin-left:-2px;
				height:62px;
			}
		#welcome .banana{
			margin:auto;
			text-align:center;
		}
			#welcome .banana img{
				margin-right:-2px;
				margin-left:-2px;
				height:62px;
			}
		#welcome .wb_award{
			margin:auto;
			width:500px;
			height:200px;
		}
	#about{
		width:100%;
		height:100%;
		background-image:url(../gs/about.gif);
	}
	
	#news{
		width:100%;
		height:100%;
		position:relative;
		background-image:url(../gs/news.gif);
	}
		#news .link{
			position:absolute;
			display:block;
			top:374px;
			left:67px;
			background-image:url(../gs/images/news_03.gif);
			width:278px;
			height:43px;
			z-index:300;
		}
	
	#crew{
		width:100%;
		height:100%;
	}	
		#crew_back{
			background-image:url(../gs/images/back_03.gif);
			position:absolute;
			top:374px;
			left:40px;
			display:block;
			width:64px;
			height:34px;
		}
	
		#director_nav{
			position:absolute;
			display:block;
			width:420px;
			height:57px;
			top:44px;
			left:87px;
			background-image:url(../gs/images/crew_03.gif);
		}
			#director{
				width:100%;
				height:100%;
				background-image:url(../gs/director.gif);
			}
		#dp_nav{
			position:absolute;
			display:block;
			width:420px;
			height:54px;
			top:136px;
			left:87px;
			background-image:url(../gs/images/crew_06.gif);
		}
			#dp{
				width:100%;
				height:100%;
				background-image:url(../gs/dp.gif);
			}
		#pd_nav{
			position:absolute;
			display:block;
			width:420px;
			height:59px;
			top:224px;
			left:87px;
			background-image:url(../gs/images/crew_08.gif);
		}
			#pd{
				width:100%;
				height:100%;
				background-image:url(../gs/pd.gif);
			}
		#p_nav{
			position:absolute;
			display:block;
			width:420px;
			height:55px;
			top:319px;
			left:87px;
			background-image:url(../gs/images/crew_10.gif);
		}
			#p{
				width:100%;
				height:100%;
				background-image:url(../gs/p.gif);
			}
	
	#pictures{
		background-color:black;
		width:100%;
		height:100%;
	}
		#slideshow{
			position:absolute;
			top:0px;
			left:0px;
			background-color:black;
		}
			
		#slideshow .image_holder{
			width:100%;
			min-height:500px;
			margin:auto;
			margin-bottom:30px;
			background-color:black;
		}
			#slideshow .image_holder .ss_images{
				position:relative;
			}
				#slideshow .image_holder .ss_images img{
					position:absolute;
					display:block;
					margin:auto;
					top:0;
					left:0;
					z-index:8;
				}
					#slideshow .image_holder .ss_images img.active{
						border:none;
						z-index:10;
					}
					#slideshow .image_holder .ss_images img.last_active{
						z-index:9;
					}
	
	#links_wrapper{
		width:100%;
		height:100%;
	}
		#links{
			position:absolute;
			top:0px;
			left:0px;
			width:590px;
			height:440px;
			z-index:200;
		}
			#links a{

			}
		#l_1{
			background-image:url(../gs/images/links_01.gif);
			display:block;
			width:590px;
			height:55px;
		}
		#l_2{
			background-image:url(../gs/images/links_02.gif);
			display:block;
			width:590px;
			height:36px;
		}
		#l_3{
			background-image:url(../gs/images/links_03.gif);
			display:block;
			width:590px;
			height:38px;
		}
		#l_4{
			background-image:url(../gs/images/links_04.gif);
			display:block;
			width:590px;
			height:39px;
		}
		#l_5{
			background-image:url(../gs/images/links_05.gif);
			display:block;
			width:590px;
			height:38px;
		}
		#l_6{
			background-image:url(../gs/images/links_06.gif);
			display:block;
			width:590px;
			height:39px;
		}
		#l_7{
			background-image:url(../gs/images/links_07.gif);
			display:block;
			width:590px;
			height:40px;
		}
		#l_8{
			background-image:url(../gs/images/links_08.gif);
			display:block;
			width:590px;
			height:40px;
		}
		#l_9{
			background-image:url(../gs/images/links_09.gif);
			display:block;
			width:590px;
			height:34px;
		}
		#l_10{
			background-image:url(../gs/images/links_10.gif);
			display:block;
			width:590px;
			height:84px;
		}


#computer_image{
	width:880px;
	height:874px;
	background-image:url(../gs/computer_003.gif);
	display:block;
	z-index:50;
	position:absolute;
	top:0px;
	left:0px;
}

#glare{
	width:880px;
	height:874px;
	background-image:url(../gs/computer_003_glare.gif);
	display:block;
	z-index:55;
	position:absolute;
	top:0px;
	left:0px;
}


#video_player{
	position:absolute;
	top:29px;
	left:144px;
	width:590px;
	height:440px;
	z-index:10;
	background-color:transparent;
}

#computer_background{
	position:absolute;
	top:29px;
	left:144px;
	width:590px;
	height:440px;
	background-color:transparent;
	z-index:10;
	background-image:url(../gs/background.gif);
}

#computer_navigation{
	width:880px;
	height:362px;
	display:block;
	position:absolute;
	top:512px;
	left:0px;
	z-index:200;
}
	#computer_nav_wrapper{
		position:relative;
		width:880px;
		height:362px;
	}
	#top_l{
		background-image:url(../gs/images/computer_nav_003_01.gif);
		position:absolute;
		top:0px;
		left:0px;
		display:block;
		width:705px;
		height:33px;
	}
	#top_m_u{
		background-image:url(../gs/blinking_keyborad.gif);
		position:absolute;
		top:0px;
		left:700px;
		display:block;
		width:27px;
		height:24px;
	}
	#top_m_l{
		background-image:url(../gs/images/computer_nav_003_04.gif);
		position:absolute;
		top:24px;
		left:700px;
		display:block;
		width:27px;
		height:9px;
	}
	#top_r{
		background-image:url(../gs/images/computer_nav_003_03.gif);
		position:absolute;
		top:0px;
		left:732px;
		display:block;
		width:148px;
		height:33px;
	}
	#left{
		background-image:url(../gs/images/computer_nav_003_05.gif);
		position:absolute;
		top:33px;
		left:0px;
		display:block;
		width:107px;
		height:329px;
	}
	a .nav{
		border:none;
	}
	a .nav:link{
		border:none;
	}
	a .nav:visited{
		border:none;
	}
	a .nav:hover{
		cursor:pointer;
	}
	#nav_1{
		background-image:url(../gs/images/computer_nav_003_06.gif);
		position:absolute;
		top:32px;
		left:107px;
		display:block;
		width:87px;
		height:36px;
	}
		#nav_1:hover{
			background-image:url(../gs/images/computer_nav_003_selected_06.gif);
		}
	#nav_2{
		background-image:url(../gs/images/computer_nav_003_07.gif);
		position:absolute;
		top:32px;
		left:194px;
		display:block;
		width:89px;
		height:36px;
	}
		#nav_2:hover{
			background-image:url(../gs/images/computer_nav_003_selected_07.gif);
		}
	#nav_3{
		background-image:url(../gs/images/computer_nav_003_08.gif);
		position:absolute;
		top:32px;
		left:283px;
		display:block;
		width:86px;
		height:36px;
	}
		#nav_3:hover{
			background-image:url(../gs/images/computer_nav_003_selected_08.gif);
		}
	#nav_4{
		background-image:url(../gs/images/computer_nav_003_09.gif);
		position:absolute;
		top:32px;
		left:369px;
		display:block;
		width:92px;
		height:36px;
	}
		#nav_4:hover{
			background-image:url(../gs/images/computer_nav_003_selected_09.gif);
		}
	#nav_5{
		background-image:url(../gs/images/computer_nav_003_10.gif);
		position:absolute;
		top:32px;
		left:461px;
		display:block;
		width:89px;
		height:36px;
	}
		#nav_5:hover{
			background-image:url(../gs/images/computer_nav_003_selected_10.gif);
		}
	#nav_6{
		background-image:url(../gs/images/computer_nav_003_11.gif);
		position:absolute;
		top:32px;
		left:551px;
		display:block;
		width:90px;
		height:36px;
	}
		#nav_6:hover{
			background-image:url(../gs/images/computer_nav_003_selected_11.gif);
		}
	#nav_7{
		background-image:url(../gs/images/computer_nav_003_16.gif);
		position:absolute;
		top:69px;
		left:551px;
		display:block;
		width:90px;
		height:36px;
	}
	#nav_big_button{
		background-image:url(../gs/images/computer_nav_003_13_sprite.gif);
		position:absolute;
		top:33px;
		left:683px;
		display:block;
		width:93px;
		height:71px;
		background-position:0px 0px;
	}
		#nav_big_button.playing{
			background-position:0px 71px;
		}
	
	
#music_by{
	position:absolute;
	left:-104px;
	top:477px;
	display:block;
	width:150px;
	height:137px;
	z-index:295;
	background-image:url(../gs/music_by2.gif);
}

#with{
	position:absolute;
	left:801px;
	top:354px;
	display:block;
	width:200px;
	height:194px;
	z-index:295;
	background-image:url(../gs/with.gif);
}
	
#piano{
	position:absolute;
	top:289px;
	left:-120px;
	display:block;
	width:230px;
	height:191px;
	z-index:150;
	background-image:url(../gs/music_box_animated.gif);
}
	#piano.playing{
		background-position:0px 191px;
	}
	#piano:hover{
		cursor:pointer;
		background-position:0px 191px;
	}