/*----------------------------------------------------
	main slides
----------------------------------------------------*/
	.container_slides{
		width: 840px;
		height:540px;
		float:left;
		position:relative;
		overflow:hidden;
	}
	.container_slides > #slides{
		text-align: center;
		width: 810px;
	}
	.box_slides{
		text-align: center;
	}
	.box_slides > .slides_head_title{
		padding-top: 0px;
		padding-bottom: 10px;
		width: 820px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: center;
		margin: 0 auto;
	}
	.box_slides > .slides_head_title > a{
		font-size: 45px;
		font-weight: bold;
		color: #1a1a1a;
		letter-spacing: -4px;
	}
	.box_slides > .slides_head_title > a:hover{
		text-decoration: none;
	}
	.box_slides > .slides_head_img{
		text-align: center;
		width: 740px;
		margin:0 auto;
	}
	.box_slides > .slides_head_img > img{
		width: 740px;
		margin:0 auto;
	}
	.box_slides > .slides_head_sub_txt{
		text-align: center;
		display: block;
		padding-top: 5px;
	}
	.box_slides > .slides_head_sub_txt > .s_txt{
		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:25px; display: block;
		font-weight:bold;
		color:#004e72;
		letter-spacing:-3px;
	}
	.box_slides > .slides_head_sub_txt > .s_txt > a:hover{
		text-decoration: none;
	}
	.box_slides > .slides_head_sub_txt > .ss_txt{
		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: 15px;
		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
----------------------------------------------------*/

	#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
	}

/*----------------------------------------------------
	SlidesJS Required: These styles are required if you'd like a responsive slideshow
----------------------------------------------------*/
	#slides {
		display: none
	}
	.container {
		margin: 0 auto
	}
	/* For tablets & smart phones */
	@media (max-width: 767px) {
		body {
			padding-left: 20px;
			padding-right: 20px;
		}
		.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
		}
	}