@charset "UTF-8";
/* CSS Document */


div#home-page-slider{
	/*background:url( "../images/backgrounds/background-main-banner.gif" ) repeat-x 0 0;*/
	height:300px;
	z-index:0;


}

/*div#home-page-slider .content{
	background:url( "../images/backgrounds/background-banner-world.gif" ) no-repeat 0 0;
	height:300px;
	/*width: 600px;*/
	position:relative;
	z-index:0;	
	
}*/



/* flow player */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	/*width: 890px;*/
	width: 600px;
	height:300px;
	padding-top:17px;


}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;

}

.items div {
	float:left;
	width:890px;
}

/* single scrollable item */
.scrollable img {
	float:left;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
	position:absolute;
	bottom:10px;
	/*right:0;*/
	z-index:1000;
}


/* items inside navigator */
.navi a {
	width:11px;
	height:11px;
	float:left;
	margin:3px;
	/*background:url(../images/button/btn-scrollable.gif) 0 0 no-repeat;*/
	display:block;
	font-size:1px;
}


/* active state (current page state) */
.navi a.active {
	/*background:url(../images/button/btn-scrollable-active.gif) 0 0 no-repeat;*/
}