a:active {  outline:none;}
:focus {  -moz-outline-style:none;}
/* this makes it possible to add next button beside scrollable */
.scrollable {	float:center;}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;	width:18px;	height:18px;	background:url(../img/scrollable/arrow/left.png) no-repeat;	float:left;	margin:43px 10px;	cursor:pointer;	font-size:1px;}
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {	background-position:0px -18px;}
/* disabled navigational button */
a.disabled {	visibility:hidden !important;}
/* next button uses another background image */
a.next, a.nextPage {	background-image:url(../img/scrollable/arrow/right.png);	clear:right;	}
/*********** navigator ***********/

/* position and dimensions of the navigator */
.navi {	margin-left:328px;	width:200px;	height:20px;
}
/* items inside navigator */
.navi a {	width:8px;	height:8px;	float:left;	margin:3px;	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;	display:block;	font-size:1px;}
/* mouseover state */
.navi a:hover {	background-position:0 -8px;}
/* active state (current page state) */
.navi a.active {	background-position:0 -16px;} 		

	/* main vertical scroll */
	#main {position:relative;		overflow:hidden;		height: 400px;}
	/* root element for pages */
	#pages {position:absolute;		height:20000em;	}
	/* single page */
	.page {	padding:10px;	height: 450px;	background:#222  0 0 repeat-x; 		width:520px;}/*url(http://static.flowplayer.org/img/global/gradient/h600.png)*/
	/* root element for horizontal scrollables */
	.scrollable {		position:relative;		overflow:hidden;		width: 510px;		height: 450px;}
	/* root element for scrollable items */
	.scrollable .items {	width:20000em;	position:absolute;	clear:both;
	}
	/* single scrollable item */
	.item {	float:left;		cursor:pointer;		width:500px;		height:450px;		padding:10px;	}
	/* main navigator */
	#main_navi {float:center;		padding:0px !important;		margin:0px !important;	
	}
	#main_navi td {		background-color:#333;		border-top:1px solid #666;		clear:both;		color:#FFFFFF;
		font-size:12px;		height:75px;		list-style-type:none;		padding:4.5px;		width:190px;		cursor:pointer;
	}
	#main_navi td:hover {	background-color:#444;	
	}
	#main_navi td.active {	background-color:#555;	}
	#main_navi img {/*float:left;		margin-right:10px;*/
		}
	#main_navi strong {	display:block;	}
	#main div.navi {	margin-right:250px;		cursor:pointer;	}
	
/*START pop up from slide*/
	/* the overlayed element */
.simple_overlay {	display:none;/* must be initially hidden */	
	 z-index:10000;	/* place overlay on top of other elements */	
	 background-color:#333;		min-height:200px;	border:1px solid #666;/* styling  width:675px;*/	
	 -moz-box-shadow:0 0 90px 5px #000;	-webkit-box-shadow: 0 0 10px #000;/* CSS3 styling for latest browsers */	
}
/* close button positioned on upper right corner */
.simple_overlay .close {	background-image:url(../img/close.png);	position:absolute;	right:-15px;	top:-15px;	cursor:pointer;	height:35px;	width:35px;}
	#triggers {		text-align:center;	}	
	#triggers img {cursor:pointer; margin:0 5px;	background-color:#fff;	border:1px solid #ccc;	padding:2px;
		-moz-border-radius:4px;		-webkit-border-radius:4px;	}
	/* styling for elements inside overlay */
	.details {		position:absolute;		top:15px;		right:15px;		font-size:11px;		color:#fff;		width:150px;	}
	.details h3 {		color:#aba;		font-size:15px;		margin:0 0 -10px 0;	}

/*STOP pop up from slide*/