.scrollable_showreel {
height:340px;
overflow:hidden;
position:relative;
width:980px;
}

div.scrollable_showreel {
float:left;
}

div.scrollable_showreel div.showreel_items div {
float:left;
font-family:Helvetica,Arial;
font-size:30px;
/*text-align:center;*/
width:980px;
}

div.scrollable_showreel div.showreel_items {
clear:both;
position:absolute;
height:20000em;
}

/* intertrade ireland */ 

.image-intertrade {position: relative;width: 100%; /* for IE 6 */}
.image-content-intertrade {width:350px;position:absolute;left:575px;top:34px;font-family:Georgia;}
.image-content-intertrade-right {left:191px;}
.image-content-intertrade h2 {color:#fefefe;font-size:41px;letter-spacing:-1px;padding:10px;text-align:left; font-family:Georgia;}
.image-content-intertrade h3 {color:#fefefe;font-size:23px;letter-spacing:-1px;padding:10px;text-align:left; font-family:Georgia;}
.image-content-intertrade p {color:#EAEAEA;font-family:Arial,Helvetica,sans-serif;font-size:16px;letter-spacing:0.2px;padding:0 0 10px 10px;text-align:left; }

.find-out-more-intertrade{background:transparent url(../images/showreel/find-out-more-button.png) no-repeat scroll left top;color:#FFFFFF;float:left;font-family:Arial,Helvetica,sans-serif;font-size:14px;height:22px;left:575px;margin-left:10px; text-align:center; padding-top:8px;position:absolute;text-decoration:none;top:264px;width:132px;}
.find-out-more-intertrade:hover {background-position: left bottom; width:132px; height:22px; padding-top:8px; font-size:14px;}

.image-content-link-intertrade {color:#EAEAEA;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-left:10px;text-decoration:none;padding-top:3px;}
.image-content-link-intertrade:hover {color:#ffffff;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-left:10px;text-decoration:none;}

/* ulster museum */ 

.image-um {position: relative;width: 100%; /* for IE 6 */}
.image-content-um {width:350px;position:absolute;left:27px;top:202px;font-family:Georgia;}
.image-content-um-right {left:191px;}
.image-content-um h2 {color:#fefefe;font-size:41px;letter-spacing:-1px;padding:10px;text-align:left; font-family:Georgia;}
.image-content-um h3 {color:#fefefe;font-size:23px;letter-spacing:-1px;padding:10px;text-align:left; font-family:Georgia;}
.image-content-um p {color:#EAEAEA;font-family:Arial,Helvetica,sans-serif;font-size:16px;letter-spacing:0.2px;padding:0 0 10px 10px;text-align:left;}

.find-out-more-um{background:transparent url(../images/showreel/find-out-more-button.png) no-repeat scroll left top;color:#FFFFFF;float:left;font-family:Arial,Helvetica,sans-serif;font-size:14px;height:22px;left:27px;margin-left:10px; text-align:center; padding-top:8px;position:absolute;text-decoration:none;top:260px;width:132px;}
.find-out-more-um:hover {background-position: left bottom; width:132px; height:22px; padding-top:8px; font-size:14px;}

/* ulster museum */ 

.image-um2 {position: relative;width: 100%; /* for IE 6 */}
.image-content-um2 {width:350px;position:absolute;left:27px;top:202px;font-family:Georgia;}
.image-content-um2-right {left:191px;}
.image-content-um2 h2 {color:#fefefe;font-size:41px;letter-spacing:-1px;padding:10px;text-align:left; font-family:Georgia;}
.image-content-um2 h3 {color:#fefefe;font-size:23px;letter-spacing:-1px;padding:10px;text-align:left; font-family:Georgia;}
.image-content-um2 p {color:#EAEAEA;font-family:Arial,Helvetica,sans-serif;font-size:16px;letter-spacing:0.2px;padding:0 0 10px 10px;text-align:left; }

.find-out-more-um2{background:transparent url(../images/showreel/find-out-more-button.png) no-repeat scroll left top;color:#FFFFFF;float:left;font-family:Arial,Helvetica,sans-serif;font-size:14px;height:22px;left:27px;margin-left:10px; text-align:center; padding-top:8px;position:absolute;text-decoration:none;top:260px;width:132px;}
.find-out-more-um2:hover {background-position: left bottom; width:132px; height:22px; padding-top:8px; font-size:14px;}

/* Brian Magee Showreel */ 

.image-bm {position: relative;width: 100%; /* for IE 6 */}
.image-content-bm {width:350px;position:absolute;left:38px;top:130px;font-family:Georgia;}
.image-content-bm-right {left:191px;}
.image-content-bm h3 {color:#fefefe;font-size:23px;letter-spacing:-1px;padding:10px;text-align:left; font-family:Georgia;}
.image-content-bm p {color:#EAEAEA;font-family:Arial,Helvetica,sans-serif;font-size:16px;letter-spacing:0.2px;padding:0 0 10px 10px;text-align:left; }

.find-out-more-bm{background:transparent url(../images/showreel/find-out-more-button.png) no-repeat scroll left top;color:#FFFFFF;float:left;font-family:Arial,Helvetica,sans-serif;font-size:14px;height:22px;left:38px;margin-left:10px; text-align:center; padding-top:8px;position:absolute;text-decoration:none;top:261px;width:132px;}
.find-out-more-bm:hover {background-position: left bottom; width:132px; height:22px; padding-top:8px; font-size:14px;}

.image-content-link-bm {color:#EAEAEA;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-left:10px;text-decoration:none;}
.image-content-link-bm:hover {color:#ffffff;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-left:10px;text-decoration:none;}

/* Mailer 17 */ 

.image-mailer17 {position: relative;width: 100%; /* for IE 6 */}
.image-content-mailer17 {width:350px;position:absolute;left:38px;top:55px;font-family:Georgia;}
.image-content-mailer17-right {left:191px;}
.image-content-mailer17 h2 {color:#fefefe;font-size:36px;padding:10px;text-align:left; font-family:Georgia;}
.image-content-mailer17 h3 {color:#fefefe;font-size:37px;letter-spacing:-1px;padding:10px;text-align:left; font-family:Georgia;}
.image-content-mailer17 h4 {color:#fefefe;font-size:22px;letter-spacing:-1px;padding:10px;text-align:left; font-family:Georgia;}
.image-content-mailer17 p {color:#EAEAEA;font-family:Arial,Helvetica,sans-serif;font-size:16px;letter-spacing:0.2px;padding:0 0 10px 10px;text-align:left;}

.find-out-more-mailer17{background:transparent url(../images/showreel/find-out-more-button.png) no-repeat scroll left top;color:#FFFFFF;float:left;font-family:Arial,Helvetica,sans-serif;font-size:14px;height:22px;left:38px;margin-left:10px; text-align:center; padding-top:8px;position:absolute;text-decoration:none;top:247px;width:132px;}
.find-out-more-mailer17:hover {background-position: left bottom; width:132px; height:22px; padding-top:8px; font-size:14px;}

.image-content-link-mailer17 {color:#EAEAEA;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-left:10px;text-decoration:none;padding-top:3px;}
.image-content-link-mailer17:hover {color:#ffffff;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-left:10px;text-decoration:none;}

/* Content 17 */ 

.image-content17 {position: relative;width: 100%; /* for IE 6 */}
.image-content-content17 {width:350px;position:absolute;left:38px;top:43px;font-family:Georgia;}
.image-content-content17-right {left:191px;}
.image-content-content17 h2 {color:#fefefe;font-size:36px;line-height:1.1em;padding:10px;text-align:left; font-family:Georgia;}
.image-content-content17 h3 {color:#fefefe;font-size:23px;letter-spacing:-1px;padding:10px;text-align:left; font-family:Georgia;}
.image-content-content17 p {color:#EAEAEA;font-family:Arial,Helvetica,sans-serif;font-size:16px;letter-spacing:0.2px;padding:0 0 10px 10px;text-align:left;}

.find-out-more-content17{background:transparent url(../images/showreel/find-out-more-button.png) no-repeat scroll left top;color:#FFFFFF;float:left;font-family:Arial,Helvetica,sans-serif;font-size:14px;height:22px;left:38px;margin-left:10px; text-align:center; padding-top:8px;position:absolute;text-decoration:none;top:247px;width:132px;}
.find-out-more-content17:hover {background-position: left bottom; width:132px; height:22px; padding-top:8px; font-size:14px;}

.image-content-link-content17 {color:#EAEAEA;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-left:10px;text-decoration:none;padding-top:3px;}
.image-content-link-content17:hover {color:#ffffff;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-left:10px;text-decoration:none;}

/* position and dimensions of the navigator */ 
.navi { 

} 

/* 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;
}

