body {
	background-image:url(../images/background.gif)
}
#container {
	width: 700px;
	height: 300px;
	padding: 50px;
	position: relative;
	margin: 0 auto;
	background:#fff;
}
#carousel {
	width: 700px;
	margin: 0 auto;
	border:0px solid #000;			
}
#ui-carousel-next, #ui-carousel-prev {
	width: 800px;
	height: 60px;
	background: url(../images/arrow-top.png) center center no-repeat;
	display: block;
	position: absolute;
	left: 0px;
	z-index: 100;
	opacity: 0.3;
}
#ui-carousel-next {
	bottom: -60px;
	background-image: url(../images/arrow-bottom.png);
}
#ui-carousel-prev {
	top: -60px;
}
#ui-carousel-next > span, #ui-carousel-prev > span {
	display: none;
}
#carousel p.slide {
	margin: 0;
	position: relative;
	font:Cambria, Georgia, serif;
	font-size:14px;
	line-height: 22px;
}
/*Всплывающий скриншот*/ 
 .thumbnail{  
 position: relative;  
 z-index: 0;
 background-color:#ffefd5;
 }  
 .thumbnail:hover{  
 background-color: transparent;  
 z-index: 0;
 background-color:#ffefd5;
 }  
 .thumbnail span{ /*CSS for enlarged image*/  
 position: absolute;  
 background-color: #ffffff;  
 padding: 5px;  
 left: -1000px;  
 border: 1px solid white;  
 visibility: hidden;  
 color: Yellow;  
 text-decoration: none;  
 border-radius: 10px 10px 10px 10px; 
 -moz-border-radius: 10px 10px 10px 10px; 
 -webkit-border-radius: 10px 10px 10px 10px; 
 }  
 .thumbnail span img{ /*CSS for enlarged image*/  
 border-width: 0;
 z-index: 5;  
 padding: 2px;  
 }  
 .thumbnail:hover span{ /*CSS for enlarged image on hover*/  
 visibility: visible;  

 z-index: 0;
 top: -140px;  
 left: -50px; /*position where enlarged image should offset horizontally */  
 }  
 /*---------------------*/