/*----------------------------------------------------
	main slides
----------------------------------------------------*/
	.container_slides{
		padding-top: 10px;
		padding-bottom: 10px;
		float:left;
		position:relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		/*
		width: 840px;
		height:540px;
		*/
	}
	.container_slides > #slides{
		text-align: center;
		width: 96%;
		height: auto;
		overflow: hidden;
		/*
		width: 810px;
		*/
	}
	.box_slides{
		text-align: center;
	}
	.box_slides > .slides_head_title{
		padding-top: 0px;
		padding-bottom: 10px;
		width: 100%;
		height: auto;
		overflow: hidden;
		/*
		width: 820px;
		*/
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: center;
		margin: 0 auto;
	}
	.box_slides > .slides_head_title > a{
		font-size: 23px;
		font-weight: bold;
		color: #000 !important;
		letter-spacing: -4px;
	}
	.box_slides > .slides_head_title > a:hover{
		text-decoration: none;
	}
	.box_slides > .slides_head_img{
		text-align: center;
		width: 96%;
		height: auto;
		overflow: hidden;
		padding-left: 4%;
		padding-top: 2%;
		/*
		width: 740px;
		*/
		margin:0 auto;
	}
	.box_slides > .slides_head_img > img{
		width: 100%;
		height: auto;
		overflow: hidden;
		max-height: 90%;
		/*
		width: 740px;
		*/
		margin:0 auto;
	}
	.box_slides > .slides_head_sub_txt{
		text-align: center;
		display: block;
		padding-top: -1%;
	}
	.box_slides > .slides_head_sub_txt > .s_txt{
		width: 100%;
		height: auto;
		overflow: hidden;
		/*
		width: 650px;
		*/
		display: block;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin:0 auto;
	}
	.box_slides > .slides_head_sub_txt > .s_txt > a{
		font-size: 16px;
		font-weight:bold;
		color: #555 !important;
		letter-spacing:-2px;
	}
	.box_slides > .slides_head_sub_txt > .s_txt > a:hover{
		text-decoration: none;
	}
	.box_slides > .slides_head_sub_txt > .ss_txt{
		width: 90%;
		height: auto;
		overflow: hidden;
		padding-left: 5%;
		padding-top: 1%;
		/*
		width: 700px;
		*/
		display: block;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin:0 auto;
	}
	.box_slides > .slides_head_sub_txt > .ss_txt > a{
		font-size: 14px;
		color: #323232;
	}
	.box_slides > .slides_head_sub_txt > .ss_txt > a:hover{
		text-decoration: none;
	}



/*----------------------------------------------------
	SlidesJS Optional: If you'd like to use this design
----------------------------------------------------*/
<style>
	#slides {
		 display: none
	}
	#slides .slidesjs-navigation {
		margin-top:5px;
	}
	a.slidesjs-next,
	a.slidesjs-previous,
	a.slidesjs-play,
	a.slidesjs-stop {
		background-image: url(/backoffice/sgControls/sgCommon/jquery/Slides-SlidesJS-3/examples/playing/img/btns-next-prev.png);
		background-repeat: no-repeat;
		display:block;
		width:12px;
		height:18px;
		overflow: hidden;
		text-indent: -9999px;
		float: left;
		margin-right:5px;
	}
	a.slidesjs-next {
		margin-right:10px;
		background-position: -12px 0;
	}
	a:hover.slidesjs-next {
		background-position: -12px -18px;
	}
	a.slidesjs-previous {
		background-position: 0 0;
	}
	a:hover.slidesjs-previous {
		background-position: 0 -18px;
	}
	a.slidesjs-play {
		width:15px;
		background-position: -25px 0;
	}
	a:hover.slidesjs-play {
		background-position: -25px -18px;
	}
	a.slidesjs-stop {
		width:18px;
		background-position: -41px 0;
	}
	a:hover.slidesjs-stop {
		background-position: -41px -18px;
	}
	.slidesjs-pagination {
		margin: 7px 0 0;
		float: right;
		list-style: none;
	}
	.slidesjs-pagination li {
		float: left;
		margin: 0 1px;
	}
	.slidesjs-pagination li a {
		display: block;
		width: 13px;
		height: 0;
		padding-top: 13px;
		background-image: url(/backoffice/sgControls/sgCommon/jquery/Slides-SlidesJS-3/examples/playing/img/pagination.png);
		background-position: 0 0;
		float: left;
		overflow: hidden;
	}
	.slidesjs-pagination li a.active,
	.slidesjs-pagination li a:hover.active {
		background-position: 0 -13px
	}
	.slidesjs-pagination li a:hover {
		background-position: 0 -26px
	}
	#slides a:link,
	#slides a:visited {
		color: #333
	}
	#slides a:hover,
	#slides a:active {
		color: #9e2020
	}
	.navbar {
		overflow: hidden
	}
</style>

/*----------------------------------------------------
	SlidesJS Required: These styles are required if you'd like a responsive slideshow
----------------------------------------------------*/
<style>
	#slides {
		display: none
	}
	.container {
		margin: 0 auto
	}
	/* For tablets & smart phones */
	@media (max-width: 767px) {
		body {
			padding-left: 10px;
			padding-right: 10px;
		}
		.container {
			width: auto
		}
	}
	/* For smartphones */
	@media (max-width: 480px) {
		.container {
			width: auto
		}
	}
	/* For smaller displays like laptops */
	@media (min-width: 768px) and (max-width: 979px) {
		.container {
			width: 724px
		}
	}
	/* For larger displays */
	@media (min-width: 1200px) {
		.container {
			width: 1170px
		}
	}
</style>