#slideshow{
    background-color:#222222;
    border:1px solid #222222;
    height:510px;
    margin:0px auto 0;
    position:relative;
    width:820px;
	padding: 0px;
	
    -moz-box-shadow:0px 4px 4px 0px rgba(20,20,20,0.8);
    -webkit-box-shadow:0px 4px 4px 0px rgba(20,20,20,0.8);
    box-shadow:0px 4px 4px 0px rgba(20,20,20,0.8);

}

#slideshow .slides
{
	margin-left: 10px;
	left: 0px;
	padding-left: 0px;
}

#slideshow ul{
    height:490px;
    left:0px;
    list-style:none outside none;
    overflow:hidden;
    position:absolute;
    top:10px;
    width:800px;
}

#slideshow li{
    position:absolute;
    display:none;
    z-index:10;
    margin-left: 0px;
}

#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_black.png') no-repeat;
    top:50%;
    margin-top:-43px;
    cursor:pointer;
    z-index:5000;
    
    opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

#slideshow .banner{
	height: 40px;
	width: 300px;
	position: absolute;
	background: rgba(34,34,34, 0.6);
	bottom: 4%;
	margin-top: 0px;
	z-index: 5000;
	right: -20px;
	color: #eeeeee;
	font-size: 24px;
	text-align: center;
	padding-left: 100px;
	vertical-align: middle;
	
	font-family: 'Fondamento', cursive;
	
	-webkit-transform: rotate(-20deg);
	-moz-transform:  rotate(-20deg);


}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ 
	background-position:left bottom;
	 opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ 
	background-position:right bottom;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */


}