html{
background: url(images/yuhu.jpg);
background repeat: no-repeat; 
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



#lemon { 
	
position:relative;
	
height:56px;
	
color:#E0E0E0;
	
background:#143D55;
	
width:100%;
	
font-family:Helvetica,Arial,Verdana,sans-serif;
}



#song {
	
position:relative;
	
height:33px;
	
font-size:12px;
	
text-transform:uppercase;
	
font-weight:bold;
	
background:#fff url(images/dolphin_bg.gif) repeat-x bottom left;
	
padding:0 0 0 20px;
}

#song ul {
	
margin:0;
	padding:0;
	
list-style-type:none;
	width:auto;
	 
float:left;
}

#song ul li {
	display:block;
	float:left;
	margin:0 1px;
}


#song ul li a {
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	
padding:0 0 0 20px;
	height:33px;
}

#song ul li a span {
	padding:12px 20px 0 0;
	
height:21px;
	float:left;
}


#song ul li a:hover {
	color:#fff;
}

#song ul li a:hover span {
	display:block;
	width:auto;
	
cursor:pointer;
}

#song ul li a.current,#dolphinnav ul li a.current:hover {
	color:#fff;
	
background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;
	line-height:275%;
}


#song ul li a.current span {
	display:block;
	padding:0 20px 0 0;
	width:auto;
	
background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;
	height:33px;
}


.list{
width: 50%;
padding: 20px;
background-colour: #060606;
color:#fff;
opacity: 0,7;
border: 2px solid #0099FF; 
}

a.blue{
text-decoration: none;
color: #00ff00;
margin-top: 1em;
font-weight:bold;
}

.css-slideshow{
   position: relative;
   max-width: 495px;
   height: 370px;
   margin: 5em auto .5em auto;
}
.css-slideshow figure{
   margin: 0;
   position: absolute;
}
.css-slideshow figcaption{
   position: absolute;
   top: 0;
   color: #fff;
   background: rgba(0,0,0, .3);
   font-size: .8em;
   padding: 8px 12px;
   opacity: 0;
   transition: opacity .5s;
}
.css-slideshow:hover figure figcaption{
   transition: opacity .5s;
   opacity: 1;
}
.css-slideshow figure{
   opacity:0;
}


figure:nth-child(1) {
   animation: xfade 70s 65s infinite;
}
figure:nth-child(2) {
   animation: xfade 70s 60s infinite;
}
figure:nth-child(3) {
   animation: xfade 70s 55s infinite;
}
figure:nth-child(4) {
   animation: xfade 70s 50s infinite;
}
figure:nth-child(5) {
   animation: xfade 70s 45s infinite;
}
figure:nth-child(6) {
   animation: xfade 70s 40s infinite;
}
figure:nth-child(7) {
   animation: xfade 70s 35s infinite;
}

figure:nth-child(8) {
   animation: xfade 70s 30s infinite;
}
figure:nth-child(9) {
   animation: xfade 70s 25s infinite;
}
figure:nth-child(10) {
   animation: xfade 70s 20s infinite;
}
figure:nth-child(11) {
   animation: xfade 70s 15s infinite;
}
figure:nth-child(12) {
   animation: xfade 70s 10s infinite;
}
figure:nth-child(13) {
   animation: xfade 70s 5s infinite;
}
figure:nth-child(14) {
   animation: xfade 70s 0s infinite;
}

@keyframes xfade{
   0%{
      opacity: 1;
   }
   5.2% {
      opacity:1;
   }
   7.2%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}