@charset "UTF-8";

/**
 * Zahia website
 *
 * Contains all homepage specific declarations.
 *
 * @author		Gerrit Bertier <gerrit@marlon.be>
 * @copyright		Marlon bvba <http://www.marlon.be>
 * @date		2009-12-14
 * @lastmodified	2009-12-17
 */

/* Headings
---------------------------------------------------------- */

h2 {
    margin: 0 0 20px;
    font-family: DaxMedium, Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.846em;
    line-height: 1em;
    color: #fff;
}

h3 {
    margin: 0 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.333em;
    font-weight: normal;
    line-height: 1em;
    color: #f77400;
}

h4 {
    color: #a75607;
    font-size: 1.0833em;
    font-style: normal;
    font-weight: bold;
    line-height: 1.4615em;
    margin: 0 0 5px;
}

h5 {
    color: #5c4938;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
    line-height: 1em;
    margin: 0 0 12px;
}

/* Layout
---------------------------------------------------------- */

#content {
}

.thumb-small {
    background-position: 0 0;
}

/* spotlight
---------------------------------------------------------- */

#spotlight {
    position: relative;
    width: 920px;
    height: 320px;
    padding: 0 0 0 0;
    overflow: hidden;
    background: #fff;
}

.spotlight-wrapper {
    position: relative;
    width: 920px;
    height: 320px;
    overflow: hidden;
}

.spotlight {
    position: relative;
    float: left;
    padding: 0;
    width: 920px;
    height: 320px;
}

.spotlight .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    overflow: hidden;
    background: transparent;
}

.spotlight img {
    position: absolute;
    left: 320px;
    top: 0;
}

.type-1 .slide-description { background-position: 0 0; }
.type-2 .slide-description { background-position: -320px 0; }
.type-3 .slide-description { background-position: -640px 0; }
.type-4 .slide-description { background-position: -960px 0; }
.type-5 .slide-description { background-position: -1280px 0; }

/* spotlight -> controls
---------------------------------------------------------- */

.controls {
    position: absolute;
    top: 270px;
    left: 350px;
    clear: both;
    display: inline;
    float: left;
    margin: 0;
    width: 570px;
    z-index: 100;
}

.controls li {
    float: left;
}

.controls a {
    float: left;
    width: 25px;
    height: 25px;
    margin-left: 2px;
    text-indent: -9999em;
    overflow: hidden;
    background: transparent url(../img/sprite.png) no-repeat 0 -51px;
}

.controls .selected .type-1 { background-position: -50px -51px; }
.controls .selected .type-2 { background-position: -25px -51px; }
.controls .selected .type-3 { background-position: -75px -51px; }
.controls .selected .type-4 { background-position: -100px -51px; }
.controls .selected .type-5 { background-position: -100px -51px; }

.controls a.disabled { visibility: hidden; }

/* Features
---------------------------------------------------------- */

.slide-description p.cr {
    font-size: 1.231em;
    line-height: 1.5em;
}

.slide-description {
    background: transparent url(../img/sprite_slides.jpg) no-repeat 0 0;
    color: #fff;
    padding: 24px 30px 12px;
    width: 260px;
    height: 320px;
}

.slide-description a {
    color: #fff;
}

#slideshow .title {
    font-size: 1.0833em;
    font-weight: bold;
}

#slideshow a.link {
    height: 320px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
    top: 0;
    width: 920px;
    
}