html, body {
 height: 100%;
 width: 100%;
}
td {
  padding: 3px;
}
.navlogo {
  height: 12%; 
  width: 100%;
  background: -moz-linear-gradient(bottom, rgba(100,90,90,0.3) 25%, rgba(190,191,186,0.8) 68%);
  background: -webkit-linear-gradient(bottom, rgba(100,90,90,0.3) 25%, rgba(190,191,186,0.8) 68%);
  background: -ms-linear-gradient(bottom, rgba(100,90,90,0.3) 25%, rgba(190,191,186,0.8) 68%);
  background: -o-linear-gradient(bottom, rgba(100,90,90,0.3) 25%, rgba(190,191,186,0.8) 68%);
  background: linear-gradient(bottom, rgba(100,90,90,0.3) 25%, rgba(190,191,186,0.8) 68%);
  border-top: 1px solid #aaaaaa;
}
.logo {
  width: 90%;
  height: 100%;
  font-family: Conv_04B_19__;
  font-size: 310%;
  display: table-cell;
  vertical-align: middle;
}
.menu {
  padding: 5px;
  font-family: Conv_04B_19__;
  font-size: 170%;
  color: rgba(230,230,230,1);
}
#aboutfaihido, #musicforprivateuse, #freemusic, #commercialmusic {
  margin: 0px;
  border-top: 10px solid #dddddd;
  padding-left: 2%;
  padding-top: 2%;
  width: 100%;
  height: 100%;
  font-family: Conv_04B_19__;
  font-size: 170%;
  color: rgba(20,20,20,1);
  background: -moz-linear-gradient(bottom, rgba(100,90,90,0.7) 25%, rgba(190,191,186,0.9) 68%);
  background: -webkit-linear-gradient(bottom, rgba(100,90,90,0.7) 25%, rgba(190,191,186,0.9) 68%);
  background: -ms-linear-gradient(bottom, rgba(100,90,90,0.7) 25%, rgba(190,191,186,0.9) 68%);
  background: -o-linear-gradient(bottom, rgba(100,90,90,0.7) 25%, rgba(190,191,186,0.9) 68%);
  background: linear-gradient(bottom, rgba(100,90,90,0.7) 25%, rgba(190,191,186,0.9) 68%);
}
.box {
  margin: 0px;
  width: 95%;
  height: 100%;
}

.sb-slide {
  width: 100%;
  height: 100%;
  display: table;
  background: -moz-linear-gradient(bottom, rgba(100,90,90,0.7) 25%, rgba(190,191,186,0.9) 68%);
  background: -webkit-linear-gradient(bottom, rgba(100,90,90,0.7) 25%, rgba(190,191,186,0.9) 68%);
  background: -ms-linear-gradient(bottom, rgba(100,90,90,0.7) 25%, rgba(190,191,186,0.9) 68%);
  background: -o-linear-gradient(bottom, rgba(100,90,90,0.7) 25%, rgba(190,191,186,0.9) 68%);
  background: linear-gradient(bottom, rgba(100,90,90,0.7) 25%, rgba(190,191,186,0.9) 68%);
}
.sb-toggle-left {
  height: 100%;
  width: 10%;
  font-family: Conv_modernpics-webfont;
  font-size: 280%;
  border-radius: 2px;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
}
#sb-site {
  background: url('../graphics/faihido_background.jpg'), linear-gradient(to top, rgba(120, 120, 120, 1), rgba(235, 235, 235, 0));
  background-size: contain, 100%;
  font-family: arial;
  font-size: 12px;
}
#content { 
  width: 100%;
  height: 840px;
}
#scroller {
  z-index: 6;
  font-family: Conv_04B_19__;
  font-size: 1500%;
  width: 100%;
  position: relative;
}
#scrollbounce { 
  -moz-animation: scrollbounce 0.5s ease-in-out 0s infinite alternate-reverse;
  -webkit-animation: scrollbounce 0.5s ease-in-out 0s infinite alternate-reverse;
  -ms-animation: scrollbounce 0.5s ease-in-out 0s infinite alternate-reverse;
  -o-animation: scrollbounce 0.5s ease-in-out 0s infinite alternate-reverse;
  animation: scrollbounce 0.5s ease-in-out 0s infinite alternate-reverse;
}
#scrollcolor { 
  color: #ffffff; 
  -moz-animation: scrollcolor 0.5s ease-in-out 0s infinite alternate-reverse;
  -webkit-animation: scrollcolor 0.5s ease-in-out 0s infinite alternate-reverse;
  -ms-animation: scrollcolor 0.5s ease-in-out 0s infinite alternate-reverse;
  -o-animation: scrollcolor 0.5s ease-in-out 0s infinite alternate-reverse;
  animation: scrollcolor 0.5s ease-in-out 0s infinite alternate-reverse;
}
#scrolltext {
  width: 38000px;
  white-space: nowrap;
  -moz-animation: scrollleft 80s linear infinite;
  -webkit-animation: scrollleft 80s linear infinite;
  -ms-animation: scrollleft 80s linear infinite;
  -o-animation: scrollleft 80s linear infinite;
  animation: scrollleft 80s linear infinite;
}
#colorbar1 {
  z-index: 5;
  background: -moz-linear-gradient(bottom, rgba(100,100,100,0.5) 25%, rgba(240,240,240,0.7) 68%);
  background: -webkit-linear-gradient(bottom, rgba(100,100,100,0.5) 25%, rgba(240,240,240,0.7) 68%);
  background: -ms-linear-gradient(bottom, rgba(100,100,100,0.5) 25%, rgba(240,240,240,0.7) 68%);
  background: -o-linear-gradient(bottom, rgba(100,100,100,0.5) 25%, rgba(240,240,240,0.7) 68%);
  background: linear-gradient(bottom, rgba(100,100,100,0.5) 25%, rgba(240,240,240,0.7) 68%);
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #888888;
  margin-top: -10%;
  height: 5%;
  width: 100%;
  -moz-animation: colorbar 1s ease-in-out 0s infinite alternate;
  -webkit-animation: colorbar 1s ease-in-out 0s infinite alternate;
  -ms-animation: colorbar 1s ease-in-out 0s infinite alternate;
  -o-animation: colorbar 1s ease-in-out 0s infinite alternate;
  animation: colorbar 1s ease-in-out 0s infinite alternate;
}
#colorbar2 {
  z-index: 4;
  height: 5%;
  width: 100%;
  background: -moz-linear-gradient(bottom, rgba(100,90,90,0.5) 25%, rgba(190,191,186,0.8) 68%);
  background: -webkit-linear-gradient(bottom, rgba(100,90,90,0.5) 25%, rgba(190,191,186,0.8) 68%);
  background: -ms-linear-gradient(bottom, rgba(100,90,90,0.5) 25%, rgba(190,191,186,0.8) 68%);
  background: -o-linear-gradient(bottom, rgba(100,90,90,0.5) 25%, rgba(190,191,186,0.8) 68%);
  background: linear-gradient(bottom, rgba(100,90,90,0.5) 25%, rgba(190,191,186,0.8) 68%);
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #777777;
  -moz-animation: colorbar 1s ease-in-out 50ms infinite alternate;
  -webkit-animation: colorbar 1s ease-in-out 50ms infinite alternate;
  -ms-animation: colorbar 1s ease-in-out 50ms infinite alternate;
  -o-animation: colorbar 1s ease-in-out 50ms infinite alternate;
  animation: colorbar 1s ease-in-out 50ms infinite alternate;
}
#colorbar3 {
  z-index: 3;
  height: 5%;
  width: 100%;
  background: -moz-linear-gradient(bottom, rgba(100,90,80,0.5) 25%, rgba(180,181,170,0.9) 70%);
  background: -webkit-linear-gradient(bottom, rgba(100,90,80,0.5) 25%, rgba(180,181,170,0.9) 70%);
  background: -ms-linear-gradient(bottom, rgba(100,90,80,0.5) 25%, rgba(180,181,170,0.9) 70%);
  background: -o-linear-gradient(bottom, rgba(100,90,80,0.5) 25%, rgba(180,181,170,0.9) 70%);
  background: linear-gradient(bottom, rgba(100,90,80,0.5) 25%, rgba(180,181,170,0.9) 70%);
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #666666;
  -moz-animation: colorbar 1s ease-in-out 100ms infinite alternate;
  -webkit-animation: colorbar 1s ease-in-out 100ms infinite alternate;
  -ms-animation: colorbar 1s ease-in-out 100ms infinite alternate;
  -o-animation: colorbar 1s ease-in-out 100ms infinite alternate;
  animation: colorbar 1s ease-in-out 100ms infinite alternate;
}
#colorbar4 {
  z-index: 2;
  //perspective: 200px;
  height: 5%;
  width: 100%;
  background: -moz-linear-gradient(bottom, rgba(100,90,80,0.5) 25%, rgba(170,163,134,0.9) 70%);
  background: -webkit-linear-gradient(bottom, rgba(100,90,80,0.5) 25%, rgba(170,163,134,0.9) 70%);
  background: -ms-linear-gradient(bottom, rgba(100,90,80,0.5) 25%, rgba(170,163,134,0.9) 70%);
  background: -o-linear-gradient(bottom, rgba(100,90,80,0.5) 25%, rgba(170,163,134,0.9) 70%);
  background: linear-gradient(bottom, rgba(100,90,80,0.5) 25%, rgba(170,163,134,0.9) 70%);
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #666666;
  -moz-animation: colorbar 1s ease-in-out 150ms infinite alternate;
  -webkit-animation: colorbar 1s ease-in-out 150ms infinite alternate;
  -ms-animation: colorbar 1s ease-in-out 150ms infinite alternate;
  -o-animation: colorbar 1s ease-in-out 150ms infinite alternate;
  animation: colorbar 1s ease-in-out 150ms infinite alternate;
}
#colorbar5 {
  z-index: 1;
  height: 5%;
  width: 100%;
  background: -moz-linear-gradient(bottom, rgba(90,80,70,0.5) 25%, rgba(170,150,100,0.9) 72%);
  background: -webkit-linear-gradient(bottom, rgba(90,80,70,0.5) 25%, rgba(170,150,100,0.9) 72%);
  background: -ms-linear-gradient(bottom, rgba(90,80,70,0.5) 25%, rgba(170,150,100,0.9) 72%);
  background: -o-linear-gradient(bottom, rgba(90,80,70,0.5) 25%, rgba(170,150,100,0.9) 72%);
  background: linear-gradient(bottom, rgba(90,80,70,0.5) 25%, rgba(170,150,100,0.9) 72%);
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #555555;
  -moz-animation: colorbar 1s ease-in-out 200ms infinite alternate;
  -webkit-animation: colorbar 1s ease-in-out 200ms infinite alternate;
  -ms-animation: colorbar 1s ease-in-out 200ms infinite alternate;
  -o-animation: colorbar 1s ease-in-out 200ms infinite alternate;
  animation: colorbar 1s ease-in-out 200ms infinite alternate;
}
#colorbar6 {
  z-index: 0;
  height: 5%;
  width: 100%;
  background: -moz-linear-gradient(bottom, rgba(90,80,70,0.5) 25%, rgba(170,140,76,0.9) 72%);
  background: -webkit-linear-gradient(bottom, rgba(90,80,70,0.5) 25%, rgba(170,140,76,0.9) 72%);
  background: -ms-linear-gradient(bottom, rgba(90,80,70,0.5) 25%, rgba(170,140,76,0.9) 72%);
  background: -o-linear-gradient(bottom, rgba(90,80,70,0.5) 25%, rgba(170,140,76,0.9) 72%);
  background: linear-gradient(bottom, rgba(90,80,70,0.5) 25%, rgba(170,140,76,0.9) 72%);
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #555555;
  -moz-animation: colorbar 1s ease-in-out 250ms infinite alternate;
  -webkit-animation: colorbar 1s ease-in-out 250ms infinite alternate;
  -ms-animation: colorbar 1s ease-in-out 250ms infinite alternate;
  -o-animation: colorbar 1s ease-in-out 250ms infinite alternate;
  animation: colorbar 1s ease-in-out 250ms infinite alternate;
}
#footer {
  border-top: 10px solid #dddddd;
  position: absolute;
  margin-bottom: 2%; 
  height: 4%;
  width: 100%;
  text-align: vertical;
  text-align: center;
  z-index: 3;
  font-family: Conv_04B_19__;
  font-size: 150%;
  color: rgba(20,20,20,1);
  background: -moz-linear-gradient(bottom, rgba(30,30,30,0.8) 25%, rgba(90,85,85,0.7) 70%);
  background: -webkit-linear-gradient(bottom, rgba(30,30,30,0.8) 25%, rgba(90,85,85,0.7) 70%);
  background: -ms-linear-gradient(bottom, rgba(30,30,30,0.8) 25%, rgba(90,85,85,0.7) 70%);
  background: -o-linear-gradient(bottom, rgba(30,30,30,0.8) 25%, rgba(90,85,85,0.7) 70%);
  background: linear-gradient(bottom, rgba(30,30,30,0.8) 25%, rgba(90,85,85,0.7) 70%);
}
a:link {
  color: rgba(52,177,235,1);
  font-weight: normal;
  text-decoration: none;
}     
a:visited {
  color: rgba(52,177,235,1);
  font-weight: normal;
  text-decoration: none;
}    
a:hover {
  color: rgba(158,224,255,1);
  font-weight: normal;
  text-decoration: none;
}    
a:active {
  color: rgba(52,177,235,1);
  font-weight: normal;
  text-decoration: none;
}   
@font-face {
	font-family: 'Conv_04B_19__';
	src: url('../fonts/04B_19__.eot');
	src: local('☺'), url('../fonts/04B_19__.woff') format('woff'), url('../fonts/04B_19__.ttf') format('truetype'), url('../fonts/04B_19__.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_modernpics-webfont';
	src: url('../fonts/modernpics-webfont.eot');
	src: local('☺'), url('../fonts/modernpics-webfont.woff') format('woff'), url('../fonts/modernpics-webfont.ttf') format('truetype'), url('../fonts/modernpics-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
p {
  line-height: 120%;
}
h1 { 
  font-size: 270%;
}

/*Opera Fix*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;/
}