﻿.experience-index
{
    min-width:1024px;
    height:693px;
    overflow:hidden
}

    .experience-index .backstretch
    {
        background-color:#000;
    }

    .experience-index > section
    {
        min-height: 693px; /* 763 min-height - 75 height of nav */
        background:#000;
        position:relative;
    }

    .experience-index > section,
    .experience-index > .navigation
    {
        display:block;
    }

    .experience-index > section.hidden,
    .experience-index > .navigation.hidden
    {
        display:none;
    }

        .experience-index .center
        {
            margin:0 auto;
        }
        .experience-index h1,
        .experience-index .h1
        {
            font-size:55px;
            line-height:56px;
            color:#fff;
        }

        .experience-index h1 .subhead,
        .experience-index .h1 .subhead
        {
            font:34px/20px "Minion Italic", Times, "Times New Roman", serif;
            color:#fff;
        }


        .experience-index h3 .subhead
        {
            text-transform:none;
        }
    
    .experience-index .scroll-down,
    .experience-index .global-scroll-down
    {
        font-size: 11px;
        line-height: 20px;
        text-transform: uppercase;
        color: #fff;
        cursor: pointer;
        background: transparent url(/files/the-peninsula-hotels/default/Images/icons.png) no-repeat -6px -165px;
        /*opacity: .8;
        filter: alpha(opacity=80);*/
        padding: 18px 10px 10px;
        width: 50px;
        height: 42px;
        z-index:9999;
        display:none;
    }

    .experience-index .scroll-down
    {
        position: absolute;
        left: 50%;
        margin-left: -25px;
    }

    .experience-index .global-scroll-down
    {
        position: fixed;
        bottom: 15px;
        left: 50%;
        margin-left: -35px;
        text-align: center;
        margin-top: 30px;
    }

    /* NAV */

    .experience-index .navigation
    {
        position: fixed;
        top: 107px;
        left: 3%;
        z-index: 9999;
        display: none;
        width: 130px;
    }

        .experience-index .navigation li
        {
            margin-bottom: 15px;
            line-height: 12px;
        }

        .experience-index .navigation li > a
        {
            font:12px/12px "Minion Regular", Times, "Times New Roman", serif;
            text-transform:uppercase;
            color:#fff;
            opacity:.7;
            filter:alpha(opacity=70);
        }

        .experience-index .navigation .active > a
        {
            opacity:1;
            filter:alpha(opacity=100);
        }

        .experience-index .navigation .dark-nav > a
        {
            color:#000;
        }

    /* INTRO CURTAIN */

    .experience-index .intro-curtain {
        position:absolute;
        width:100%;
    }

    .experience-index .intro-curtain,
    .experience-index .intro-curtain .backstretch
    {
        background:#000;
        z-index:1 !important;
    }
        .experience-index .intro-curtain .backstretch > img
        {
            opacity: 0.5;
        }

        .no-opacity .experience-index .intro-curtain .backstretch > img
        {
            filter:alpha(opacity=50);
        }

    .js .experience-index .intro-curtain > img
    {
        width:100%;
        visibility:hidden;
    }

        .experience-index .intro-copy
        {
            width: 500px;
            position: absolute;
            height: 100%;
            display: table;
            top: 0;
            left: 50%;
            margin-left: -250px;
            opacity:0;
            z-index:2;
        }

        .no-opacity .experience-index .intro-copy
        {
            filter:alpha(opacity=0);
        }

            .experience-index .intro-copy .middle
            {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

        .experience-index .description/*,
        .experience-index .scroll-down*/
        {

            opacity:0;
            display:none;
        }

        .no-opacity .experience-index .description/*,
        .no-opacity .experience-index .scroll-down*/
        {
            filter:alpha(opacity=0);
            zoom:1;
        }

        .experience-index .description
        {
            color:#fff;
            font:26px/34px "Minion Italic", Times, "Times New Roman", serif;
        }

        .experience-index .description > em
        {
            font-size:85px;
        }

        .experience-index .description > p
        {
            margin:0;
        }
    
    /* HERITAGE */
    #heritage .timeline
    {
        /*position:relative;
        background:#000;*/
    }

    #heritage .timeline,
    #heritage .timeline .rs-carousel-mask/*,
    #heritage .timeline .rs-carousel-runner,
    #heritage .timeline .rs-carousel-item*/
    {
        width: 100%;
        height: 100%;
    }

        /*#heritage .timeline .rs-carousel-item
        {
            position:absolute;
            top:0;
            left:0;
            opacity:0;
        }

        .no-opacity #heritage .timeline .rs-carousel-item
        {
            filter: alpha(opacity=0);
        }*/

        #heritage .timeline .rs-carousel-item
        {
            height: 100%;
        }

    #heritage .timeline .blur .backstretch > img
    {
        /*-moz-filter: blur(2px);
        -webkit-filter: blur(2px);
        -o-filter: blur(2px);
        -ms-filter: blur(2px);
        filter: blur(2px);*/
    }

    #heritage .timeline .rs-carousel-action {
        position: absolute;
        top: 50%;
        background-image: url("/files/the-peninsula-hotels/default/images/icons.png");
        text-indent: -99999px;
        height: 29px;
        width: 16px;
        margin-top: -15px;
        display: none;
        z-index: 5;
        /*-webkit-transition: opacity .3s ease-in;
        -moz-transition: opacity .3s ease-in;
        transition: opacity .3s ease-in;
        opacity: 0;
        filter: alpha(opacity=0);*/
    }

    #heritage .timeline .rs-carousel-action-prev {
        left: 28px;
        background-position: -212px -9px;
    }

    #heritage .timeline .rs-carousel-action-next {
        right: 28px;
        background-position: -254px -8px;
    }

    /*.touch #heritage .timeline .rs-carousel-action,*/
    #heritage .timeline .rs-carousel-action-active {
        /*opacity: 1;
        filter: alpha(opacity=100);*/
        display: block;
    }

        #heritage .timeline .holder
        {
            height: 90%;
            display: table;
            width: 600px;
            margin: auto;
        }

            #heritage .timeline .holder .middle
            {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }
            
        #heritage .timeline .fixer
        {
            margin: 0 auto;
            /*height: 90%;*/
        }

        #heritage .timeline .richtext,
        #heritage .timeline .fancy
        {
            color:#fff;
            opacity:.7;
            filter:alpha(opacity=70);
        }

            #heritage .timeline .fancy > p,
            #heritage .timeline .fancy
            {
                font:18px/26px "Minion Italic", Times, "Times New Roman", serif;
            }

            #heritage .timeline .caption
            {
                font:14px/16px "Minion Italic", Times, "Times New Roman", serif;
                opacity:.7;
                filter:alpha(opacity=70);
                color:#fff;
            }

            #heritage .timeline .double-img
            {
                /*padding-top: 30px;*/
                text-align: left;
            }

                #heritage .timeline .double-img .columns-5 {
                    padding-right:24px;
                }

                    #heritage .timeline .double-img .columns-5 .richtext
                    {
                        min-height:210px;
                    }

            #heritage .timeline .double-img-reverse
            {
                /*padding-top:30px;*/
                text-align: left;
            }

                #heritage .timeline .double-img-reverse .richtext
                {
                    padding-left: 24px;
                    min-height: 180px;
                }
                
                #heritage .timeline .double-img-reverse .columns-5 .columns-3
                {
                    float: right;
                }

                #heritage .timeline .double-img-reverse .columns-5 .columns-5
                {
                    padding-left: 24px;
                }

            #heritage .timeline .single-img
            {
                /*padding-top:106px;*/
                text-align: left;
            }

                #heritage .timeline .single-img .first-column
                {
                    padding-left: 30px;
                }

                #heritage .timeline .single-img .richtext
                {
                    padding-left: 24px;
                }

            #heritage .timeline .fixer .column > img {
                width:100%;
            }

            #heritage .timeline .fixer .richtext h3
            {
                color:#fff;
                font-size: 26px;
                margin-bottom: 20px;
            }

    #heritage .time-summary
    {
        position: absolute;
        bottom: 100px;
        width: 843px;
        height: 10px;
        /*overflow: hidden;*/
        left: 50%;
        margin-left: -421px;
    }

        #heritage .time-summary li
        {
            position:relative;
            float:left;
        }

        #heritage .time-summary li > a
        {
            background:transparent url(/files/the-peninsula-hotels/default/Images/icons.png) no-repeat -57px -134px;
            text-indent: -999999px;
            width: 10px;
            height: 10px;
            float:left;
            overflow:hidden;
        }

        #heritage .time-summary .active > a
        {
            background-position: -95px -134px;
        }

        #heritage .time-summary .spacer
        {
            border-top: solid 1px #fff;
            width: 109px;
            display: block;
            height: 1px;
            float: left;
            margin: 5px 0 0 0;
        }

        #heritage .time-summary .hover
        {
            position: absolute;
            bottom: 18px;
            font: 15px/17px "Minion Italic", Times, "Times New Roman", serif;
            color:#fff;
            width: 200px;
            left: -100px;
            text-align: center;
            display:none;
        }

        #heritage .time-summary .active .hover
        {
            color:#fff;
        }

        #heritage .time-summary li:hover .hover
        {
            display:block;
        }


/* DESTINATION */
#destination
{
    min-height: 1274px !important;
    position:relative;
    overflow: hidden;
}

    #destination .nostretch-bg
    {
        width: 120%;
        position: absolute;
        top: -10%;
        left: 50%;
        z-index: 0;
        margin-left: -60%;
    }

#destination .richtext
{
    color:#f6f6f6;
}

#destination .intro
{
    padding-top:40px;
}

    #destination .cities
    {
        /*-webkit-transition-duration: 1000ms;*/
            width:848px !important;
    }

    #destination .intro,
    #destination .cities,
    #destination .cities-info
    {
        position:relative;
        z-index:2;
    }

    #destination .intro
    {
        z-index: 3;
        margin-bottom: 50px;
    }

    #destination .intro .h1
    {
        font-size:45px;
        line-height: 38px;
    }

    #destination .h1 .subhead
    {
        font-size:26px;
    }

        #destination > .nostretch-bg {
            /*-webkit-transition: all 600ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
               -moz-transition: all 600ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
                 -o-transition: all 600ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
                    transition: all 600ms cubic-bezier(0.250, 0.250, 0.750, 0.750);  linear */

            /*-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
               -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
                 -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
                    transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);  linear */
        }

        #destination .cities > ul
        {
            height:947px;
        }

        #destination .cities > ul > li
        {
            position: absolute;
            z-index:2;
            /*border:solid 1px #999;
            border:solid 1px rgba(255, 255, 255, .3);*/
            overflow: hidden;
            cursor:pointer;
            background:#000;
            border: solid 2px #252525;
            /*-webkit-backface-visibility: hidden;
	        -webkit-perspective: 1000;
            -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
            -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
            -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
            -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
            transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0;
            -moz-transition-property: all;
            -moz-transition-duration: 500ms;
            -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1);
            -moz-transition-delay: 0;*/

            /*-webkit-transition: all 600ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
               -moz-transition: all 600ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
                 -o-transition: all 600ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
                    transition: all 600ms cubic-bezier(0.250, 0.250, 0.750, 0.750);  linear */

            /*-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
               -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
                 -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
                    transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);  linear */
        }

        #destination .cities > ul > .coming-soon
        {
            cursor:default;
        }

            /*#destination .cities > ul > .blurry
            {
                box-shadow: 0 0 5px #999;
                box-shadow: 0 0 5px rgba(255, 255, 255, .5);
                opacity:.5;
                filter:alpha(opacity=50);
            }

            #destination .cities .blurry .city-holder
            {
                box-shadow: inset 0 0 5px #999;
                box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
            }*/

        #destination .cities > ul > li:hover
        {
            z-index:5;
            border: solid 2px #fff;
        }

    /* city */
    #destination .cities .hong_kong
    {
        width: 41%;
        height: 27%;
        top: 1%;
        left: 34%;
        z-index: 3;
    }

    #destination .cities .shanghai
    {
        width: 27%;
        height: 18%;
        top: 10%;
        left: 0%;
        z-index: 2;
    }

    #destination .cities .bangkok
    {
        width: 27%;
        height: 18%;
        top: 5%;
        left: 73%;
        z-index: 4;
    }

    #destination .cities .new_york
    {
        width: 27%;
        height: 18%;
        top: 38%;
        left: 73%;
        z-index: 0;
    }

    #destination .cities .beverly_hills
    {
        width: 27%;
        height: 18%;
        top: 25%;
        left: 16%;
        z-index: 2;
    }

    #destination .cities .manila
    {
        width: 27%;
        height: 18%;
        top: 25%;
        left: 55%;
        z-index: 4;
    }

    #destination .cities .tokyo
    {
        width: 41%;
        height: 27%;
        top: 36%;
        left: 0%;
        z-index: 2;
    }

    #destination .cities .chicago
    {
        width: 27%;
        height: 18%;
        top: 51%;
        left: 34%;
        z-index: 1;
    }

    #destination .cities .beijing
    {
        width: 27%;
        height: 18%;
        top: 58%;
        left: 60%;
        z-index: 1;
    }

    #destination .cities .london
    {
        width: 27%;
        height: 18%;
        top: 60%;
        left: 4%;
        z-index: 1;
    }

    #destination .cities .yangon
    {
        width: 27%;
        height: 18%;
        top: 74%;
        left: 22%;
        z-index: 1;
    }

    #destination .cities .paris
    {
        width: 41%;
        height: 27%;
        top: 73%;
        left: 52%;
        z-index: 0;
    }


    #destination .city-holder
    {
        height: 100%;
        opacity:.5;
    }

        .no-opacity #destination .city-holder
        {
            filter:alpha(opacity=50);
        }

    #destination li:hover .city-holder
    {
        opacity:1;
    }

        .no-opacity #destination li:hover .city-holder
        {
            filter:alpha(opacity=100);
        }

    #destination .city-holder > img
    {
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        left: 50%;
        height: 100%;
        margin-left: -152px;
    }

    #destination .hong_kong .city-holder > img,
    #destination .tokyo .city-holder > img,
    #destination .paris .city-holder > img
    {
        margin-left: -227px;
    }


        /*#destination .city-holder .middle
        {
            display:table;
            height:100%;
            width:100%;
        }

        #destination .cities .city-holder h2
        {
            font: 16px/20px "Futura Book", Helvetica, Arial, sans-serif;
            color:#fff;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

        #destination .cities .blurry .city-holder h2
        {
            color:transparent;
            text-shadow: 0px 0px 5px #fff;
        }

        .no-opacity #destination .cities .blurry .city-holder h2
        {
            color:#fff;
            filter:alpha(opacity=50);
        }*/

    #destination .cities .city-overlay
    {
        display:none;
        /*background:#fff;
        position:absolute;
        bottom:0;
        left:0;
        padding: 5px 5px 20px;
        padding: 15px 0;
        width:100%;*/
        position: absolute;
        top: 0;
        left: 0;
        border: solid 3px #fff;
        width: 223px;
        height: 165px;
    }

    #destination .hong_kong .city-overlay,
    #destination .tokyo .city-overlay,
    #destination .paris .city-overlay
    {
        height: 250px;
        width: 342px;
    }

    #destination .cities .city-overlay a,
    #destination .cities .city-overlay span
    {
        background:#fff;
        position:absolute;
        bottom:0;
        left:0;
        padding: 15px 0;
        width:100%;
    }

    #destination .cities li:hover .city-overlay,
    #destination .cities li:hover > a,
    #destination .cities li:hover > span
    {
        display:block;
        -webkit-transition: opacity .3s ease-in;
        -moz-transition: opacity .3s ease-in;
        transition: opacity .3s ease-in;
    }

        #destination .city-overlay > img
        {
            width:100%;
        }

    #destination .cities li > a,
    #destination .cities li > span
    {
        display:none;
        line-height:50px;
        background:#fff;
        width:100%;
        position: absolute;
        bottom: 0;
        left: 0;
        font-size:11px;
    }

    #destination .cities li > span
    {
        color: #000;
        text-transform:uppercase;
    }
    
    /* info */
    #destination .cities-info
    {
        position:absolute;
        top: 0;
        left:0;
        height: 1274px;
        width: 100%;
        opacity:0;
        z-index: 0;
        min-height: 1274px;
        background-color: #000 !important;
    }

        .no-opacity #destination .cities-info
        {
            filter:alpha(opacity=0);
        }

        #destination .cities-info .center > .columns
        {
            text-align:left;
        }

        #destination .cities-info .column
        {
            /* fixes issue on IE 8 where the background filter inteferes with the text filter */
            filter:alpha(opacity=100);
        }

        #destination .cities-info ul > li img
        {
            width:100%;
        }

        #destination .cities-info .quad-3
        {
            padding-left: 160px;
        }

        #destination .cities-info .quad-2
        {
            padding-right: 9%;
        }

        #destination .cities-info .quad-2
        {
            padding-left: 13px;
        }

        #destination .cities-info .quad-3,
        #destination .cities-info .quad-4
        {
            margin-top:25px;
        }

        #destination .cities-info .back
        {
            color:#fff;
        }

        #destination .cities-info .richtext
        {
            margin-bottom: 20px;
        }

        #destination .cities-info h3
        {
            color:#fff;
            font-size:26px;
            margin: 20px 0 10px;
        }

        #destination .cities-info .backstretch
        {
            opacity:.2;
            filter:alpha(opacity=20);
        }

        #destination .cities-info .at-a-glance
        {
            border-left:solid 1px rgba(255, 255, 255, .3);
            border-right:solid 1px rgba(255, 255, 255, .3);
            border-bottom:solid 1px rgba(255, 255, 255, .3);
            padding:25px 20px;
            margin-top: 50px;
            position:relative;
            width: 328px;
            margin-bottom: 30px;
        }

            .no-opacity #destination .cities-info .at-a-glance
            {
                border-left: solid 1px #999;
                border-right: solid 1px #999;
                border-bottom: solid 1px #999;
                filter:alpha(opacity=70);
            }

            #destination .cities-info .at-a-glance .title-container
            {
                position:absolute;
                top: -15px;
                left: 0;
                width: 368px;
            }

                #destination .cities-info .at-a-glance .title-container > span
                {
                    border-bottom: solid 1px rgba(255, 255, 255, .3);
                    width: 130px;
                    height: 15px;
                }

                .no-opacity #destination .cities-info .at-a-glance .title-container > span
                {
                    border-bottom: solid 1px #999;
                    filter:alpha(opacity=70);
                }

            #destination .cities-info .at-a-glance .left
            {
                float:left;
            }

            #destination .cities-info .at-a-glance .right
            {
                float:right;
            }

            #destination .cities-info .at-a-glance .title-container > h4
            {
                font: 18px/25px "Minion Italic", Times, "Times New Roman", serif;
                text-transform: none;
                color: #fff;
                float: left;
                text-align: center;
                margin: 0 10px;
            }

            .no-opacity #destination .cities-info .at-a-glance .title-container > h4
            {
                filter:alpha(opacity=99);
            }

            #destination .cities-info .at-a-glance .richtext,
            #destination .cities-info .at-a-glance .richtext ul
            {
                margin-bottom:0;
            }

            /*carousel*/
            #destination .cities-info .rs-carousel-mask, 
            #destination .cities-info .rs-carousel-runner, 
            #destination .cities-info .rs-carousel-item {
                width: 100%;
                height: 100%;
            }

            #destination .cities-info .rs-carousel-runner
            {
                margin: 250px 0 0;
            }

                #destination .cities-info .rs-carousel-item
                {
                    height:100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    opacity: 0;
                } 
                
                .no-opacity #destination .cities-info .rs-carousel-item,
                .no-opacity #destination .cities-info .rs-carousel-item-clone
                {
                    visibility:hidden;
                }

                #destination .cities-info .rs-carousel-item-clone
                {
                    opacity:0;
                }

                #destination .cities-info .caption
                {
                    font:14px/16px "Minion Italic", Times, "Times New Roman", serif;
                    opacity:.7;
                    filter:alpha(opacity=70);
                    color:#fff;
                }

                 #destination .cities-info .richtext
                {
                    opacity:.7;
                    filter:alpha(opacity=70);
                    color:#fff;
                }

                #destination .cities-info .rs-carousel-action {
                    position: absolute;
                    top: 50%;
                    background-image: url("/files/the-peninsula-hotels/default/images/icons.png");
                    text-indent: -99999px;
                    height: 29px;
                    width: 16px;
                    margin-top: -15px;
                    display: block;
                    z-index: 5;
                    -webkit-transition: opacity .5s ease-in;
                    -moz-transition: opacity .5s ease-in;
                    transition: opacity .5s ease-in;
                    opacity: 0;
                    filter: alpha(opacity=0);
                }

                #destination .cities-info .rs-carousel-action-prev {
                    left: 28px;
                    background-position: -212px -9px;
                }

                #destination .cities-info .rs-carousel-action-next {
                    right: 28px;
                    background-position: -254px -8px;
                }

                .touch #destination .cities-info .rs-carousel-action,
                #destination .cities-info:hover .rs-carousel-action-active {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

/* GUEST EXPERIENCE */

#guest-experience
{
    /*min-height: 911px !important;*/
}

    #guest-experience .main-img-shadow,
    #guest-experience .small-img-shadow
    {
        position:absolute;
        top:0;
        left:0;
        height:100%;
        width:100%;
        z-index:1;
    }

#guest-experience .background-images,
#guest-experience .background-images > ul
{
    height:100%;
    width: 100%;
}

    #guest-experience .background-images ul
    {
        opacity:0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .no-opacity #guest-experience .background-images ul
    {
        filter:alpha(opacity=0);
    }

        #guest-experience .background-images ul.tabs-0
        {
            opacity:1;
            z-index:3;
        }

        .no-opacity #guest-experience .background-images ul.tabs-0
        {
            filter:alpha(opacity=100);
        }

    #guest-experience .background-images li
    {
        overflow:hidden;
        position:relative;
    }

    #guest-experience .background-images .top
    {
        width:100%;
        height:61%;
    }

    #guest-experience .background-images .right
    {
        width:50%;
        float:left;
        height:39%;
    }

    #guest-experience .background-images .left
    {
        width:50%;
        float:left;
        height:39%;
    }

        #guest-experience .background-images .hover-description
        {
            position:absolute;
            top:0;
            z-index: 1;
            height: 100%;
            white-space: nowrap;
        }

        #guest-experience .background-images .hover-description:before {
            height: 100%;
        }

        #guest-experience .background-images .hover-description .middle, 
        #guest-experience .background-images .hover-description:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            white-space: normal;
        }

        .csstransitions #guest-experience .background-images .hover-description
        {
            opacity:0;
        }

        .csstransitions #guest-experience .background-images li:hover .hover-description
        {
            opacity:1;
            -webkit-transition: opacity .3s ease-in;
            -moz-transition: opacity .3s ease-in;
            transition: opacity .3s ease-in;
            text-shadow: 0 0 20px #666666;
        }

        .no-csstransitions #guest-experience .background-images .hover-description
        {
            display:none;
        }

        .no-csstransitions #guest-experience .background-images li:hover .hover-description
        {
            display:block;
        }

        #guest-experience .background-images .right .hover-description
        {
            left: 20px;
            width: 47%;
        }

        #guest-experience .background-images .left .hover-description
        {
            right: 20px;
            width: 47%;
        }

            #guest-experience .background-images .hover-description h3
            {
                color:#fff;
                font-size:26px;
            }

            #guest-experience .background-images .hover-description .richtext
            {
                color:#fff;
            }

        #guest-experience .background-images li > img
        {
            width:100%;
        }

    #guest-experience .background-images .backstretch
    {
        z-index:0 !important;
    }

#guest-experience .description-tabs
{
    width: 50%;
    height: 61%;
    position:absolute;
    top:0;
    right:0;
    text-shadow: 0 0 20px #666666;
    z-index:10;
    white-space: nowrap;
}

#guest-experience .description-tabs:before {
    height: 100%;
}

#guest-experience .description-tabs .middle, 
#guest-experience .description-tabs:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

#guest-experience .ctg-tabbed-section
{
    width: 75%;
    /*margin: 20% 0 0 100px;*/
    margin-left:100px;
    position:relative;
}


@media only screen and (max-width: 1279px)
{
    #guest-experience .ctg-tabbed-section
    {
        width: 93%;
        margin: 0 0 0 30px;
    }
}

.no-mediaqueries.mq-1024px #guest-experience .ctg-tabbed-section
{
    width: 93%;
    margin: 0 0 0 30px;
}

    #guest-experience .ctg-tabs-link-set {
        border-bottom: none;
        height: 37px;
        margin-bottom: 35px;
        position: absolute;
        top: 128px;
        left: 0;
        padding-left: 8px;
    }

    #guest-experience .ctg-tabs-link-a
    {
        color:#f6f6f6;
        font-size:13px;
        font-family:"Futura Book", Helvetica, Arial, sans-serif;
        text-transform:uppercase;
        opacity:.7;
        filter:alpha(opacity=70);
    }

        #guest-experience .ctg-tabs-link-active .ctg-tabs-link-a
        {
            opacity:1;
            filter:alpha(opacity=100);
            color:#fff;
            border-bottom:solid 1px #fff;
        }

    #guest-experience .ctg-tabs-link-active {
        border:none;
        background: transparent;
    }

    #guest-experience .ctg-tabs-link
    {
        background: transparent;
        padding: 0 25px 0 0;
    }

        #guest-experience .description-tabs .title
        {
            width:350px;
        }

            #guest-experience .description-tabs .title h2
            {
                font-size:40px;
                margin-bottom: 65px;
                height:105px;
            }

            #guest-experience .description-tabs .title .subhead
            {
                font-size:26px;
            }

            #guest-experience .description-tabs .title h2,
            #guest-experience .description-tabs .title .subhead
            {
                color:#fff;
            }

            #guest-experience .description-tabs .richtext
            {
                color: #f6f6f6;
            }

    #guest-experience .ctg-tabs-panel-active
    {
        min-height:290px;
        padding-left: 8px;
    }

/* TRANPORTATION */
#transportation
{
    min-height:950px !important;
}

@media only screen and (max-width: 1279px)
{
    #transportation
    {
        min-height:805px !important;
    }
}
.no-mediaqueries.mq-1024px #transportation
{
    min-height:805px !important;
}

@media only screen and (min-width: 1440px)
{
    #transportation
    {
        min-height:1050px !important;
    }
}

.no-mediaqueries.mq-1440px #transportation
{
    min-height:1050px !important;
}

#transportation .richtext
{
    color:#fff;
    opacity:.7;
    /*filter:alpha(opacity=70);*/
}
#transportation .center
{
    text-align: left;
}

#transportation h2
{
    font-size:45px;
}

#transportation .subhead
{
    font-size:26px;
}

#transportation h2,
#transportation h2 .subhead
{
    color:#fff;
}

#transportation h4
    {
        color:#fff;
        font-size:18px;
        text-transform:none;
        font-family:"Minion Italic", Times, "Times New Roman", serif;
        margin-bottom: 10px;
    }

        #transportation h4 .subhead
        {
            color:#fff;
            font-size:11px;
            font-family:"Futura Book", Helvetica, Arial, sans-serif;
            text-transform:uppercase;
        }

#transportation .columns-10
{
    padding-top:30px;
}

    #transportation .columns-10 .percentage-columns
    {
        margin-top: 15px;
    }

#transportation img
{
    width:100%;
}

#transportation .field-select {
    color: #666;
    text-transform: uppercase;
    height: 100%;
    width: 100%;
    font-size: 11px;
    position: relative;
    border: none;
    background: #000;
}

    #transportation .field-select ul {
        position: relative;
    }

        #transportation .field-select ul li {
            position: relative;
            cursor: pointer;
        }

    #transportation .field-select .field-select-value {
        padding: 0;
        position: relative;
        border: 1px solid #262626;
    }

        #transportation .field-select span {
            color: #b3b3b3;
            cursor: pointer;
            height: 30px;
        }

            #transportation .field-select .field-select-text {
                padding-left: 15px;
            }

        #transportation .field-select .field-select-list {
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            background: #000000; 
            border: 1px solid #262626;
            border-top: none;
            z-index: 10;
        }

            #transportation .field-select-list li { 
                padding-left: 15px;
            }

                #transportation .field-select-list li:hover {
                    cursor: pointer;
                    background: #fff;                     
                        /*-moz-opacity: 0.9;
                        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha'(Opacity=0.9);
                    opacity: 0.9;*/
                }
   
                #transportation .field-select a {
                    color: #999999;
                    display: block;
                }

                    #transportation .field-select-list li:hover a {
                         color: #ae9364;
                    }

    #transportation .field-select .field-select-icon
    {
        background:#000;
        border-left: solid 1px #262626;
        background: url(data:image/gif;base64,R0lGODlhBwAFAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0FCRDNCNzFGNDk2MTFFMjk4MzdBMkVFNDZBMzYwQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0FCRDNCNzJGNDk2MTFFMjk4MzdBMkVFNDZBMzYwQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQUJEM0I2RkY0OTYxMUUyOTgzN0EyRUU0NkEzNjBBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQUJEM0I3MEY0OTYxMUUyOTgzN0EyRUU0NkEzNjBBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAHAAUAAAIKRH6guG25UHihAAA7);
        height: 5px;
        width: 7px;
        margin: 12px;
    }

#transportation .fancy-box
{
    border:solid 1px #999;
    border:solid 1px rgba(255, 255, 255, .2);
    padding:20px;
    height: 195px;
    position:relative;
    overflow:hidden;
}

@media only screen and (max-width: 1279px)
{
    #transportation .fancy-box
    {
        height: 146px;
    }

    #transportation .fancy-box .richtext
    {
        height: 64px;
        overflow: hidden;
    }
}
.no-mediaqueries.mq-1024px #transportation .fancy-box
{
    height: 146px;
}
 
.no-mediaqueries.mq-#transportation .fancy-box .richtext
{
    height: 64px;
    overflow: hidden;
}

@media only screen and (min-width: 1440px)
{
    #transportation .fancy-box
    {
        height: 225px;
    }
}
.no-mediaqueries.mq-1440px #transportation .fancy-box
{
    height: 225px;
}

    #transportation .fancy-box .richtext
    {
        margin-bottom:10px;
    }

    #transportation .fancy-box a
    {
        color:#fff;
    }

    #transportation .note
    {
        font-size:11px;
        font-family:"Minion Italic", Times, "Times New Roman", serif;
        color:#fff;
        opacity:.5;
        /*filter:alpha(opacity=50);*/
        margin-top:15px;
        display:block;
    }

    .no-opacity #transportation .note
    {
        color:#999;
    }

#transportation .percentage-columns .row
{
    clear:both;
}

    #transportation .percentage-columns .row-100
    {
        width:100%;
    }

#transportation .percentage-columns .box
{
    float:left;
}

#transportation .boxed
{
    margin-right:5px;
    margin-bottom:5px;
}

    #transportation .percentage-columns .box img
    {
        width:100%;
        display:block;
    }

    #transportation .percentage-columns .box-25
    {
        width:25%;
    }

    #transportation .percentage-columns .box-50
    {
        width:50%;
    }

#transportation .rotating-copy,
#transportation .rotating-images
{
    position:relative;
}
    #transportation .rotating-copy > div,
    #transportation .rotating-images > img
    {
        position:absolute;
        top:0;
        left:0;
        opacity:0;
    }

    #transportation .rotating-copy > div
    {
        padding: 20px;
    }

    .no-opacity #transportation .rotating-copy > div,
    .no-opacity #transportation .rotating-images > img
    {
        filter:alpha(opacity=0);
    }

    #transportation .rotating-copy > .copy-0,
    #transportation .rotating-images > .img-0
    {
        opacity:1;
    }

    .no-opacity #transportation .rotating-copy > .copy-0,
    .no-opacity #transportation .rotating-images > .img-0
    {
        filter:none;
    }

/* DINING */
#dining
{
    background:#fff;
    min-height:900px !important;
}

@media only screen and (min-width: 1440px)
{
    #dining
    {
        min-height: 970px !important;
    }
}

.no-mediaqueries.mq-1440px #dining
{
    min-height: 970px !important;
}

    #dining > .columns-8
    {
        text-align:left;
        padding-top: 30px;
    }

    #dining .richtext
    {
        width:100%;
    }

    #dining h2
    {
        width: 100%;
        font-size:45px;
        margin-bottom: 15px;
    }

    #dining h2 .subhead
    {
        font-size:26px;
    }

    #dining .dining-carousel
    {
        width:100%;
        margin-top:25px;
        position: relative;
    }

        #dining .rs-carousel-mask
        {
            overflow: visible;
        }

        #dining .dining-carousel .rs-carousel-item
        {
            position: relative;
            opacity:.3;
        }

        .no-opacity #dining .dining-carousel .rs-carousel-item img {
           filter:alpha(opacity=30);
        }

        #dining .dining-carousel .rs-carousel-item-active
        {
            opacity:1;
        }

        .no-opacity #dining .dining-carousel .rs-carousel-item-active img {
            filter:none;
        }

        #dining .dining-carousel img
        {
            width:100%;
        }

        #dining .dining-carousel .caption
        {
            margin: 13px 0 15px;
            font-size: 15px;
            color: #000;
            visibility:hidden;
            display: block;
            background:#fff;
        }
        
        #dining .dining-carousel .caption a
        {
            font-size: 11px;
            color: #ae9364;
            font-family:"Futura Book", Helvetica, Arial, sans-serif;
            text-transform:uppercase;
            letter-spacing: .02em;

        }

        #dining .dining-carousel .rs-carousel-item-active .caption
        {
            visibility:visible;
        }

    #dining .dining-carousel .rotating-images
    {
        position:relative;
        width:100%;
        min-height:531px;
    }

@media only screen and (max-width: 1279px)
{
    #dining .dining-carousel .rotating-images
    {
        min-height: 434px;
    }
}
.no-mediaqueries.mq-1024px #dining .dining-carousel .rotating-images
{
    min-height: 434px;
}

@media only screen and (min-width: 1440px)
{
    #dining .dining-carousel .rotating-images
    {
        min-height: 589px;
    }
}
.no-mediaqueries.mq-1440px #dining .dining-carousel .rotating-images
{
    min-height: 589px;
}

        #dining .dining-carousel .rotating-images > div
        {
            position:absolute;
            top:0;
            left:0;
            opacity:0;
        }

        .no-opacity #dining .dining-carousel .rotating-images > div
        {
            filter:alpha(opacity=0);
        }

        #dining .dining-carousel .rotating-images > .image-0
        {
            opacity:1;
        }

        .no-opacity #dining .dining-carousel .rotating-images > .image-0
        {
            filter:none;
        }

    #dining .dining-carousel .short-description
    {
        display:none;
    }

    #dining .dining-carousel .rs-carousel-item-active  .short-description
    {
        display:block;
    }

        #dining .dining-carousel .short-description h3
        {
            font-size:18px;
        }

    #dining .dining-carousel .rs-carousel-action
    {
        top: 250px;
    }

@media only screen and (max-width: 1279px)
{
    #dining .dining-carousel .rs-carousel-action
    {
        top: 200px;
    }
}
.no-mediaqueries.mq-1024px #dining .dining-carousel .rs-carousel-action
{
    top: 200px;
}
@media only screen and (min-width: 1440px)
{
    #dining .dining-carousel .rs-carousel-action
    {
        top: 270px;
    }
}
.no-mediaqueries.mq-1440px #dining .dining-carousel .rs-carousel-action
{
    top: 245px;
}

/* CRS */
#crs
{
    background:#fff;
    min-height:1260px !important;
}

    #crs > .columns > .richtext
    {
        width:100%;
    }

    #crs > .columns-8
    {
        text-align:left;
        padding-top: 30px;
    }


    #crs h2
    {
        width: 100%;
        font-size:45px;
        margin-bottom: 15px;
    }

    #crs h2 .subhead
    {
        font-size:26px;
    }

    #crs .grid-holder
    {
        margin-top:30px;
    }

        #crs .grid-holder .promo-tile > img
        {
            width:100%;
        }

        #crs .grid-holder .stick-to-bottom
        {
            margin-top: 161px !important;
        }

            @media only screen and (max-width: 1279px)
            {
                #crs .grid-holder .stick-to-bottom
                {
                    margin-top: 129px !important;
                }

                #crs .grid-holder .promo-tile
                {
                    margin-bottom:20px;
                }
            }
            .no-mediaqueries.mq-1024px #crs .grid-holder .stick-to-bottom
            {
                margin-top: 129px !important;
            }
            .no-mediaqueries.mq-1024px #crs .grid-holder .promo-tile
            {
                margin-bottom:20px;
            }

            @media only screen and (min-width: 1440px)
            {
                #crs .grid-holder .stick-to-bottom
                {
                    margin-top: 181px !important;
                }

                #crs .grid-holder .promo-tile
                {
                    margin-bottom:24px;
                }
            }
            .no-mediaqueries.mq-1440px #crs .grid-holder .stick-to-bottom
            {
                margin-top: 181px !important;
            }
            .no-mediaqueries.mq-1440px #crs .grid-holder .promo-tile
            {
                margin-bottom:24px;
            }

        #crs .grid-holder .margin-left
        {
            margin-left: 100px !important;
        }

        #crs .grid-holder .promo-tile
        {
            margin-bottom:16px !important;
        }

            #crs .grid-holder .promo-tile .info
            {
                min-height:118px;
            }

            @media only screen and (max-width: 1279px)
            {
                #crs .grid-holder .promo-tile .info
                {
                    min-height: 159px;
                }
            }

            .no-mediaqueries.mq-1024px #crs .grid-holder .promo-tile .info
            {
                min-height: 159px;
            }