@charset 'utf-8';

/* ImageFlow Settings - CSS 2.1
==================================== */
#imageFlowContainer {
	z-index: 1;
	position: relative;
	width: 754px;
	overflow: hidden;
	height: 324px;
	padding: 0 0 0 0px;
	margin: 0 0 0 14px;
	background: url('../gfx/backgroundCarousel.jpg') no-repeat;
}

#myImageFlow img {
	padding: 0;
}

#myImageFlow {
	width: 1120px;
	height: 330px;
	left: -183px;
	top: -210px;
	overflow: hidden;
	position: relative;} 
	
#myImageFlow_images {
	overflow: hidden;
	visibility: hidden;
	z-index: 1;
	top: 20px;
}

@media screen, projection {
	.imageflow {
		visibility:hidden;
		position: relative; 
		text-align: left;
		width: 100%;		
	}
	.imageflow img {
		visibility:hidden;
		position: absolute; 
		top: 0px;
		border: none;
	}
	.imageflow p{
		text-align:center;
		margin:0 auto;
	}
	.imageflow .loading {
		position: relative;
		left: 50%;
		margin-left: -106px;
		width: 200px;
		height: 15px;
		padding:5px;
		visibility: visible;
		border: 1px solid white;
	}
	.imageflow .loading_bar {
		height: 15px;
		width: 1%;
		background: #fff;
		visibility: visible;
	}
	.imageflow .caption {
		font-weight:bold;
		position:relative; 
		text-align:center;
		z-index:10000;
		top: 63px;
		color: #fff; }
		.imageflow .caption em {
			color: #649abc;
			font-style: normal;
		}
	
	.imageflow .scrollbar {
		visibility:hidden;
		position:relative; 
		border-bottom:1px solid #2387cc;
		z-index:10001;
		top: 60px;
	}
	.imageflow .slider {
		position:absolute;
		margin-top:-7px;
		margin-left:-7px;
		z-index:10002;
		background-image:url(../gfx/slider.gif);
		background-repeat:no-repeat;
		width:14px;
		height:14px;
	}
}