html,body{
    height:100%;
    margin:0;
    padding:0;
}

body {
	background: #aaa08b url(images/splash/background.png) repeat-x center center;
    text-align:center;
    min-width:600px;
    min-height:400px;
    font-size: 100.1%;
}

#vertical{
	float:left;
	height:50%;
	margin-top:-25px;/* half vertical height*/
	width:100%;
}

#outer {
	height:50px;
	min-height: 50px;
	width:503px;
	margin-left:auto;
	margin-right:auto;
	border:none;
	background: transparent;
	overflow:auto;
	clear:both;
	position:relative;
	padding: 0;
	text-align: left;
}

#innerwrap {/* enables logo first */
	float:left;
	width:388px;
	border:none;
	padding: 0;
}

#logo {
	width:164px;
	height: 50px;
	float:right;
	border:none;
}

#logo h1 {
	height: 1px;
	font-size: 100%;
	text-indent: -9999px;
}

#left {
	position:relative;/*ie needs this to show float */
	width:115px;
	height: 50px;
	float:left;
	border:none;
	padding: 0;
	margin: 0;
}

div#left a {
	display: block;
	text-indent: -5000px;
	background: url(images/splash/links.png) no-repeat 0 0;
	height: 50px;
}

div#left a:hover {
	background-position: 0 -50px;
}

#right {
	position:relative;/*ie needs this to show float */
	width:115px;
	height: 50px;
	float:right;
	border:none;
}

div#right a {
	display: block;
	text-indent: -5000px;
	background: url(images/splash/links.png) no-repeat -115px 0;
	height: 50px;
}

div#right a:hover {
	background-position: -115px -50px;
}