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

		hr{
			margin:20px 0;
		}
		
		#main{
			margin:5% 20%;
			position:relative;
			overflow:auto;
			color:#aaa;
			padding:20px;
			border:1px solid #888;
			background-color:#000;
			text-align:center;
		}

		#fancymenu {
	position: relative;
	height: 29px;
	width: 421px;
	background: url('images/bg.gif') no-repeat top;
	padding: 15px;
	overflow: hidden;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
		}


		#fancymenu ul{
			padding: 0;
			margin: 0;
		}

		/* Don't apply padding here (offsetWidth will differ in IE)
		If you need padding add it to the child anchor */
		#fancymenu ul li{
			float: left;
			list-style: none;
		}

		#fancymenu ul li a {
			text-indent: -500em;
			z-index: 10;
			display: block;
			float: left;
			height: 30px;
			position: relative;
			overflow: hidden;
			background-position:center center;
			background-repeat:no-repeat;
		}

#menu_home a {
	width: 73px;
	background: url('images/menu_home.png') no-repeat center !important;
	background: url('images/menu_home.gif') no-repeat center;
}

#menu_plantatree a {
	width: 117px;
	background: url('images/menu_plantatree.png') no-repeat center !important;
	background: url('images/menu_plantatree.gif') no-repeat center;
}

#menu_travel a {
	width: 132px;
	background: url('images/menu_travel.png') no-repeat center !important;
	background: url('images/menu_travel.gif') no-repeat center;
}

#menu_rideanelephant a {
	width: 87px;
	background: url('images/menu_rideanelephant.png') no-repeat center !important;
	background: url('images/menu_rideanelephant.gif') no-repeat center;
		}

		#fancymenu li.background {
			background: url('images/bg_menu_right.png') no-repeat top right !important;
			background: url('images/bg_menu_right.gif') no-repeat top right;
			z-index: 8;
			position: absolute;
			visibility: hidden;
		}

		#fancymenu .background .left {
			background: url('images/bg_menu.png') no-repeat top left !important;
			background: url('images/bg_menu.gif') no-repeat top left;
			height: 30px;
			margin-right: 9px; /* 7px is the width of the rounded shape */
		}
	</style>