html {
	font-size: 100%;
}

html, 
html body {
  height: 100%;
}

body {
	background-color: #000;
	color: #fff;
	font-family: Helvetica, Verdana, Arial, "MS Trebuchet", sans-serif;
	font-size: 62.5%;
}

.replacement {
  display: block;
  overflow: hidden;
  text-indent: -9999em;
}

#background {
	background: url(/img/main-bg.png) repeat-x;
	height: 100%;
	padding-top: 150px;	
	width: 100%;
}

#panel {
  background: url(/img/panel.png) no-repeat;
  height: 350px;
  margin: 0 auto;
  position: relative;
	width: 960px;
}

#find_us_on_myspace {
  background: url(/img/myspace-logo.png);
  height: 91px;
  left: 20px;
  position: absolute;
  top: 20px;
  width: 257px;  
}

ul {
  float: left;
  left: 0;
  position: absolute;
  top: 38px;
  width: 960px;
  z-index: 2;
}

ul li {
  float: left;
  width: 320px;
}

ul a {
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
}

#devo a {
  background-image: url(/img/devo-logo-bw.png);  
  height: 98px;
  margin-top: 90px;  
  width: 296px;
}

#easy a {
  background-image: url(/img/easy-logo-bw.png);  
  height: 270px;
  width: 274px;
}

#phantasy a {
  background-image: url(/img/phantasy-logo-bw.png);
  height: 75px;
  margin-top: 100px;  
  width: 291px;
}

#easy a:hover { background-image: url(/img/easy-logo.png); }
#devo a:hover { background-image: url(/img/devo-logo.png); }
#phantasy a:hover { background-image: url(/img/phantasy-logo.png); }