.sup {
    vertical-align:top; 
    font-size:0.8em; 
    line-height:100%;
}

.clear-both {
    clear: both;
    padding-bottom: 5px;
}

.smaller {
    font-size:smaller;
}

.bighead {
    display: inline-block;
    float:left;
}

.bighead.mono {
    width: 25%;
    text-align:left;
}

.bighead.portrait {
    width: 50%;
    text-align: right;
}

.bighead img {
    height:150px;
}

.bighead.contact{
    color: #555;
    height: auto;
    width: 50%;
    padding-top: 28px;
    text-align: left;

    padding-bottom: 5px;
    line-height: 20px;
    font-size: 11pt;

    border:0px;
    font-weight:normal;
}

.bighead.contact .header {
    padding-bottom: 13px;
}

.bighead.contact a {
    color: inherit;
}

.bighead.contact .contact-container {
    margin-left: 30px;
    text-align: center;
    display: inline-block;
}

.indent {
    padding-top: 6px;
    padding-left: 18px;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.lang {
    font-size: 11px;
    text-transform: uppercase; 
}
.lang.padding {
    padding-top: 20px;
}
.lang * {
    padding-left: 5px;
    padding-right: 5px;
}
.lang a {
    color: #555;
}
.lang a:active {
    text-decoration: underline;
}
.lang .active {
    color: #e67e22;
    font-weight:bold;
}


@media (max-width: 979px) {

    .bighead {
        height:120px;
    }

    .bighead img {
        height:120px;
    }

    .bighead.contact {
        padding-top: 15px;
        padding-bottom: 5px;
        line-height: 20px;
        font-size: 11pt;
    }

    .bighead.contact .header {
        padding-bottom: 13px;
    }
}

.fancybox-title {
    text-align: center;
}

.hidden {

}

.logout {
    position: absolute;
    top: 3px;
    right: 3px;
}
a.logout {
    text-decoration: none;
    color: #555;
}

#fancybox-thumbs img {
    max-width: none;
}

.counter-label {
    font-weight:bold;
    text-align:right;
    width: 200px;
}

@media (max-width: 480px) {

    .bighead.mono {
        display:none;
        width: 0%;
    }

    .bighead.portrait {
        display:none;
        width: 0%;
    }

    .bighead.contact {
        text-align: center;
        display: inline-block;
        padding-top: 10px;
        width: 100%;
    }
    
     .bighead.contact .contact-container {
         margin-left: 0;
     }
}