/* Screen style sheet for standards-compliant web browsers - Ben Ellis - keepthinking.it 13/04/2005 */
 
/* ---------- Styles Slideshow ---------- */

/* Styles slideshow div */
#slideShow {
	margin: 2px 0 0 0;
}
#slideShow a {
	float: left;
	margin: 0 1px;
	padding: 0 0 1px 0;
}
/* Styles slideshow img */	
#slideShow a img {
	border: none;
	padding: 0;
	margin: 0;
}
/* Styles slideshow img */	
#slideShow a:hover {

}
/* Styles slideshow navigation */
#slideNav {
	padding: 0 0 0 60px;
}	
#slideNav a img,
#slideNav a:hover img {
	padding: 0 3px;
}
#slideShowCaption {
	position: absolute;
	top: 140px;
	background: #E8E9E9;
	width: 100%;
	height: 50px;
	left: 0;
}
/* Styles slideShowCaption ul, li */
#slideShowCaption ul, 
#slideShowCaption li {
	list-style-type: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 14px;
}
#slideShowCaption ul {
	padding: 0 10px;
}
#slideShowCaption span {
	margin: 0;
	font-style: italic;
	font-size: 10px;
	color: #4B575F;
	padding: 0 10px;
}
/* Styles slideShowCaption artist text */	
#slideShowCaption ul li.artist {
	color: #4B575F;
	font-size: 10px;
}
#slideShowCaption ul li.artist strong {
	color: #4B575F;
	font-size: 10px;
}
/* Styles slideShowCaption artist title */		
#slideShowCaption ul li.title {
	color: #4B575F;
	font-size: 10px;
	font-style: italic;
	padding: 0;
}
/* Outter CSS layer */
div#hold { 
	position:relative; 
	overflow:hidden;
	width: 800px;
	height: 140px; 
	z-index:100;
}
div#holder{ 
	position:relative; 
	overflow:hidden;
	width: 550px;
	height: 100px; 
}
/* Inner CSS layer */
div#wn{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	width: 800px;
	height: 140px; 
	clip:rect(0px, 800px, 140px, 0px); 
	overflow:hidden;	
	z-index:1; 
	background: url("../img/loadingImage0.gif") center center no-repeat;
}
div#lyr1 { 
	position:absolute; 
	visibility:hidden; 
	left:0px; 
	top:0px; 
	z-index:1;
}
/* Width of scrolling layer NB. Width to be written in dynamically via PHP */
div#t1 a img {
	margin: 0px;
}