/* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
/* -+-+-+-+-+-+-+-+-+-+-+-+ SLIDER +-+-+-+-+-+-+-+-+-+-+-+-+- */

 /* jssor slider bullet navigator skin 03 css */
            /*
            .jssorb03 div           (normal)
            .jssorb03 div:hover     (normal mouseover)
            .jssorb03 .av           (active)
            .jssorb03 .av:hover     (active mouseover)
            .jssorb03 .dn           (mousedown)
            */
            .blocslide
            {
            padding: 18px 0px 18px 0px;
            width: 690px;
            background: #010101;
            background: url('img/alpha80.png');
            border-radius: 20px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            }
            
            .slide1
            {
            position: relative;
            background: url('img/slide1.jpg');
            padding: 35px 0px 0px 265px;
            text-transform: uppercase;
            font-size: 22px;
            height: 240px;
            }
            
            .slide2
            {
            position: relative;
            background: url('img/slide2.jpg');
            padding: 35px 0px 0px 265px;
            text-transform: uppercase;
            font-size: 22px; 
            height: 240px;
            }
            
            .slide3
            {
            position: relative;
            background: url('img/slide3.jpg');
            padding: 35px 0px 0px 310px;
            text-transform: uppercase;
            font-size: 22px;
            height: 240px; 
            }
            
            .slidebutton
            {
            position: absolute;
            top: 194px;
            left: 490px;
            font-size: 14px;
            }
            
            .slidebutton a, .slidebutton a:hover {color: #222;text-decoration: none;}
            
            .outercontainer
            {
            margin: auto;
            position: relative; width: 650px; height:240px; overflow: hidden;background: #222 url('img/bgslide.jpg') top left;
            border-radius: 20px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            }
            
            .maincontainer
            {
            cursor: move; position: absolute; left: 0px; top: 0px; width: 650px;
            height: 240px; overflow: hidden; color: white;
            }
            .inslide
            {
            position: absolute; overflow: auto;
            }
            .slidenums
            {
            display: none;
            }
            .jssorb03 {
                position: absolute;
                bottom: 4px; left: 50%;
            }
            .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
                position: absolute;
                /* size of bullet elment */
                width: 21px;
                height: 21px;
                text-align: center;
                line-height: 21px;
                color: white;
                font-size: 12px;
                background: url(img/slider_dots.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb03 div { background-position: -5px -4px; }
            .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
            .jssorb03 .av { background-position: -65px -4px; }
            .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
            
            /* jssor slider arrow navigator skin 03 css */
            /*
            .jssora03l                  (normal)
            .jssora03r                  (normal)
            .jssora03l:hover            (normal mouseover)
            .jssora03r:hover            (normal mouseover)
            .jssora03l.jssora03ldn      (mousedown)
            .jssora03r.jssora03rdn      (mousedown)
            */
            .jssora03l, .jssora03r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 55px;
                height: 55px;
                cursor: pointer;
                background: url(img/slider_arrows.png) no-repeat;
                overflow: hidden;
            }
            .jssora03l.jssora03ldn { background-position: -8px -33px; }
            .jssora03r.jssora03rdn { background-position: -58px -33px; }
            .jssora03l:hover { background-position: -128px -33px;}
            .jssora03r:hover { background-position: -178px -33px;}
            .jssora03l { background-position: -248px -33px; top: 90px; left: 1px; }
            .jssora03r { background-position: -298px -33px; top: 90px; right: 1px; }