/*

.scrollable_showreel {
height:340px;
overflow:hidden;
position:relative;
width:1920px;
}

div.scrollable_showreel {
float:left;
}

div.scrollable_showreel div.showreel_items div {
float:left;
font-family:Helvetica,Arial;
font-size:30px;

width:1920px;
}

div.scrollable_showreel div.showreel_items {
clear:both;
position:absolute;
height:20000em;
}

.image-content-slide {
	
	width:960px !important;
	margin:0 auto  !important;
	
}

/*
/* position and dimensions of the navigator 

.showreel_nav_bar { 
	height:20px;
	margin-left:350px;
	position:absolute;
	top:305px;
	width:400px;
} 
 
 
/* items inside navigator 
.navi a {
	cursor:pointer;
	width:12px;
	height:10px;
	float:left;
	margin:6px;
	background:url(../images/showreel_dots.png) 0 0 no-repeat;
	font-size:1px;
} 
 
/* mouseover state 
.navi a:hover { 
    background-position:0 -10px;       
} 
 
/* active state (current page state) 
.navi a.active { 
    background-position:0 -20px;      
}


/* prev, next, prevPage and nextPage buttons 
a.browse {
	background:url(../images/showreel_arrow.png) no-repeat;
	display:block;
	width:9px;
	height:10px;
	float:left;
	cursor:pointer;
	font-size:1px;
	margin:6px;
}


/* right 
a.right 		{ background-position: -8px 0; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position: -8px -10px; }
a.right:active 	{ background-position: -8px -20px; } 


/* left
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position: 0 -10px; }
a.left:active  	{ background-position: 0 -20px; }

a.disabled {
visibility:hidden !important;
}

*/