img { 
max-width: 100%;
}


*{
	margin:0;
	padding:0;
}

body{
	color:#999;
}



#slideshow{
	max-width: 100%;
	background-color:#e9e9e9;/* MatteColor*/
	height:500px;
	margin:60px auto 0;
	position:relative;
	width:500px;
	border: 10px solid #555;
-moz-box-shadow: 3px 3px 4px #111;
-webkit-box-shadow: 3px 3px 4px #111;
box-shadow: 3px 3px 4px #111;
}

#slideshowholder {
height: 500px
width 400px;
margin: 0 auto;
}

#slideshow ul{
	height:500px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	width:500px;
}

#slideshow li{
	position:absolute;
	display:none;
	z-index:10;
	border-top: #aaa 6px solid;
border-right: #ccc 6px solid;
border-bottom: #fff 6px solid;
border-left: #bbb 6px solid;
	background-color:#FFF;
	left: 50%;
	Top:55%;
margin: -200px 0 0 -200px;
}

#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:60px;
	position:absolute;
	background:url('img/arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;/* url(mycursor.cur)*/
	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;}