body, html { 
  margin:0; 
  padding: 0; 
  border: 0; 
  font-family: "Trebuchet MS", Helvetica;
  font-size: 1em;
  line-height: 1.32em;
}

body {
  background-color: black;
  background: black url(./pix/background.png) top right no-repeat;
}

h1 {
  font-size: 1.5em;
}

a {
  color: #ECD29A;
  background-color: transport;
  text-decoration: none;
}

a img {
  border: 0;
}

p {
  margin: 4px 0px 0px 0px;
}

#splash {
  position: absolute;
  top: 100px;
  left: 100px;
  visibility: hidden;
}

div.hidden {
  position: absolute;
  top: 20px;
  left: 100px;
  visibility: hidden;
}

#container {
  position: absolute;
  top: 0px;
  left: 30px;
  width: 55%;
  height: 580px;
  color: white;
  background-color: transparent;
}

#logo {
  position: absolute;
  width:117px;
  height: 57px;
  bottom: 0px;
  float: left;
  background: url(./pix/jt2.gif) top right no-repeat;
}

#logo a span {
  display: block;
  width:117px;
  height: 57px;
}

#logo:hover {
  background: url(./pix/jt1.gif) top right no-repeat;
}

#player {
  position: absolute;
  top: 10px;
  right: 10px;
}

#content {
}

div.textblock {
  position: absolute;
  bottom: 0px;
  left: 130px;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-table;
}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */