* { margin: 0 0; padding: 0 0; }

frameset { background: #333; color: #000; }

body {
  background: #333;
	color: #000;
	font-family: Calibri, Tahoma, "Lucida Sans", Helvetica, sans-serif;
	font-size: 9pt;
}

#utility-bar {
  position: absolute;
  z-index: 99;
  top: 600px;
  text-indent: -9999px;
  height: 55px; width: 100%;
}

#utility-bar #puma {
  position: absolute;
  top: 0px; left: 695px;
  width: 94px; height: 52px;
  outline: none;
  background: transparent url(../images/sponsors/puma.gif);
}

#utility-bar #puma:hover {
  background: transparent url(../images/sponsors/puma.gif) 0 -52px;
}

#utility-bar #k43 {
  position: absolute;
  top: 20px; left: 525px;
  width: 154px; height: 19px;
  outline: none;
  background: transparent url(../images/sponsors/kilometro43.gif);
}

#utility-bar #k43:hover {
  background: transparent url(../images/sponsors/kilometro43.gif) 0 -19px;
}

#utility-bar #aida {
  position: absolute;
  top: 2px; left: 420px;
  width: 93px; height: 54px;
  outline: none;
  background: transparent url(../images/sponsors/aida.gif);
}

#utility-bar #aida:hover {
  background: transparent url(../images/sponsors/aida.gif) 0 -54px;
}

#utility-bar #fotorengifo {
  position: absolute;
  top: 20px; left: 254px;
  width: 154px; height: 19px;
  outline: none;
  background: transparent url(../images/sponsors/fotorengifo.gif);
}

#utility-bar #fotorengifo:hover {
  background: transparent url(../images/sponsors/fotorengifo.gif) 0 -19px;
}


#main-container {
  position: absolute;
  margin: 0 auto;
  width:800px;
  height:655px;
  top: 0;
  left: 50%;
  margin-left: -400px;
  background: transparent url(../images/bg0.jpg) no-repeat;
}

#main-content {
  position: absolute;
  margin: 0 auto;
  width: 800px;
  height: 600px;
}

#main-content a {
  position: absolute;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
  outline: none;
}

#main-content a.notips {
  outline: none;
}

#main-content #marathons {
  top: 372px;
  left: 54px;
  width: 432px;
  height: 184px;
  background: transparent url(../images/marathons.jpg) top left no-repeat;
}

#main-content #marathons:hover {
  z-index: 10;
  background: transparent url(../images/marathons.jpg) bottom left no-repeat;
}

#main-content #marathons.notips {
  background: transparent url(../images/alt/marathons.jpg) top left no-repeat;
}

#main-content #marathons.notips:hover {
  z-index: 10;
  background: transparent url(../images/alt/marathons.jpg) bottom left no-repeat;
}

#main-content #interviews {
  top: 141px;
  left: 431px;
  width: 307px;
  height: 403px;
  background: transparent url(../images/interviews.jpg) 0 0 no-repeat;
}

#main-content #interviews:hover {
  z-index: 10;
  width: 308px;
  background: transparent url(../images/interviews.jpg) top right no-repeat;
}

#main-content #interviews.notips {
  background: transparent url(../images/alt/interviews.jpg) 0 0 no-repeat;
}

#main-content #interviews.notips:hover {
  z-index: 10;
  width: 308px;
  background: transparent url(../images/alt/interviews.jpg) top right no-repeat;
}

#main-content #friends {
  top: 181px;
  left: 102px;
  width: 154px;
  height: 166px;
  background: transparent url(../images/friends.jpg) top left no-repeat;
}

#main-content #friends:hover {
  z-index: 10;
  height:167px;
  background: transparent url(../images/friends.jpg) bottom left no-repeat;
}

#main-content #friends.notips {
  top: 151px;
  left: 109px;
  width: 154px;
  height: 166px;
  background: transparent url(../images/alt/friends.jpg) top left no-repeat;
}

#main-content #friends.notips:hover {
  z-index: 10;
  height:167px;
  background: transparent url(../images/alt/friends.jpg) bottom left no-repeat;
}

#main-content #teddy {
  top: 134px;
  left: 301px;
  width: 143px;
  height: 163px;
  background: transparent url(../images/teddy.jpg) top left no-repeat;
}

#main-content #teddy:hover {
  z-index: 10;
  height: 164px;
  background: transparent url(../images/teddy.jpg) bottom left no-repeat;
}

#main-content #teddy.notips {
  top: 205px;
  left: 277px;
  width: 143px;
  height: 163px;
  background: transparent url(../images/alt/teddy.jpg) top left no-repeat;
}

#main-content #teddy.notips:hover {
  z-index: 10;
  height: 164px;
  background: transparent url(../images/alt/teddy.jpg) bottom left no-repeat;
}

#main-content #tips {
  top: 254px;
  left: 231px;
  width: 160px;
  height: 141px;
  background: transparent url(../images/tips.jpg) top left no-repeat;
}

#main-content #tips:hover {
  z-index: 10;
  background: transparent url(../images/tips.jpg) bottom left no-repeat;
}

#main-content #tips.notips {
  display: none;
}

#main-content #tips.notips:hover {
  display: none;
}

.gallery img { border: none; vertical-align: middle; outline: none; }

#progress {
  position: absolute;
  z-index: 90;
  margin: 0 auto;
  width: 800px;
  height: 600px;
  top: 0;
  left: 50%;
  margin-left: -400px;
  background: transparent url(../images/loader.jpg) no-repeat;
}
 
#progress .bar {
  position: absolute;
  z-index: 98;
  top: 370px; left: 296px;
  width: 208px; height: 13px;
  text-align: center;
  font-family: Arial;
  font-size: 7pt;
  line-height: 13px;
  color: #FFF;
  background: transparent url(../images/loading-bar.gif) no-repeat;
}

#soundframe {
  position: absolute;
  margin: 0 auto;
  width:800px;
  height:20px;
  left: 50%;
  margin-left: -400px;  
}

#soundframe #sound-ctrl {
  position: absolute;
  top: 0; left: 763px;
  width: 27px; height: 20px;
  outline: none; text-indent: -9999px;
  background: transparent url(../images/sound.gif)
}