@charset "utf-8";

/* ImageFlow Settings - CSS 2.1
==================================== */
@media screen, projection {
.imageflow {
	overflow:hidden;
	position:relative; 
	text-align:left;
	visibility:hidden;
	width:100%;
}
.imageflow img {
	border:none;
	position:absolute;
	top:0px;
	visibility:hidden;
	cursor: pointer;
	-ms-interpolation-mode: bicubic; /* Enables bicubic image resampling for the IE7 */
}
.imageflow p {
	margin:0 auto;
	text-align:center;
}
.imageflow .loading {
	border:1px solid #FFFFFF;
	height:15px;
	left:50%;
	margin-left:-106px;
	padding:5px;
	position:relative;
	visibility:visible;
	width: 200px;
}
.imageflow .loading_bar {
	background:#FFFFFF;
	height:15px;
	visibility:visible;
	width: 1%;
}
.imageflow .navigation{
	z-index:10000;
}
.imageflow .caption {
	font-size: 1.1em;
	letter-spacing: 0.1em;
	font-weight:normal;
	position:relative; 
	text-align:center;
	z-index:10001;
}
.imageflow .scrollbar {
	border-bottom:1px solid #b3b3b3;
	position:relative; 
	visibility:hidden;
	z-index:10002;
	height:1px;
}
.imageflow .slider {
	background-image:url(images/slider.png);
	background-repeat:no-repeat;
	height:14px;
	margin:-6px 0 0 -7px;
	position:absolute;
	width:14px;
	z-index:10003;
}
.imageflow .images {
	overflow:hidden;
	white-space:nowrap;
}
.imageflow .button {
	cursor:pointer;
	height:17px;
	position:relative;
	width:17px;
}
.imageflow .previous {
	background: url(images/button_left.png) top left no-repeat;
	float:left;
	margin: -4px 0 0 -30px;
}
.imageflow .next {
	background: url(images/button_right.png) top left no-repeat;
	float:right;	
	margin:-4px -30px 0 30px;
}

#slideshow {
background: #302F32  url(images/content_bkgrnd.jpg) repeat-y left top;
color: #000;
height: 350px;
width: 936px;
border: none;
}
#slideshow .loading {
	border-color:#333;
}
#slideshow .loading_bar {
	background:#777;
}
#slideshow .slider {
	background-image:url(../slider_dark.png);
}
#slideshow .scrollbar {
	border-bottom: 1px solid #000;
}
}