.carousel
{
	position: relative;
	
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-left: auto;
	
	width: 99%;
}

.carousel:before, .carousel:after
{
	display: table;
	line-height: 0;
	content: "";
}

.carousel:after
{
	clear: both;
}

.viewport
{
	margin-left: 65px;
	
	overflow: hidden;
	position: relative;
	
	width: 600px;
	height: 420px;
}

.contents
{
	float: left;
	list-style: none;
	position: absolute;
	
	bottom: 10px;
}

li
{
	float: left;
	margin: 0px;
}

.button
{
	clear: both;
	margin-left: 255px;
	font-size: 13pt;
	font-weight: bold;
}

.button a:link
{
    color: #612434;
    font-style: normal;
    text-decoration: none;
}

.button a:visited
{
    color: #612434;
    font-style: normal;
    text-decoration: none;
}

.button a:hover
{
    color: #612434;
    font-style: normal;
    text-decoration: underline;
}

.start
{
	margin-right: 35px;
	float: left;
}

.prev
{
	margin-right: 35px;
	float: left;
}

.next
{
	margin-right: 35px;
	float: left;
}

.end
{
	float: left;
}