@charset "utf-8";

/* ImageFlow Settings - CSS 2.1
==================================== */
@media screen, projection {
	.imageflow {
		background:url(../images/image-flow-bg.jpg) no-repeat top;
		
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		width:965px;
		height:200px;
	}
	.imageflow img {
		margin-top:-230px;
		border:none;
		position:absolute;
		top:0px;
		visibility:hidden;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	.imageflow p {
		
		margin:0 auto;
		text-align:center;
	}
	.imageflow .loading {
		
		height:15px;
		height:50%;
		left:50%;
		margin-left:-126px;
		padding:5px;
		position:relative;
		visibility:visible;
		width:700px;
		
	}
	.imageflow .loading_bar {
		background:#fff;
		height:15px;
		visibility:visible;
		width:1%;
	}
	.imageflow .navigation{ 
		margin-top:-230px; 
		margin-left:-32px;
		z-index:10000;
	}
	.imageflow .caption {
		font-size:14px;
		color:#fff;
		margin-top:8px;
		font-weight:bold;
		position:relative;
		margin-left:35px;
		text-align:center;
		z-index:10001;
	}
	.imageflow .scrollbar {
		width:100%;
		position:relative; 
		visibility:hidden;
		z-index:10002;
		
	}
	.imageflow .slider { 
		background:#fff;
		height:14px;
		width:30px;
		background-repeat:no-repeat;
		margin:10px 5px 0 5px;
		position:absolute;		
		z-index:10003;
	}
	
	.imageflow .images {
		
		overflow:hidden;
		white-space:nowrap;
	}
	.imageflow .button {
		
		cursor:pointer;
		height:15px;
		position:absolute;
		width:19px;
	}
	.imageflow .previous {
		background: url(../images/button_left.png) center left no-repeat;
		float:left;
		margin: 10px 0 0 -68px;
	}
	.imageflow .next {
		background: url(../images/button_right.png) center left no-repeat;
		float:right;	
		margin:10px 5px 0 859px;
	}