html, body {
    background-color: transparent;
    background-image: url(../img/kitchen.jpg);
    background-repeat: no-repeat;
    background-position: 50% 30px;
    -webkit-background-size: 1920px 1253px;
}

html.kitchen, body.kitchen {
    background-image: url(../img/kitchen.jpg);
}

html.lighting, body.lighting {
    background-image: url(../img/lighting.jpg);
}

html.furniture, body.furniture {
    background-image: url(../img/furniture.jpg);
}

html.textile, body.textile {
    background-image: url(../img/textile.jpg);
}

#diesel-home {
    min-width: 980px;
    height: 1000px;
    margin: 0 80px;
    position: relative;
}

#diesel-home ul {
    width: 170px;
    margin: 140px 0 0 0;
    padding: 160px 56px 0 56px;
    background: transparent url(../img/logo.png) no-repeat center top;
    float: left;
}

#diesel-home ul li {
    margin: 5px 0;
    background: #dcdace;
}

#diesel-home ul li a {
    width: 170px;
    height: 37px;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url(../img/links.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
}

#diesel-home ul li a.current {
    filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#diesel-home ul li a#kitchen {
    background-position: left top;
}

#diesel-home ul li a#lighting {
    background-position: left -37px;
}

#diesel-home ul li a#furniture {
    background-position: left -74px;
}

#diesel-home ul li a#textile {
    background-position: left bottom;
}

#diesel-home #contents {
    float: right;
}

#diesel-home #contents .block {
    width: 670px;
    height: 500px;
    margin: 180px 0 0 20px;
    overflow: hidden;
    position: relative;
}

#diesel-home #contents .block.show {
    display: block;
}

#diesel-home #contents .block .intro {
    margin: 160px 0 0 0;
    color: #fff;
    text-align: right;
    font-style: italic;
}

#diesel-home #contents .block .intro h2 {
    font-size: 43px;
    font-style: italic;
    font-weight: normal;
}

#diesel-home #contents .block .intro p {
    color: #828280;
    font-size: 23px;
}

#diesel-home #contents .block .intro dl {
    padding: 15px 0;
    display: block;
}

#diesel-home #contents .block .intro dl dt {
    font-size: 30px;
    font-weight: normal;
}

#diesel-home #contents .block .intro dl dt sup {
    font-size: 18px;
}

#diesel-home #contents .block .intro dl dd {
    font-size: 18px;
}

#diesel-home #contents .block .intro a {
    padding: 10px 15px;
    font-size: 18px;
    font-style: normal;
    font-family: "Anton", Helvetica, Arial, Sans-serif;
    background: #fff;
    float: right;
}

.hide {
    visibility: none;
    display: none;
}

.show {
    display: block !important;
}

/* video */
.video-js-box {
    border: 4px solid #d8d8d8;
    position: absolute;
    left: 0;
    top: 20px;
    display: none;
}

.video-js-box .close {
    background: url("../img/close.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 15px;
    position: absolute;
    right: 0;
    text-indent: -999em;
    top: -20px;
    width: 34px;
}

.video-js-box,
.video-js-box .video-js,
.video-js-box .video-js .video-fallback {
    width: 640px !important;
    height: 360px !important;
}

.video-js-box.vjs-fullscreen,
.video-js-box.vjs-fullscreen .video-js {
    background: #000;
    border: none;
    bottom: 0;
    height: 100% !important;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 1000;
}

.video-js-box .vjs-spinner {
    display: none !important
}

#kitchen-video-fallback {
    background: transparent url('../img/diesel-scavolini.jpg') no-repeat left top
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #diesel-home {
        min-width: 820px;
    }
    
    #diesel-home #contents .block {
        width: 580px;
    }
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
    #diesel-home {
        min-width: 800px;
    }
    
    #diesel-home #contents .block {
        width: 540px;
    }
}