/*  
 
 RoyalSlider
 
 */
.royalSlider {
    position: relative;
    float: left;
    overflow: hidden;
    width: 975px;
    height: 370px;
    /* set width and height of slider here, in px, % or em*/
    /* Used to prevent content "jumping" on page load. this property is removed when javascript is loaded and slider is instanciated */
}



    /**
*  Slides area (set background here)
*/

    .royalSlider .royalWrapper {
        position: relative;
        overflow: hidden;
        width: 975px;
        height: 370px;
    }

    .royalSlider .royalSlide,
    .royalSlider .royalWrapper {
        background: #111111;
        background: -moz-linear-gradient(top, #111111 0%, #242424 100%);
        background: -ms-linear-gradient(top, #111111 0%,#242424 100%);
        background: -o-linear-gradient(top, #111111 0%,#242424 100%);
        background: -webkit-linear-gradient(top, #111111 0%,#242424 100%);
        background: linear-gradient(top, #111111 0%,#242424 100%);
        /* Bakground behind slides */
    }
    /* slides holder, grabbing container */
    .royalSlider .royalSlidesContainer {
        position: relative;
        top: 0 !important;
        left: 0;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        list-style: none !important;
    }


    /* slide item */
    .royalSlider .royalSlide {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        list-style: none !important;
    }

    /* 

	Direction Navigation (arrows) 

*/
    .royalSlider .arrow {
        position: absolute;
        top: 50%;
        z-index: 25;
        display: block;
        margin-top: -45px;
        width: 45px;
        height: 90px;
        background-color: #C00;
        background-position: 0 0;
        background-repeat: no-repeat;
        cursor: pointer;
        /* change arrows size here */
        /*background:url(../img/controlsSprite.png) no-repeat 0 0;*/
    }

        .royalSlider .arrow:hover {
        }

        .royalSlider .arrow.disabled {
        }
        /* left arrow */
        .royalSlider .arrow.left {
            left: 0;
            background-position: top left;
        }
        /* right arrow */
        .royalSlider .arrow.right {
            right: 0;
            background-position: top right;
        }




    /* Control navigation container (bullets or thumbs) */
    .royalSlider .royalControlNavOverflow {
        position: absolute;
        z-index: 25;
        overflow: hidden;
        margin-top: -20px;
        width: 100%;
    }
    /* This container is inside ".royalControlNavContainer"  
   and is used for auto horizontal centering */
    .royalSlider .royalControlNavCenterer {
        position: relative;
        left: -50%;
        float: left;
    }
    /* Control navigation container*/
    .royalSlider .royalControlNavContainer {
        position: relative;
        left: 50%;
        float: left;
    }


    /* Scrollable thumbnails containers */
    .royalSlider .royalControlNavThumbsContainer {
        position: relative;
        left: 0;
    }

    .royalSlider .thumbsAndArrowsContainer {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .royalSlider .royalControlNavOverflow.royalThumbs {
        position: relative;
        overflow: hidden;
        margin-top: 4px;
        width: auto;
    }






    /* 

	Control navigation (bullets, thumbnails)
	
*/
    .royalSlider .royalControlNavOverflow a {
        position: relative;
        display: block;
        float: left;
        width: 20px;
        height: 20px;
        background: #0C0 none no-repeat scroll 0 0;
        text-indent: -9999px;
        cursor: pointer;
    }
        /* Current control navigation item */
        .royalSlider .royalControlNavOverflow a.current {
            background-color: #C00;
        }
        /* Hover state navigation item */
        .royalSlider .royalControlNavOverflow a:hover {
            background-color: #00C;
        }

        /* Thumbnails */
        .royalSlider .royalControlNavOverflow a.royalThumb {
            margin-right: 4px;
            width: 144px;
            height: 60px;
            /* thumbnails spacing, use margin-right only */
            /*background: none no-repeat 0 0;*/
            /*background-color: ;*/
        }

            .royalSlider .royalControlNavOverflow a.royalThumb.current {
                width: 138px;
                height: 54px;
                border: 3px solid #C00 !important;
                background-position: -3px -3px !important;
            }

            .royalSlider .royalControlNavOverflow a.royalThumb:hover {
                width: 138px;
                height: 54px;
                border: 3px solid #00C;
                background-position: -3px -3px;
            }



    /* 

	Thumbnails navigation arrows 
	
*/
    .royalSlider .thumbsArrow {
        position: relative;
        z-index: 25;
        display: block;
        width: 38px;
        height: 68px;
        background: #C99;
        cursor: pointer;
    }

        .royalSlider .thumbsArrow.left {
            float: left;
        }

        .royalSlider .thumbsArrow.right {
            float: right;
        }

        .royalSlider .thumbsArrow:hover {
        }

        .royalSlider .thumbsArrow.disabled {
        }






    /* Captions container */
    .royalSlider .royalCaption {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 20;
        display: block;
        /*font: normal normal normal 1em/1.5em Georgia, serif;
	color:#FFF;		*/
    }
    /* Caption item */
    .royalSlider .royalCaptionItem {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
    }



    /* Loading (welcome) screen */
    .royalSlider .royalLoadingScreen {
        position: absolute;
        z-index: 99;
        width: 100%;
        height: 100%;
        background: #FFF;
    }
        /* Loading screen text ("Loading...") */
        .royalSlider .royalLoadingScreen p {
            position: absolute;
            top: 45%;
            margin: 0 auto;
            width: 100%;
            text-align: center;
        }

    /* single slide image preloader */
    .royalSlider .royalPreloader {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 0;
        margin-top: -12px;
        margin-left: -12px;
        width: 24px;
        height: 24px;
        background-image: url(../images/loading.gif);
    }






    .royalSlider .grab-cursor {
        cursor: move;
    }

    .royalSlider .grab-cursor {
        cursor: url("../images/slider/cursors/grab.png") 8 8,-moz-grab;
    }

    .royalSlider .grab-cursor {
        *cursor: url(../images/slider/cursors/grab.cur);
    }

    .royalSlider .grab-cursor {
        cursor: move\0/;
    }
    /* ie8 hack */

    .royalSlider .grabbing-cursor {
        cursor: move;
    }

    .royalSlider .grabbing-cursor {
        cursor: url("../images/slider/cursors/grabbing.png") 8 8,-moz-grabbing;
    }

    .royalSlider .grabbing-cursor {
        *cursor: url(../images/slider/cursors/grabbing.cur);
    }


    /* Cursor used if mouse dragging is disabled */
    .royalSlider .auto-cursor {
        cursor: auto;
    }

    .royalSlider .royalHtmlContent {
        position: absolute;
        top: 0;
        left: 0;
    }

    .royalSlider .non-draggable {
        cursor: auto;
    }

    .royalSlider .fade-container .royalSlide {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .royalSlider .royalImage {
        margin: 0;
        padding: 0 !important;
        max-width: none;
        border: 0 !important;
    }


#slider1 {
    margin-top: 0px;
    width: 930px;
    height: 370px;
}


#banner-rotator {
    margin: 0 auto;
    width: 930;
    height: 370px;
}



    #banner-rotator .royalCaptionItem {
        font-weight: bold;
        font-size: 32px;
        font-family: Segoe UI, Lucida Grande, Arial, sans-serif;
        line-height: 38px;
    }

    #banner-rotator .sgMidText {
        font-size: 1.3em;
    }

    #banner-rotator .sgSmallText {
        font-size: 0.8em;
    }

    #banner-rotator .tintButton {
        padding: 5px 12px;
        background: no-repeat 0 0;
        background-color: #33383e;
        color: #EAEAEA;
        text-decoration: none;
        cursor: pointer;
        -moz-transition: background-color .2s ease-out;
        -o-transition: background-color .2s ease-out;
        -webkit-transition: background-color .2s ease-out;
        transition: background-color .2s ease-out;
    }

        #banner-rotator .tintButton:hover {
            background-color: #EAEAEA;
            color: #33383e;
        }

    #banner-rotator .royalCaption {
        position: absolute;
        top: 0;
        left: 0;
    }



#image-gallery {
    width: 640px;
    height: 350px;
    background: #F5F5F5;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.30);
    box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}

    #image-gallery.royalSlider .royalControlNavOverflow a.royalThumb {
        width: 140px;
        height: 60px;
    }

        #image-gallery.royalSlider .royalControlNavOverflow a.royalThumb.current {
            width: 134px;
            height: 54px;
            border: 3px solid #75af00 !important;
        }

        #image-gallery.royalSlider .royalControlNavOverflow a.royalThumb:hover {
            width: 134px;
            height: 54px;
        }

    #image-gallery .royalCaption {
        position: static;
    }

    #image-gallery .royalCaptionItem,
    #image-gallery .staticTextBlock {
        top: 415px;
        left: 50%;
        margin-left: -185px;
        width: 100%;
        width: 370px;
        color: #d2d2d2;
        text-align: center;
        font-weight: bold;
    }

        #image-gallery .royalCaptionItem a {
            color: #d2d2d2;
        }


#content-slider .royalWrapper {
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    background: #F5F5F5;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.30);
    box-shadow: 0 1px 3px rgba(0,0,0,0.30);
}

/* ======================== Sliders END ===================== */















/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir {
    display: block;
    overflow: hidden;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -999em;
    direction: ltr;
}

    .ir br {
        display: none;
    }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
}

    /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        position: static;
        overflow: visible;
        clip: auto;
        margin: 0;
        width: auto;
        height: auto;
    }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
    /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
    /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        -ms-filter: none !important;
        filter: none !important;
    }
    /* Black prints faster: h5bp.com/s */
    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}


/* Slider itself */
.royalSlider.default {
}
    /* Slider with thumbs (used to add padding based on thumbnails size)*/
    .royalSlider.default.with-thumbs {
        padding-bottom: 68px;
    }

    /* 
	Left and right navigation arrows 	
*/
    .royalSlider.default .arrow {
        margin-top: -15px;
        width: 30px;
        height: 30px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: rgb(50, 50, 50);
        background: rgba(0, 0, 0, 0.5);
        background-image: url(../images/sprites/controls-sprite.png);
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        -khtml-opacity: 0.8;
        -moz-opacity: 0.8;
        filter: alpha(opacity=80);
        /* change arrows size here */
    }
    /* arrow position in slider with thumbs */
    .royalSlider.default.with-thumbs .arrow {
        margin-top: -49px;
    }
    /* Arrow down state */
    .royalSlider.default .arrow:active {
        background-color: rgba(0,0,0,0.6);
    }
    /* Arrow hover state */
    .royalSlider.default .arrow:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    /* Arrow disabled state */
    .royalSlider.default .arrow.disabled {
        background-color: rgba(0,0,0,0.5) !important;
        -khtml-opacity: 0.2;
        -moz-opacity: 0.2;
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
        filter: alpha(opacity=20) !important;
    }
    /* left arrow */
    .royalSlider.default .arrow.left {
        left: 5px;
        background-position: top left;
    }
    /* right arrow */
    .royalSlider.default .arrow.right {
        right: 5px;
        background-position: top right;
    }





    /* 
	Bullets and thumbnails navigation	
*/
    .royalSlider.default .royalControlNavOverflow a {
        width: 18px;
        height: 18px;
        background-color: transparent;
        background-image: url(../images/sprites/controls-sprite.png);
        background-position: 0 -164px;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        -khtml-opacity: 0.8;
        -moz-opacity: 0.8;
        filter: alpha(opacity=80);
    }
        /* Current bullet */
        .royalSlider.default .royalControlNavOverflow a.current {
            background-position: 0 -182px !important;
        }
        /* Bullet hover state */
        .royalSlider.default .royalControlNavOverflow a:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -khtml-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
            filter: alpha(opacity=100);
        }

    /* Bullets nav sub-container */
    .royalSlider.default .royalControlNavCenterer {
        padding: 3px 5px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: rgb(50, 50, 50);
        background: rgba(0,0,0,0.5);
    }
    /* Bullets nav or thumbnails main container */
    .royalSlider.default .royalControlNavOverflow {
        margin-top: -30px;
    }
        /* Thumbnails main container */
        .royalSlider.default .royalControlNavOverflow.royalThumbs {
            margin-top: 4px;
        }

        /* Thumbnails */
        .royalSlider.default .royalControlNavOverflow a.royalThumb {
            margin-right: 4px;
            width: 60px;
            height: 60px;
            background-color: transparent;
            background-position: 0 0;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -khtml-opacity: 1;
            -moz-opacity: 1;
            filter: alpha(opacity=100);
            /* thumbnails spacing, use margin-right only */
        }
            /* Current thumbnail */
            .royalSlider.default .royalControlNavOverflow a.royalThumb.current {
                width: 54px;
                height: 54px;
                border: 3px solid #666 !important;
                background-position: -3px -3px !important;
            }
            /* Thumbnail hover state*/
            .royalSlider.default .royalControlNavOverflow a.royalThumb:hover {
                width: 54px;
                height: 54px;
                border: 3px solid #AAA;
                background-position: -3px -3px;
            }



    /* 
	Thumbnails navigation arrows 	
*/
    .royalSlider.default .thumbsArrow {
        width: 28px;
        height: 68px;
        background: url(../images/sprites/controls-sprite.png) no-repeat 0 0;
        -moz-opacity: 0.8;
        opacity: 0.8;
    }

        .royalSlider.default .thumbsArrow.left {
            left: 0;
            background-position: -116px -132px;
        }

        .royalSlider.default .thumbsArrow.right {
            right: 0;
            background-position: -156px -132px;
        }

        .royalSlider.default .thumbsArrow:hover {
            -moz-opacity: 1;
            opacity: 1;
        }

        .royalSlider.default .thumbsArrow.disabled {
            -moz-opacity: 1;
            opacity: 1;
        }

        .royalSlider.default .thumbsArrow.left.disabled {
            background-position: -36px -132px;
        }

        .royalSlider.default .thumbsArrow.right.disabled {
            background-position: -76px -132px;
        }