body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

* { outline:none; }

#mainwrapper{
	width:800px;
	margin:50px auto;
	border solid 1px #000;
	border: solid 1px #000000;
}
#logo {
	background: url(../images/splah_logo.gif);
	text-indent: -9999px;
	display: block;
	height: 43px;
	width: 202px;
}

#spasection, #gardensection {
	float: left;
	width: 350px;
	height: 335px;
	padding:25px;
	margin: 0;
	overflow: hidden;
}
#spasection { background: #d4d2c6; }
#gardensection {
	background:#354119;
	color:#FFF;
}
.clear { clear:both; }
#footer {
	background: #8f8f73;
	height: 50px;
}

#header { padding: 25px; }

h2.spasection {
	background: url(../images/splash_spatitle.gif) no-repeat;
	height: 25px;
	width: 219px;
	text-indent: -9999px;
	display: block;
	margin-top: 0px;
}

h2.gardensection {
	background: url(../images/splash_garden.gif);
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 187px;
	margin-top: 0px;
	line-height: 25px;
}
.img1, 
.img2 {
	border: solid 2px #a2a185;
	position: absolute;
	background: #FFFFFF;
}

.img1 {
	top:0px;
	left:0px;
}
.img2 {
	bottom:0px;
	right:0px;
}
.splashImages {
	height: 240px;
	position: relative;
	margin-bottom: 25px;
}

a.enterbtn {
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 105px;
	position: absolute;
	left: -1px;
	bottom: 0px;
}
a.enterbtn:hover {
	background-position: 0px -23px;
}

#spasection a.enterbtn {
	background-image: url(../images/splash_spabutton.jpg)
}
#gardensection a.enterbtn{
	background-image: url(../images/splash_gardenbtn.gif)
}

#spasection ul.info {
	background: url(../images/splash_spabullets.gif) no-repeat;
}

#gardensection ul.info { background: url(../images/splash_gardenbullets.gif) no-repeat; }

ul.info {
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 244px;
	margin:0;
	list-style-type: none;
	padding: 0;
}