#reel {
	position:relative;

	width: 100%;
	height: auto;
}

#reel_body {
	position:relative;
	top:0px;
	left:0px;

	width: 980px;
	height: auto;
	
	margin: 0 auto;
	text-align: left;
	
	background: #ffffff;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	#reel_body { width: 320px; border-left: 0px; border-right: 0px; padding-bottom:10px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#reel_body { width: 480px; border-left: 0px; border-right: 0px; padding-bottom:10px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#reel_body { width: 768px; border-left: 0px; border-right: 0px; padding-bottom:10px; }
}

#reel_box {
	position:relative;
	top:0px;
	left:360px;

	width: 600px;
	height: 300px;
	
	padding-bottom: 30px;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	#reel_box { left: 10px; width: 300px; height: 150px; padding-bottom: 0px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#reel_box { left: 10px; width: 460px; height: 230px; padding-bottom: 0px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#reel_box { left: 0; width: 460px; height: 230px; padding-bottom: 0px; margin: 0 auto; }
}

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

	width: 600px;
	height: 300px;
}

#banner_reel img {
	width: 600px;
	height: 300px;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	#banner_reel, #banner_reel img { width: 300px; height: 150px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#banner_reel, #banner_reel img { width: 460px; height: 230px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#banner_reel, #banner_reel img { width: 460px; height: 230px; }
}

#facebook {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 320px;
	height: 300px;
}
	.fb_iframe_widget>span { width: 320px !important; }
	.fb-like-box iframe { width: 320px !important; }

@media screen and (min-width : 320px) and (max-width : 479px) {
	#facebook { display: none; position: relative; left: 10px; width: 300px; margin: 10px 0; }
	.fb_iframe_widget>span { width: 300px !important; }
	.fb-like-box iframe { width: 300px !important; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#facebook { display: none; position: relative; left: 10px; width: 460px; margin: 10px 0; }
	.fb_iframe_widget>span { width: 460px !important; }
	.fb-like-box iframe { width: 460px !important; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#facebook { display: none; position: relative; width: 258px; margin-bottom: 20px; }
	.fb_iframe_widget>span { width: 258px !important; }
	.fb-like-box iframe { width: 258px !important; }
}










#slider2_container {
	position: relative;
	width: 600px;
	height: 300px;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	#slider2_container { width: 300px; height: 150px; }
	.reel { width: 300px; height: 150px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#slider2_container { width: 460px; height: 230px; }
	.reel { width: 460px; height: 230px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#slider2_container { width: 460px; height: 230px; }
	.reel { width: 460px; height: 230px; }
}


.slides {
	cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 300px; overflow: hidden;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	.slides { width: 300px; height: 150px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.slides { width: 460px; height: 230px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.slides { width: 460px; height: 230px; }
}


		.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 div, .jssorb01 div:hover, .jssorb01 .av {
		filter: alpha(opacity=70);
		opacity: .7;
		overflow:hidden;
		cursor: pointer;
		border: #000 1px solid;
	}
	.jssorb01 div { background-color: gray; }
	.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
	.jssorb01 .av { background-color: #fff; }
	.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

	/* 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;
	}
	.jssora05l { background-position: -10px -40px; }
	.jssora05r { background-position: -70px -40px; }
	.jssora05l:hover { background-position: -130px -40px; }
	.jssora05r:hover { background-position: -190px -40px; }
	.jssora05ldn { background-position: -250px -40px; }
	.jssora05rdn { background-position: -310px -40px; }

@media screen and (min-width : 320px) and (max-width : 479px) {
	.jssorb01, .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { display: none; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.jssorb01, .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { display: none; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.jssorb01, .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { display: none; }
}