#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

	#content {
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -240px 0 0 -150px;
		width: 400px;
		font-family: "Times New Roman", "Garamond", serif;
		text-align:center;
		z-index: 500;
	}
		#content span.logo {
			margin: 0 0 0 35px;
			font-size: 46px;
			color:#283D68;
		}
			#content span.logo sub {
				font-size: 12px;
			}
			#content span.logo sup {
				display: block;
				position: absolute;
				top: -40px;
				right: 95px;
				width: 69px;
				margin: 0;
				padding: 11px 0 22px;
				color: #e3780f;
				font-size: 18px;
				text-align: center;
				background: url(/images/bg_bubble.png) no-repeat;
			}
		
		#content h1 {
			font-size: 26px;
			margin: -3px 0 10px;
			font-weight: normal;
			padding: 0;
			color: #0F7272;
			text-align:center;
		}
		#content p {
			position: relative;
			left: 10px;
			width: 100%;
			margin: 0 auto 15px;
			padding: 0;
			font-size: 16px;
			text-align: left;
			color: #283D68;
		}
		#content ul {
			margin: 0 auto 20px;
			padding: 0;
			width: 80%;
			text-align: left;
			color: #283D68;
		}
			#content ul li{
				margin: 0;
				padding: 0;
			}
		#content a.menu {
			display: block;
			width: 186px;
			height: 57px;
			margin: 10px auto 10px;
			text-decoration: none;
		}
		#content a.menu:hover {
			background-position: 0 -57px;
		}
		#content a.download {
			background: url(/images/bg_download.png) no-repeat;
		}
		#content a.docs {
			background: url(/images/bg_docs.png) no-repeat;
		}
			#content a.menu ins{
				position: relative;
				left: 15px;
				top: 12px;
				font-size: 26px;
				color: #1B7AC9;
				text-decoration: underline;
			}
	#sun {
		display: none;
		position: absolute;
		top: -147px;
		right: 20%;
		width: 355px;
		height: 174px;
		background: url(/images/sun.png) no-repeat;
	}
	
	#cloud1 {
		position: absolute;
		top: 5%;
		left: 5%;
		width: 393px;
		height: 184px;
		background: url(/images/cloud1.png) no-repeat;
		opacity: 0.5;
	}
	
	#cloud2 {
		position: absolute;
		top: 7%;
		left: 15%;
		width: 259px;
		height: 102px;
		background: url(/images/cloud2.png) no-repeat;
		opacity: 0.7;
	}
	
	#cloud3 {
		position: absolute;
		top: 5%;
		right: 5%;
		width: 179px;
		height: 86px;
		background: url(/images/cloud3.png) no-repeat;
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	
	#ground {
		position: absolute;
		width: 100%;
		height: 460px;
		left: 0;
		bottom: 0px;
		overflow: hidden;
	}
		#gross1 {
			position: absolute;
			display: none;
			width: 100%;
			height: 55px;
			left: 0;
			bottom: 0px;
			background: url(/images/gross1.png) repeat-x;
		}
		
		#tree1 {
			display: none;
			position: absolute;
			width: 198px;
			height: 355px;
			left: 10%;
			bottom: 0px;
			background: url(/images/tree1.png) repeat-x;
		}
		
		#tree2 {
			display: none;
			position: absolute;
			width: 142px;
			height: 252px;
			left: 21%;
			bottom: 0px;
			background: url(/images/tree2.png) repeat-x;
		}
		
		#tree3 {
			display: none;
			position: absolute;
			width: 253px;
			height: 456px;
			right: 10%;
			bottom: 0px;
			background: url(/images/tree3.png) repeat-x;
		}
		
		#flowers {
			position: absolute;
			width: 100%;
			height: 112px;
			left: -100%;
			bottom: 0px;
			background: url(/images/flowers.png) repeat-x;
		}
		
		#gross2 {
			position: absolute;
			width: 100%;
			height: 70px;
			left: 0;
			bottom: -70px;
			background: url(/images/gross2.png) repeat-x;
		}