.runnerT {width: 100%; height: 8px; position:absolute; top: 0px; left: 0px;background:  url(../images/runnerT.png) ; z-index: 101}
	.runnerB {width: 100%; height: 8px; position:absolute; bottom: 0px; left: 0px;background:  url(../images/runnerB.png); z-index: 101}
	#tree {
	margin: auto;
	width: 100%;
	text-align: left;
	overflow:hidden;
	padding: 0px;
	position:relative;
	background-image: url(../images/light2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
	#tree ul#branch {
	margin: 0px;
	padding: 0px;
	list-style:none;
	position:absolute;
	width: 4500px;
}
	#tree ul#branch li.nest { float:left; margin: 0px; padding: 0px; width: 900px; text-align: center;padding-top: 0px;}
	#tree h1 {color: #fff; font-weight:normal; font-size:44px; margin: 0px 0px 0px 0px;padding: 0px 0px 5px 0px;text-shadow: 1px 1px 2px #333;}
	#tree h2 {color: #ffca1f; font-weight:normal; font-size:24px; margin: 5px 0px 0px 0px;padding: 0px 0px 5px 0px;text-shadow: 1px 1px 2px #333;}
	#tree span h2 {padding: 0px 0px 5px 20px;}
	#tree p {color: #fff; font-weight:normal; font-size:17px; margin: 0px 0px 0px 0px;padding: 5px 0px 5px 0px;text-shadow: 1px 1px 1px #444; line-height:22px}
	#tree h1 a,#tree p a {color: #fff; }
	#tree h1 a:hover, #tree p a:hover {color: #fff; }
	#tree ul#branch ul {color: #fff; font-weight:normal; font-size:17px; text-shadow: 1px 1px 1px #444; list-style:disc;line-height:24px; padding-top: 5px;padding-left: 25px;}
/* paus play next back*/
	#n3-nav {width: 172px;height: 112px;background:url(../images/nav.png) no-repeat 0 0; clear:both;  z-index:100; position: relative; bottom: 0px; margin:auto }
	#n3-nav #n3-back {width: 34px;height: 34px;background:url(../images/nav.png) no-repeat -104px -112px; cursor:pointer; float: left;margin: 25px 0px 0px 25px;}
	#n3-nav #n3-back:hover {background-position: -104px -146px;}
	#n3-nav #n3-pause {width: 52px;height: 52px;background:url(../images/nav.png) no-repeat 0px -112px; cursor:pointer; float: left;margin: 15px 1px 0px 1px;}
	#n3-nav #n3-pause:hover {background-position: 0px -164px;}
	#n3-nav #n3-play {width: 52px;height: 52px;background:url(../images/nav.png) no-repeat -52px -112px; cursor:pointer; float: left;margin: 15px 1px 0px 1px; display:none}
	#n3-nav #n3-play:hover {background-position:  -52px -164px;}
	#n3-nav #n3-next {width: 34px;height: 34px;background:url(../images/nav.png) no-repeat -138px -112px; cursor:pointer; float: left;margin: 25px 0px 0px 0px;}
	#n3-nav #n3-next:hover {background-position: -138px -146px;}
/* progress bar */	
	#n3stdProgress { width: 100%; height: 10px; position:absolute}
	#n3stdProgress div {width: 0px; height: 10px; background: #aaa;-moz-box-shadow:  0px 1px 2px 0px #444;-webkit-box-shadow:  0px 1px 2px 0px #444;box-shadow:  0px 1px 2px 0px #444; }
/* slide config */	
	.z1 {z-index: 1}
	.z2 {z-index: 2}
	.z3 {z-index: 3}
	.z4 {z-index: 4}
	.z5 {z-index: 5}
	.z6 {z-index: 6}
	.img1, .img2, .img3, .img4, .img5, .img6 { position: absolute; bottom: 0px; overflow:hidden;}
	.img1 img, .img2 img, .img3 img, .img4 img, .img5 img, .img6 img { position: absolute; left:0px}
	.pos {padding: 0px 0px 0px 540px;width: 370px;height: 260px; margin:auto; text-align: left; position:relative; }
	.right .pos {padding: 0px 540px 0px 0px; }
	.text {}
	.moveit {padding-top: 60px;}

/* slide layouts */
	.layoutA.left  .img1 {left: 0px;}
	.layoutA.right  .img1 {right: 0px;}
	
	.layoutB.left  .img1 {left: 0px;}
	.layoutB.left  .img2 {left: 50px;}
	.layoutB.right .img1 {right: 0px;}
	.layoutB.right .img2 {right: 0px;}
	
	.layoutC.left .img1 {left: 0px;}
	.layoutC.left .img2 {left: 310px;}
	.layoutC.left .img3 {left: 35px;}
	.layoutC.right .img1 {right: 0px;}
	.layoutC.right .img2 {right: 310px;}
	.layoutC.right .img3 {right: 35px;}
	
	.layoutD.left .img1 {left: 0px;}
	.layoutD.left .img2 {left: 310px;}
	.layoutD.left .img3 {left: 35px;}
	.layoutD.left  .img4 {right: 0px;}
	.layoutD.left  .img5 {right: 50px;}
	.layoutD.right .img1 {right: 0px;}
	.layoutD.right .img2 {right: 310px;}
	.layoutD.right .img3 {right: 35px;}
	.layoutD.right .img4 {left: 0px;}
	.layoutD.right .img5 {left: 50px;}
	
	.layoutJ.left .img1 {left: 0px; bottom: 160px;}
	.layoutJ.left .img2 {left: 173px; bottom: 160px;}
	.layoutJ.left .img3 {left: 346px; bottom: 160px;}
	.layoutJ.left .img4 {left: 0px; bottom: 30px;}
	.layoutJ.left .img5 {left: 173px; bottom: 30px;}
	.layoutJ.left .img6 {left: 346px; bottom: 30px;}
	
	.layoutJ.right .img1 {right: 0px; bottom: 160px;}
	.layoutJ.right .img2 {right: 173px; bottom: 160px;}
	.layoutJ.right .img3 {right: 346px; bottom: 160px;}
	.layoutJ.right .img4 {right: 0px; bottom: 30px;}
	.layoutJ.right .img5 {right: 173px; bottom: 30px;}
	.layoutJ.right .img6 {right: 346px; bottom: 30px;}
		
	.layoutO.left  .img1 {left: 0px;bottom: 30px}
	.layoutO.left  .img2 {left: 130px;bottom: 30px;}
	.layoutO.left  .img3 {left: 260px;bottom: 30px}
	.layoutO.left  .img4 {left: 390px;bottom: 30px;}
	.layoutO.right  .img1 {right: 390px;bottom: 30px;}
	.layoutO.right  .img2 {right: 260px;bottom: 30px}
	.layoutO.right  .img3 {right: 130px;bottom: 30px;}
	.layoutO.right  .img4 {right: 0px;bottom: 30px}
	
/* your own styles ======================================================
=========================================================================
=========================================================================*/

#dirt {
	margin: auto;
	width: 100%;
	text-align: left;
	overflow:hidden;
	padding: 0px;
	position:relative;
	background-image: url(../images/bg_header_front.gif);
	background-repeat: repeat;
	background-position: center top;
}
#banner {
	background-image: url(../images/banner_bkg.jpg);
	background-repeat: repeat-x;
	height: 304px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}