#images{
    position: relative;
    height: 300px;
    margin-top: 48px;
}

h1{
    display: block;
    font-weight: lighter;
    padding-bottom: 18px;
    border-bottom: 1px solid #000000;
}

#content, #teasers{
    width: 100%;
}

div.quoteContainer{
    position: absolute;
    width: 960px;
    height: 100%;
}

div.quoteContainer img{
    position:absolute;
    display: none;
}

div.quoteContainer div.quoteText{
    position:absolute;
    text-align: center;
    /*margin-top: 140px;*/
    display: none;
    line-height: 3.2em;
    width: 100%;
    height: 100%;
}

div.quoteContainer div.quoteText span.quote{
    font-size: 36px;
    color: #ffffff;
    text-align: left;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    text-shadow: 2px 2px 8px #000000;
    -moz-text-shadow: 2px 2px 8px #000000;
    -webkit-text-shadow: 2px 2px 8px #000000;
}

div.quoteContainer div.quoteText span.author{
    font-size: 18px;
    color: #ffffff;    
    text-shadow: 2px 2px 8px #000000;
    -moz-text-shadow: 2px 2px 8px #000000;
    -webkit-text-shadow: 2px 2px 8px #000000;
}

.no-textshadow div.quoteContainer div.quoteText span.quote, .no-textshadow div.quoteContainer div.quoteText span.author{
    display: block;
    background-color: #cccccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc) progid:DXImageTransform.Microsoft.DropShadow(Color=#000000, OffX=2, OffY=2)"; 
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
            progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color=#000000);
}

.quoteOuter{
    display: table;
    width: 100%;
    height: 100%;
}

.quoteContent{
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 18px;
}