#credits {
  background-image: url("../images/credits/bg.jpg");
}

.frame {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.0;
}

#credits > #filagry1 {
	position: absolute;
	left: 300px;
	top: 140px;
}

#credits > #filagry1 > .frame {
	width: 503px;
	height: 312px;
}

#credits > #filagry2 {
	position: absolute;
	left: 320px;
	top: 330px;
}

#credits > #filagry2 > .frame {
	width: 279px;
	height: 87px;
}

#credits > .title {
  position: absolute;
  left: 352px;
  top: 244px;
}

/* Buttons */

#credits > .buttons > .home {
  left: 1117px;
  top: 26px;
}

/* Content */

.credits-content {
  position: absolute;
  top: 100px;
  left: 640px;
  width: 570px;
  height: 550px;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 1;
}

.credits-content p {
  font-size: 16px;
  line-height: 1.4;
  padding-bottom: 1em;
  font-family: sans-serif;
}


#credits .credits-content::-webkit-scrollbar {
  border-style: none;
  width: 64px;
}

#credits .credits-content::-webkit-scrollbar-track {
	background: url('../images/interface/scrollbarVerticalTrack.png') 0 0 repeat-y;
	border-style: none;
}

#credits .credits-content::-webkit-scrollbar-thumb,
#credits .credits-content::-webkit-scrollbar-thumb:active
 {
  background: url(../images/interface/lips.png) no-repeat center center;
  cursor: pointer;
  display:block;	
  border-color: transparent;
  background-color: transparent;
  height: 34px;
  width: 64px; 
}