#content
{
	padding-left: 0;
}

#slidebox
{
	position:relative; 
	overflow:hidden; 
	background-color:#eee;
}

#slidebox div.control-buttons
{
	position:absolute;
	width: 100%;
	z-index:2; 
	bottom:14px; 
	margin-right:-48px;
	text-align: center;
}

#slidebox div.control-buttons a
{
	display:inline-block; 
	width:17px; 
	height:17px; 
	margin-right:5px;
	background:url(images/image-slider/circle-bt-01.png) no-repeat;
}

#slidebox div.control-buttons a:last-child
{
	margin-right:0px;
}

#slidebox div.control-buttons a:hover
{
	background-position: center -17px;
}

#slidebox div.control-buttons a.active
{
	background-position: center -17px;
}

#slidebox ul
{
	width:100%;
}

#slidebox ul > li
{
	width:100%;
	height:100%;
}

#slidebox ul > li
{
	position:relative; 
	left:0; 
	float:left;
	list-style: none; 
}

#slidebox ul > li > div.image
{
	position:relative;
	width:960px;
	height:543px;
 	text-align: center;
}

#slidebox ul > li > div.image > a.text-button
{
	position: absolute;
	height:27px;
	line-height:27px;
	display:inline-block;
	margin-left:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#f2f2f2;
	background-color:#2599cf;
	padding:0 13px 0 13px; 
	text-decoration:none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top:465px;
	margin-left:426px;
	z-index:3; 
 	display: block;
}

#slidebox ul > li > div.image > a:hover.text-button
{
 	background-color:#2db6f6;
}

#slidebox ul > li > div.image > a:hover.image-button
{
}

#slidebox ul > li > div.image > a.image-button > img.img-mobile
{
 	display: none;
 	width: auto;
 	height: 100%;
}

#slidebox-mobile
{
	display: none;
}

@media only screen and (max-width: 960px)
{
	#slidebox 
	{
		display: none;
	}
	#slidebox-mobile
	{
		display: block;
	}	
	#slidebox-mobile img
	{
		display: block;
		max-width: 100%;
	}
}