/* slide show test */

#slideshow{
	background-color:#F5F5F5;
	border:1px solid #FFFFFF;
	height:270px;
/* 	margin:150px auto 0; */
	position:relative;
	width:360px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 20px;
	-moz-box-shadow:0 0 12px #111;
	-webkit-box-shadow:0 0 12px #111;
	box-shadow:0 0 12px #111;
}

#slideshow ul{
	height:270px;
/* 	left:20px; */
	list-style:none outside none;
	overflow:hidden;
/* 	position:absolute; */
/* 	top:10px; */
	width:360px;
	margin: 0;
	padding: 0;
}

#slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

#slideshow li:first-child{
	display:block;
	z-index:1000;
}

#slideshow .slideActive{
	z-index:1000;
}

#slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#slideshow .arrow{
	height:86px;
	width:80px;
	position:absolute;
	background:url('../research/img/arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}

@media only screen and (max-device-width: 920px) {
	#slideshow{
		/*height:135px;*/
		width:auto;
		/*height:100%;*/
		/*width:80%;*/
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 10px;
	}
	#slideshow ul{
		/*height:200px;*/
		/*width:80%*/
	}
}