/* ============= GENERAL ============= */

a, img {
    outline: 0 !important;
}
body {
    width: 778px;
    margin: 0 auto;
    background: #ccc;
}
#container {
    position: relative;
    background: #fff;
}




/* ============= TOP ============= */



#header {
    height: 84px;
    background: #fff;
}
#header img {
    padding: 43px 0 0 23px;
}
#facebook_share {
    position: absolute;
    right: 28px;
    top: 34px;
    width: 59px;
    height: 22px;
    z-index: 98;
}




#top {
    position: relative;
    height: 484px;
}

/* header images */
#top [class^="destination"] {
    height: 484px;
}
#top .destination1 {
    background: url(../images/header_imageg65_1.jpg) no-repeat 0 0;
}
.g63 #top .destination1 {
    background: url(../images/header_imageg63_1.jpg) no-repeat 0 0;
}
#top .destination2 {
    background: url(../images/header_imageg65_2.jpg) no-repeat 0 0;
}
.g63 #top .destination2 {
    background: url(../images/header_imageg63_2.jpg) no-repeat 0 0;
}
#top .destination3 {
    background: url(../images/header_imageg65_3.jpg) no-repeat 0 0;
}
.g63 #top .destination3 {
    background: url(../images/header_imageg63_3.jpg) no-repeat 0 0;
}
#top .destination4 {
    background: url(../images/header_imageg65_4.jpg) no-repeat 0 0;
}
.g63 #top .destination4 {
    background: url(../images/header_imageg63_4.jpg) no-repeat 0 0;
}
#top .destination5 {
    background: url(../images/header_imageg65_5.jpg) no-repeat 0 0;
}
.g63 #top .destination5 {
    background: url(../images/header_imageg63_5.jpg) no-repeat 0 0;
}

/* headings */
#top [class^="destination"] h1 {
    position: relative;
    left: 27px;
    top: 31px;
    text-indent: -9999px;
}
#top .destination1 h1 {
    width: 270px;
    height: 52px;
    background: url(../images/top_header_1.png) no-repeat 0 0;
}
#top .destination2 h1 {
    width: 388px;
    height: 58px;
    background: url(../images/top_header_2.png) no-repeat 0 0;
}



/* SYJ */

#syj {
    position: absolute;
    bottom: -356px;
    left: 0;
    width: 778px;
    height: 356px;
    background: url(../images/syj_map.jpg) no-repeat 0 0;

}
#syj-tab {
    position: relative;
    left: 519px;
    top: -54px;
    width: 259px;
    height: 54px;
    font-size: 16px;
    font-family: 'Syncopate';
    color: #fff;
    text-transform: uppercase;
    background: url(../images/syj_tab.png) no-repeat 0 0;
    cursor: pointer;
    text-align: center;
}
.plus-minus {
    position: relative;
    top: 4px;
    font-size: 23px;
}
.syj-tab-copy {
    display: block;
    position: relative;
    top: 4px;
    text-shadow: 0px -2px 0px #61889e;
    filter: dropshadow(color=#61889e, offx=0, offy=-2);
}
#syj-map {
    position: relative;
}
#syj-map [class|="destination-nav"] {
    display: block;
    position: absolute;
    width: 70px;
    height: 60px;
    text-indent: -9999px;

}
#syj-map .destination-nav-1 {
    left: 372px;
    top: 18px;
}
#syj-map .destination-nav-2 {
    left: 83px;
    top: 42px;
}
#syj-map .destination-nav-3 {
    left: 575px;
    top: 135px;
}
#syj-map .destination-nav-4 {
    left: 313px;
    top: 106px;
}
#syj-map .destination-nav-5 {
    left: 193px;
    top: 166px;
}
#syj-map [class|="destination-nav"] span {
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 19px;
    left: 34px;
    background: #000;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;


    -webkit-transition:background-color 400ms ease-in-out;
    -moz-transition:background-color 400ms ease-in-out;
    -o-transition:background-color 400ms ease-in-out;
    transition:background-color 400ms ease-in-out;



}
#syj-map [class|="destination-nav"].active span,
#syj-map [class|="destination-nav"]:hover span {
    background: #e50000;
}


/* ============= MIDDLE ============= */

#middle {
    position: relative;
    height: 155px;
    padding: 15px 0 0 23px;
    background: #222 url(../images/middle_bg_2.png) no-repeat 0 0;
    overflow: visible !important; /* necessary to keep the model toggles from flickering */

}

/* Model Toggle: G 65 AMG - G 63 AMG */

#model-toggle {
    position: absolute;
    top: -38px;
    left: 23px;
}
.nav {
    margin-bottom: 0;
}
.nav-tabs {
    border: 0;
}
.nav-tabs > li > a {
    position: relative;
    padding: 10px 20px;
    margin: 0;
    font-family: 'Syncopate';
    color: rgb(160,160,160);
    color: rgba(255,255,255, 0.4);
    text-shadow: 0px 0px 1px #2c2c2c;
    filter: dropshadow(color=#2c2c2c, offx=0, offy=0);
    text-transform: uppercase;
    font-size: 25px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    background: #585858;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjNDk0OTQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #585858 0%, #494949 3%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585858), color-stop(3%,#494949), color-stop(100%,#1e1e1e));
    background: -webkit-linear-gradient(top,  #585858 0%,#494949 3%,#1e1e1e 100%);
    background: -o-linear-gradient(top,  #585858 0%,#494949 3%,#1e1e1e 100%);
    background: -ms-linear-gradient(top,  #585858 0%,#494949 3%,#1e1e1e 100%);
    background: linear-gradient(top,  #585858 0%,#494949 3%,#1e1e1e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#1e1e1e',GradientType=0 );

}
.nav-tabs > li:first-child > a {
    border-top: none !important;
    border-left: none !important;
    border-right: 1px solid #6e6d6d !important;
    border-bottom: none !important;
}
.nav-tabs > li:first-child + li > a {
    border: none !important;
}
.nav-tabs > li > a:hover,
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > li > a:hover {
    color: rgb(180,180,180);
    color: rgba(255,255,255, 0.7);
    text-shadow: 0px 0px 1px #2c2c2c;
    filter: dropshadow(color=#2c2c2c, offx=0, offy=0);
    background-color: #333;
    cursor: default;
    background: #747474;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0NzQ3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjNjM2MzYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODQlIiBzdG9wLWNvbG9yPSIjMjgyODI4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRhNGE0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDFkMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #747474 0%, #636363 3%, #282828 84%, #1d1d1d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#747474), color-stop(3%,#636363), color-stop(84%,#282828), color-stop(100%,#1d1d1d));
    background: -webkit-linear-gradient(top,  #747474 0%,#636363 3%,#282828 84%,#1d1d1d 100%);
    background: -o-linear-gradient(top,  #747474 0%,#636363 3%,#282828 84%,#1d1d1d 100%);
    background: -ms-linear-gradient(top,  #747474 0%,#636363 3%,#282828 84%,#1d1d1d 100%);
    background: linear-gradient(top,  #747474 0%,#636363 3%,#282828 84%,#1d1d1d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#747474', endColorstr='#1d1d1d',GradientType=0 );

}
.nav-tabs > li > a + img {
    display: none;
}
.nav-tabs > li > .active + img {
    display: block;
}


/* Section Selector: Destinations - Specs - Gallery */

.nav-pills > li > a {
    margin: 0 12px 16px 0;
    padding: 7px 9px;
    font-size: 16px;
    font-family: 'Syncopate';
    color: #9d9c9c;
    text-transform: uppercase;
    text-shadow: 0px -2px 0px #393939;
    filter: dropshadow(color=#393939, offx=0, offy=-2);
    background: #424242;
    border-top: 1px solid #343434;
    border-right: 1px solid #343434;
    border-left: 1px solid #343434;
    -webkit-transition:color 400ms ease-in;
    -moz-transition:color 400ms ease-in;
    -o-transition:color 400ms ease-in;
    transition:color 400ms ease-in;
    -webkit-transition:background-color 300ms linear;
    -moz-transition:background-color 300ms linear;
    -o-transition:background-color 300ms linear;
    transition:background-color 300ms linear;
}
.nav-pills > li > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
    background-color: #6c97b0;
    color: #fff;
    text-shadow: 0px -2px 0px #61889e;
    filter: dropshadow(color=#61889e, offx=0, offy=-2);
    border-top: 1px solid #42535d;
    border-right: 1px solid #364046;
    border-left: 1px solid #4a6676;
    -webkit-transition:color 400ms ease-in;
    -moz-transition:color 400ms ease-in;
    -o-transition:color 400ms ease-in;
    transition:color 400ms ease-in;
    -webkit-transition:background-color 300ms linear;
    -moz-transition:background-color 300ms linear;
    -o-transition:background-color 300ms linear;
    transition:background-color 300ms linear;
}





/* Destinations */


#destinations ul {
    list-style: none;
    margin: 0;
    height: 64px;
}
#destinations ul li {
    float: left;
}
#destinations ul li + li {
    padding-left: 8px;
}
#destinations ul li a {
    display: block;
    width: 140px;
    height: 56px;
    overflow: hidden;
}
#destinations .destination-nav-1 {
    background: url(../images/destination_nav_1.jpg) no-repeat 0 -56px;
}
#destinations .destination-nav-2 {
    background: url(../images/destination_nav_2.jpg) no-repeat 0 -56px;
}
#destinations .destination-nav-3 {
    background: url(../images/destination_nav_3.jpg) no-repeat 0 -56px;
}
#destinations .destination-nav-4 {
    background: url(../images/destination_nav_4.jpg) no-repeat 0 -56px;
}
#destinations .destination-nav-5 {
    background: url(../images/destination_nav_5.jpg) no-repeat 0 -56px;
}
#destinations ul li a img {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
#destinations ul li.active a img,
#destinations ul li a img:hover {
    opacity: 1 !important;
}
#destination-titles {

    width: 100%;
}
#destination-titles p {
    font-family: 'Arial', sans-serif;
    color: #cdcdcd;
    font-size: 15px;
}
#destination-titles p strong {
    color: #fff;
    text-transform: uppercase;
}
.destination-title.destination2 {
    padding-left: 148px;
}
.destination-title.destination3 {
    padding-left: 296px;
}
.destination-title.destination4 {
    padding-left: 444px;
}
.destination-title.destination5 {
    padding-left: 592px;
}







/* Specs */

#specs {
    display: none;
    padding-left: 24px;
}
#specs > h1 {
    width: 416px;
    height: 30px;
    background: url(../images/specs_heading.png) no-repeat 0 0;
    text-indent: -9999px;
}
.g63 #specs > h1 {
    background: url(../images/specs_heading_63.png) no-repeat 0 0;
}
#specs-inner {
    margin: 20px 45px 0 0;
    padding: 0 26px 0 0;
    height: 318px;
    overflow: auto;
    color: #cbcbcb;
}
.table th {
    color: #fff;
}
.table th,
.table td {
    border-top: none;
    line-height: 11px;
    padding-left: 48px;
}
.table th + th,
.table td + td {
    padding: 8px 45px 8px 8px;
    text-align: right;
}
.table tbody tr:hover td, .table tbody tr:hover th {

    background: rgb(30,30,30);
}
.table-striped thead:first-child th,
.table-striped tbody tr:nth-child(2n) th,
.table-striped tbody tr:nth-child(2n) td {
    background: rgb(30,30,30);
    background: rgba(124, 124, 124, 0.2);
}
.table-striped tbody tr:nth-child(2n+1) td,
.table-striped tbody tr:nth-child(2n+1) th {
    background: none;
}













/* ============= BOTTOM ============= */




#bottom {
    position: relative;
    padding: 34px 275px 0 45px;
    width: auto;
    background: #9ea8ad url(../images/middle_shadow.png) no-repeat 0 0;
    border-top: 1px solid #3e4244;
}
#bottom h1 {
    text-indent: -9999px;
    margin: 0 0 25px;
}
#bottom h2 {
    display: none;
}
#bottom h3, #bottom h4 {
    font-family: 'Syncopate';
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}
#bottom h4 {
    font-size: 18px;
    padding: 0 0 7px;
    letter-spacing: -0.01em;
}
#bottom p {
    color: #fff;
    padding-right: 26px;
}
#bottom p + p {
    margin-top: 20px;
}
.img-group {
    margin: 36px 0 40px;
    padding: 0;
}
.img-subgroup + .img-subgroup {
    margin: 27px 0 0;
}
.thumb-float-left {
    float: left;
    clear: left;
    padding: 0 16px 0 0;
}
.img-group p {
    line-height: 1.3em;
}



/* specific tabs */

#bottom .destination1 .g65-content h1 {
    width: 422px;
    height: 86px;
    background: url(../images/bottom_headings_1.png) no-repeat 0 0;
}
#bottom .destination1 .g63-content h1 {
    width: 422px;
    height: 86px;
    background: url(../images/bottom_headings_1.png) no-repeat 0 0;
}
#bottom .destination1 {
    padding-bottom: 200px;
}
.start-your-journey {
    display: block;
    width: 177px;
    height: 22px;
    margin: 24px 0 0;
    background: url(../images/btn_start_your_journey.png) no-repeat 0 0;
    text-indent: -9999px;
    cursor: pointer;
}

#bottom .destination2 .g65-content h1,
#bottom .destination2 .g63-content h1 {
    width: 427px;
    height: 115px;
    background: url(../images/bottom_headings_2.png) no-repeat 0 0;
}

#bottom .destination3 .g65-content h1,
#bottom .destination3 .g63-content h1,
#bottom .destination4 .g65-content h1,
#bottom .destination4 .g63-content h1,
#bottom .destination5 .g65-content h1,
#bottom .destination5 .g63-content h1 {
    width: 427px;
    height: 115px;
    background: url(../images/bottom_headings_2.png) no-repeat 0 0;
}



/* Facebook Comments Plugin on Sidebar */

#comments-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    width: 259px;
    padding: 34px 0 10px;
    background: #6c97b0 url(../images/middle_shadow.png) no-repeat 0 0;
    border-top: 1px solid #2b3b46;
    text-align: center;
    z-index: 9;
}

#comments-sidebar h1 {
    width: 215px;
    height: 29px;
    margin: 0 0 9px 10px;
    background: transparent url(../images/fb_bar_heading.png) no-repeat 0 0;
}
#comments-sidebar p {
    text-align: left;
    padding: 0 8px 0 18px;
    line-height: 1.3em;
}
.fb-comments {
    background: #eef0f4;
    border: 1px solid #b7bfcf;
    margin: 0 auto;
}






/* footer */

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 37px;
    background: url(../images/footer_bg.png) no-repeat 50% 0;
}
#footer ul {
    width: 200px;
    height: 27px;
    margin: 0 auto;
    padding-top: 10px;
    list-style: none;
}
#footer ul li {
    float: left;
    color: #d5d7da;
    font-family: Arial, sans-serif;
    font-size: 11px;
}
#footer ul li + li {
    padding-left: 10px;
}
#footer ul li a {
    color: #d5d7da;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
}
#footer ul li a:hover {
    text-decoration: none;
    color: #e9ebee;
}




.g63-content {
    display: none;
}