body {
  margin:0;
  padding:0;
  background:url(../images/bg_body.png) left top no-repeat;
  font-family:Lucida Sans Unicode, Verdana, Arial;
  color:#000;
  font-size:12px;
}
#wrapper {
  margin:0;
  padding:0;
  width:100%;
  height:auto;
  overflow:auto;
  background:url(../images/footer.png) left bottom no-repeat;
  display:table;
}
#header h1 {
  position:absolute;
  left:73px;
  top:90px;
  margin:0;
  padding:0;
  width:140px;
  height:200px;
  background:url(../images/logo.png);
}
#header h1 a {
  margin:0;
  padding:0;
  width:140px;
  height:200px;
  display:block;
  cursor:hand;
}
#header h1 a span  {
  display:none;
}
ul#navi {
  margin:426px 0 0 65px;
  padding:0 0 240px 0;
  width:180px;
  float:left;
  display:inline;
  list-style-type:none;
  list-style-position:outside;
}
ul#navi li {
  margin:5px 0 0 0;
  padding:0;
  text-align:center;
  display:block;
}
ul#navi li.twitter {
  margin-top:30px;
  text-align:left;
}
ul#navi li.facebook {
  margin-top:10px;
  text-align:left;
}
ul#navi li.copy {
  font-size:11px;
}
ul#navi li a {
  margin:0;
  padding:7px 0 0 0;
  width:180px;
  height:28px;
  display:block;
  border:1px solid #ccc;
  font-size:16px;
  text-decoration:none;
  color:#000;  
}
ul#navi li.twitter a,
ul#navi li.facebook a {
  margin:0 0 0 10px;
  padding:0;
  width:160px;
  height:73px;                 
  border:0px;  
}
ul#navi li.twitter a {
  background:url(../images/twitter.png) left top no-repeat;
}
ul#navi li.facebook a {
  background:url(../images/facebook.png) left top no-repeat;
}
ul#navi li.twitter a span,
ul#navi li.facebook a span {
  display:none;
}
ul#navi li a.active,
ul#navi li a:hover {
  background-color:#000;
  color:#fff;
  font-weight:bold;
}
ul#navi li.twitter a:hover,
ul#navi li.facebook a:hover {
  background-color:#fff;
}
ul#subnavi {
  margin:0 0 10px 0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  overflow:auto;
}
ul#subnavi li {
  margin:0;
  padding:0;
  float:left;
}
ul#subnavi li a {
  margin:0;
  padding:2px 0 0 0;
  width:100px;
  height:18px;
  display:block;
  text-align:center;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;  
  font-size:12px;
  text-decoration:none;
  color:#000;  
}
ul#subnavi li.last a {
  border-right:1px solid #ccc;
}
ul#subnavi li a.active,
ul#subnavi li a:hover {
  background-color:#000;
  color:#fff;
}

#content {
  margin:290px 0 0 80px;
  padding:0 0 170px 0;
  width:575px;
  float:left;
  display:inline;
}
#content h2 {
  margin:0 0 15px 0;
  padding:0;
  font-weight:normal;
  font-size:33px;
  color:#CC3D51;
}
#content h2 span {
  font-size:22px;
} 
#content h3 {
  margin:0 0 5px 0;
  padding:0;
  font-weight:normal;
  font-size:16px;
}
#content #player {
  margin:0 0 25px 0;
  padding:0;
  width:560px;
  height:340px;
  background:url(../images/bg_player.png) left top no-repeat;
}
#content table.box {
  margin:0 0 10px 0;
  padding:0;
  border:1px solid #ccc;
  overflow:auto;
}
#content .colour {
  background-color:#EEF8ED;
}
#content table.box td.image {
  width:240px;
  vertical-align:middle;
  text-align:center;
}
#content table.box td.image img {
  margin:0 auto;
  display:block;
}
#content table.box h5,
#content table.box p {
  margin:0 10px 10px 0;
  padding:0;
}
#content table.box h5 {
  margin-top:10px;
  font-size:12px;
  font-weight:bold;
}
#content table.box h5 span {
  font-weight:normal;
}
#content a {
  color:#CC3D51;
}
#content a:hover {
  color:#000;
}
#content h4 {
  margin:20px 0;
  padding:0;
  font-size:16px;
  clear:left;
}
#content p {
  margin:0 0 10px 0;
  padding:0;
}

#content div.box {
  margin:0 20px 20px 0;
  padding:0;
  width:270px;
  height:130px;
  border:1px solid #ccc;
  float:left;
}
#content div.box p {
  margin:10px;
}
#content div.box img {
  margin:5px;
  float:left;
}
#content div.right {
  margin-right:0;
}
#content h2.logo_festival,
#content h3.logo_festival {
  width:335px;
}
#content img.logo_festival {
  position:absolute;
  top:290px;
  left:690px;
}
#content img.float {
  margin-right:15px;
  float:left;
}