@charset "utf-8";

/* ImageFlow Settings - CSS 2.1
==================================== */
@media screen, projection {
	.imageflow {
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		width:980px;
		height: 290px !important;
	}
	.imageflow img {
		border:none;
		position:absolute;
		top:0px;
		visibility:hidden;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
		border: 4px solid #CCCCCC;
	}
	.imageflow .play-img:hover {
		border: 4px solid #FF1288;
	}
	.imageflow-pics .play-img:hover {
		border: 2px solid #FF1288;
	}				
	.imageflow .film-img:hover {
		border: 4px solid #66CC00;
	}
	.imageflow-pics .film-img:hover {
		border: 2px solid #66CC00;
	}	
	.imageflow .workshop-img:hover {
		border: 4px solid #FE9900;
	}					
	.imageflow .exposure-img:hover {
		border: 4px solid #CD0102;
	}						
	.imageflow .room-img:hover {
		border: 4px solid #49D4F5;
	}	
	.imageflow .restaurant-img:hover {
		border: 4px solid #336799;
	}	
	.imageflow-pics .exposure-img:hover {
		border: 2px solid #CD0102;
	}		
			
	.imageflow p {
		margin:0 auto;
		text-align:center;
	}
	.imageflow .loading {
		border:1px solid white;
		height:15px;
		left:50%;
		margin-left:-106px;
		padding:5px;
		position:relative;
		visibility:visible;
		width:200px;
	}
	.imageflow .loading_bar {
		background:#fff;
		height:15px;
		visibility:visible;
		width:1%;
	}
	.imageflow .navigation{
		z-index:1008;
		position: absolute;
		top: 45px;
		height: 0px !important;
		width: 980px;
	}
	.imageflow .caption {	
		position:absolute;
		text-align:left;
		padding:5px !important;
		top: 205px;
		left: 0px;
		z-index:4;
		width: 431px !important;
		margin-left: 273px;
	}
	.imageflow .scrollbar {
		border-bottom:0px solid #b3b3b3;
		top: 45px;
		margin-left: 230px !important;
		width: 530px !important;
		padding:0px !important;
		position:absolute; 
		visibility:hidden;
		z-index:2;
		height: 0px;
	}
	.imageflow .slider {
		background: none;
		background-repeat:no-repeat;
		position:absolute;
		width:14px;
		z-index:3;
	}
	.imageflow .images {
		overflow:hidden;
		white-space:nowrap;
	}
	.imageflow .button {
		cursor:pointer;
		height:28px;
		position:relative;
		width:29px;
	}
	.imageflow .previous {
		background: url(../img/prev-thumb.gif) top left no-repeat;
		float:left;
		
	}
	.imageflow .next {
		background: url(../img/next-thumb.gif) top left no-repeat;
		float:right;	
		
	}

}