/*
CSS FOR 2HH Splash Page
*/

*{
	font-family: Arial;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	background: #000000;
}

#splash{
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 500px;
	background: url(images/splash.jpg) no-repeat;
}

#buttons{
	padding: 365px 0 0 115px;
	width: 500px;
	height: 500px;
	background: transparent;
}

ul#menu {
	list-style: none;
	}
	ul#menu li {
		display: inline;
	}
	ul#menu li a  {
		text-indent: -9999px;
		display: block;
		height: 35px;
		float: left;
		}
		ul#menu li a.enter {
			background: url(images/enter.jpg) no-repeat top center;
			width: 92px;
			}
		ul#menu li a.blog {
			background: url(images/blog.jpg) no-repeat top center;
			width: 92px;
		}
		ul#menu li a.shredlife {
			background: url(images/shredlife.jpg) no-repeat top center;
			width: 90px;
			}
			ul#menu li a.enter:hover, ul#menu li a.enter:active,
			ul#menu li a.blog:hover, ul#menu li a.blog:active,
			ul#menu li a.shredlife:hover, ul#menu li a.shredlife:active {
				background-position: bottom center;
				cursor: pointer;
			}
		body#enter ul#menu li a.home,
		body#blog ul#menu li a.blog,
		body#shredlife ul#menu li a.shredlife {
			background-position: top center;
		}