BODY {
  font-family: Arial, Sans-Serif;
  background: #000 url("../img/bg.jpg") no-repeat center top;
}

#logo {
  height: 190px;
  background: url("../img/logo.png") no-repeat center center;
}

#body {
  width: 998px;
  height: 838px;
  margin: -19px auto 0;
}
#body.home {
  background: url("../img/bg-home.png") no-repeat;
}
#body.biography {
  background: url("../img/bg-biography.png") no-repeat;
}
#body.music {
  background: url("../img/bg-music.png") no-repeat;
}
#body.credits {
  background: url("../img/bg-credits.png") no-repeat;
}
#body.contact {
  background: url("../img/bg-contact.png") no-repeat;
}
#body.login {
  background: url("../img/bg-login.png") no-repeat;
}

#menu {
  padding: 35px 0 0 55px;
}
#menu LI {
  display: inline-block;
  margin: 0 20px;
}
#menu A {
  color: #fff;
  text-decoration: none;
}

#content {
  color: #fff;
  height: 660px;
  margin: 40px 0;
}
#bottom {
  height: 122px;
  margin-top: -19px;
}
#bottom LI {
  display: inline-block;
  margin-top: 40px;
}

#player {
  background-color: #f5f5f5;
}

A {
  color: #f00;
}
P {
  margin: 1em 0;
  line-height: 1.25em;
  font-size: 14px;
}
LI {
  font-size: 14px;
  line-height: 1.25em;
}
H1 {
  font-size: 24px;
  text-shadow: 2px 2px 2px #000;
  margin-bottom: 0.5em;
}

.field {
  font-family: Arial, Sans-Serif;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #000;
  font-size: 14px;
  padding: 5px;
}
.btn1 {
  font-size: 14px;
  padding: 10px 20px;
}
.copyright {
  margin: 55px 0 0 20px;
}
.social {
  float: right;
}
UL.thumbs {
  margin-left: -14px;
}
UL.thumbs LI {
  display: inline-block;
  margin: 0px -3px;
}

#scrollbar1 {
  width: 430px;
  padding-left: 50px;
  clear: both;
}
#scrollbar1 .viewport {
  width: 400px;
  height: 635px;
  overflow: hidden;
  position: relative;
}
#scrollbar1 .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
}
#scrollbar1 .thumb .end,
#scrollbar1 .thumb {
  background-color: #fff;
  border-radius: 9px;
}
#scrollbar1 .scrollbar {
  position: relative;
  float: right;
  width: 15px;
}
#scrollbar1 .thumb {
  height: 20px;
  width: 5px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
}
#scrollbar1 .thumb .end {
  overflow: hidden;
  height: 5px;
  width: 5px;
}
#scrollbar1 .disable {
  display: none;
}

A.btn {
  display: block;
  height: 38px;
  background-repeat: no-repeat;
  background-position: center center;
}
A.btn.main {
  width: 73px;
  background-image: url("../img/bt-main.png");
}
A.btn.biography {
  width: 147px;
  background-image: url("../img/bt-biography.png");
}
A.btn.music {
  width: 82px;
  background-image: url("../img/bt-music.png");
}
A.btn.credits {
  width: 102px;
  background-image: url("../img/bt-credits.png");
}
A.btn.contact {
  width: 129px;
  background-image: url("../img/bt-contact.png");
}
A.btn.login {
  width: 86px;
  background-image: url("../img/bt-login.png");
}

A.sbtn {
  display: block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center center;
}
A.sbtn.youtube {
  background-image: url("../img/icon-youtube.png");
}
A.sbtn.gang {
  background-image: url("../img/icon-gang.png");
}
A.sbtn.facebook {
  background-image: url("../img/icon-facebook.png");
}
A.sbtn.linkedin {
  background-image: url("../img/icon-linkedin.png");
}
A.sbtn.soundcloud {
  background-image: url("../img/icon-soundcloud.png");
}
A.sbtn.instagram {
  background-image: url("../img/icon-instagram.png");
}
A.sbtn.imdb {
  background-image: url("../img/icon-imdb.png");
}
A.sbtn.twitter {
  background-image: url("../img/icon-twitter.png");
}
A.sbtn.plaxo {
  background-image: url("../img/icon-plaxo.png");
}