div.sliderbox
{
	width: 940px;
	height: 325px;
	position: absolute;
	overflow: hidden;
}

div.slider
{
	height: 325px;
	position: absolute;
	transition: margin-left 0.7s ease-in-out 0.1s;
}
div.slide
{
	height: 100%;
	float: left;
}

div.slider img
{
	height: 100%;
	display: block;
	width: 100%;
}

div.slidenavbutton
{
	height: 50px;
	width: 50px;
	position: absolute;
	z-index: 10;
	padding: 10px;
	font-size: 40pt;
	font-weight: 1000;
	font-family: "Courier New", Courier, monospace;
	color: white;
	-webkit-transform: scale(0.9,1.6);
	-moz-transform: scale(0.9,1.6);
	-ms-transform: scale(0.9,1.6);
	-o-transform: scale(0.9,1.6);
	transform: scale(0.9,1.6);
	top: 40%;
	cursor: pointer;
}

div#slideback
{
	left: 0px;
}

div#slidenext
{
        right: 0px;
	text-align: right;
}

@media only screen and (max-width: 940px)
{
	div.sliderbox
	{
        	width: 92%;
	}

	div.sliderbox img
	{
		height: unset;
	}

	div.slidenavbutton
	{
		top: 50px;
	}
}

@media only screen and (max-width: 360px)
{
	div.slidenavbutton
        {
                top: -10px;
        }
}