/* --------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------ GLOBAL  ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------- */

    
    html {height: 100%; overflow-y: scroll; -webkit-text-size-adjust: none; }
    body {font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color:#fff; background:#000;}


    /* --------------------- layout --------------------- */
    .container_16 {margin-left:10px; padding-top:332px;}
    #overlay {position:absolute; top:0; left:0; width:100%; height:100%; background-image:url("../images/one-hundred-days.png"); z-index:1;}
    .reversed #overlay {background-position:0 -2500px !important;}
    .transparent {background-position:0 -5000px !important;}
    #content {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
    #sponsor {position:absolute; bottom:122px; right:20px; height:98px; width:108px; margin:0; z-index:20000;}    
    
    .galleria-image-nav-left,
    .galleria-image-nav-right,
    .galleria-info,
    .galleria-thumbnails-container,
    .galleria-counter {display:none !important;}

    /* ----------------------- type ----------------------- */
    h1 {font-weight:bold; font-size:32px;}
    
    #navigation li,
    #navigation a {color:#fff; font-size:14px; text-decoration:none; margin-right:0;}
    #navigation strong,
    #navigation a {display:inline !important; font-weight:bold; font-size:16px;}
    #navigation li {margin-right:20px;}
    #content a {color:#fff113;}
    
    /* ----------------------- links ---------------------- */
    a {text-decoration:none;}
    a:hover,
    a.selected {color:#666 !important;}
    a#cowieAndFox {display:block; float:right; font-weight:normal; font-size:14px; margin-top:4px; margin-right:20px;}
    a.closeBtn {display:block; font-size:16px; padding:6px 11px; text-decoration:none; color:#000 !important; background-color:#fff; float:left;}
    a.closeBtn:hover {color:#000 !important; background-color:#666;}
    
    a#siteLink {width:155px; height:76px; background:transparent url("../images/nights-link.png") 0 0 no-repeat; margin:0; position:absolute; top:12px; right:0;}
    a#siteLink:hover {background-position:0 -76px;}
    
    .reversed a#siteLink {background-position:0 -76px;}
    .reversed a#siteLink:hover {background-position:0 0;}

    /* -------------------- navigation -------------------- */
    /* use with base classes: nav_horizontal, nav_vertical  */
    #navigation {position:absolute; bottom:0; width:100%; height:37px; padding-top:10px; background-color:#000; z-index:20000;}
    #navigation .nav_horizontal {float:left; margin-left:20px;}
    
    
    /* ------------------ global sprites ----------------- */
    .sprite {overflow:hidden; text-indent:-6000px; background:transparent url("../images/sprites-global.png") 0 0 no-repeat;}
    
    #twitter {background-position:0 -120px; width:38px; height:38px; margin-top:-14px; background-image:url('../images/sprites-global.png');}
    #twitter:hover {background-position:-150px -120px;}
    
    #facebook {background-position:0 -160px; width:38px; height:38px; margin-top:-14px; background-image:url('../images/sprites-global.png');}
    #facebook:hover {background-position:-150px -160px;}
    
    #opusHotel {width:108px; height:57px; background-image:url('../images/sprites-global.png');}
    #opusHotel:hover {background-position:-150px 0;}
    #opusBar {width:108px; height:41px; background-position:0 -57px; background-image:url('../images/sprites-global.png');}
    #opusBar:hover {background-position:-150px -57px;}
    
    /* ---------------------- mobile ---------------------- */
    @media screen and (max-device-width: 480px) {
        #overlay {background-image:url("../images/one-hundred-days-sm.png");}
        .reversed #overlay {background-position:0 -1470px !important;}
        .transparent {background-position:0 -2940px !important;}
    }