body {
	background-color: #f7f7f7;
	height: 100%;
	font-family: 'Trebuchet MS', Arial, Sans-Serif;
	font-size: 12px;
	line-height: 1.6em;
	background-repeat: repeat-x;
	margin: 100px auto 0px;
	background-image: url(../images/BG.gif);
}


#slider {
	/*display: block; show dynamically for non smart-phones or ipad */
	position: absolute;
	background:#F00;
	z-index: 200;
	right:84px;
	height: 14px;
	width: 160px;
	/*background: url(/images/slider_bg.png) 0 0;*/
	top: 343px;
	border: red 2px solid;
	
}
#slider.ui-corner-all,
#slider .ui-corner-all {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background-color:#000;
}
#slider.ui-widget-content {
	background: url(../images/slider_bg.png) 0 0;
	border: 0;
	background-color:#000;
}
#slider .ui-state-default, #slider.ui-widget-content .ui-state-default {
	background: url(../images/slider_handle.png) 0 0 no-repeat;
	width: 17px;
	height: 30px;
	border: 0;
	background-color:#000;
}
#slider.ui-slider-horizontal .ui-slider-handle  {
	position: absolute;
	top: -7px;
	cursor: pointer;
	outline: none;
	height: 23px;
	background-color:#0F0;
}


.stage {
	position:absolute;
	width: 100%;
	/*min-width: 900px;*/
	height:259px;
	overflow:hidden;
	left: 0px;
	top: 0px;
}

#stage {
	top:330px;
	left:0px;
	z-index: 0;
	width: 100%;
}
#bg {
	background: #aedfe5 url(../images/sky1.png) 0 0 repeat-x;
}
#clouds {
	background: transparent url(../images/cloud.png) 305px 102px repeat-x;
	
}
#hill2 {
	background: transparent url(../images/hill2.png) 0 258px repeat-x;
	
}

#hill1 {
	background: transparent url(../images/hill-with-windmill.png) 0 104px repeat-x;

}


.navigation:link, .navigation:visited {
	                                    font-family: "Trebuchet MS";
	                                    font-size: 14px;
	                                    font-style: normal;
										font-weight: bold;
									/*	color: #CCC;*/
										color: #888 ;
									 	display: block;
	                                    padding: 6px 8px 6px 15px;
	                                    width: 100px;
	                                    text-decoration: none;
	                                   /* background-color: #666699; */
									   background-color: #FFF;
									   
									    
                                     }

.navigation:hover {
					font-family: "Trebuchet MS";
					font-size: 14px;
					font-style: normal;
					font-weight: bold;
					color: #FFFFFF; 
					display: block;
					padding: 6px 8px 6px 15px;
					width: 100px;
					text-decoration: none;
					background-color: #D03D03;
                  }


#bird {
	background: transparent url(../images/bird-forward-back.png) 0 0 no-repeat;
	position: absolute;
	top: 150px;
	left: 65px;
	width: 180px;
	height: 123px;
	z-index: 2000;
	cursor: pointer;
}
#bird2 {
	background: transparent url(../images/bird-forward-back-sm.png) 0 0 no-repeat;
	position: absolute;
	top: 70px;
	left: 155px;
	width: 140px;
	height: 96px;
	z-index: 1800;
	cursor: pointer;
}