#reel {
	position:relative;

	width: 100%;
	height: 568px;
}
	
@media screen and (min-width : 320px) and (max-width : 479px) {
	#reel { height: 184px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#reel { height: 220px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#reel { height: 314px; }
}

#banner_reel {
	position:relative;
	top:0px;
	left:0px;
}










#slider2_container {
	position: relative;
}


.slides {
	cursor: move; position: absolute; left: 0px; top: 0px; width: 100%; height: 478px; overflow: hidden;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	.slides { width: 100%; height: 124px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.slides { width: 100%; height: 160px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.slides { width: 100%; height: 254px; }
}


		.captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(../generic/images/browser-icons.png);
        }
		
		
		
	.jssorb01 {
		position: relative;
		margin: 0 auto;
		top: 498px;
	}	

	@media screen and (min-width : 320px) and (max-width : 479px) {
		.jssorb01 { top: 144px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.jssorb01 { top: 180px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.jssorb01 { top: 274px; }
	}
		
	.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
		overflow:hidden;
		cursor: pointer;
		border-radius: 50%;
	}
	.jssorb01 div { background-color: rgba(0,0,0,0.3); }
	.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #0b5589; }
	.jssorb01 .av { background-color: #0b5589; }
	.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #0b5589; }

	/* jssor slider arrow navigator skin 05 css */
	/*
	.jssora05l              (normal)
	.jssora05r              (normal)
	.jssora05l:hover        (normal mouseover)
	.jssora05r:hover        (normal mouseover)
	.jssora05ldn            (mousedown)
	.jssora05rdn            (mousedown)
	*/
	.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {
		position: absolute;
		cursor: pointer;
		display: block;
		background: url(../../generic/images/a17.png) no-repeat;
		overflow:hidden;
		width: 40px;
		height: 40px;
		top: 219px;
	}	

	@media screen and (min-width : 320px) and (max-width : 479px) {
		.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { top: 42px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { top: 60px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { top: 107px; }
	}
	.jssora05l { background-position: -10px -40px; left: 30px; }
	.jssora05r { background-position: -70px -40px; right: 30px; }
	.jssora05l:hover { background-position: -130px -40px; }
	.jssora05r:hover { background-position: -190px -40px; }
	.jssora05ldn { background-position: -250px -40px; }
	.jssora05rdn { background-position: -310px -40px; }

.reel, .reel img {
	width: 100%;
	height: 100%;
}