#timeline
{
    position: relative;

    margin: 60px 0;

    border-top: 10px solid #bfbfbf;
    border-bottom: 10px solid #bfbfbf;
    background: #e0f2f8 url(/templates/teco3/skins/v1/structure/timeline/dots_bg.gif);
}

#timeline .spine
{
    min-height: 600px;

    background: url(/templates/teco3/skins/v1/structure/timeline/spine_bg.gif);
    background-repeat: repeat-y;
    background-position: left center;
}

#timeline #timeline-content
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}

#timeline #timeline-content .entry
{
    margin: 60px 0 120px;

    min-height: 300px;

    -webkit-transition: .75s;
       -moz-transition: .75s;
        -ms-transition: .75s;
         -o-transition: .75s;

    background: transparent;
}

#timeline #timeline-content .entry.active
{
    margin: 95px 0 155px;
}

#timeline #timeline-content .entry img
{
    border: none !important;
}

#timeline #timeline-content .entry p
{
    margin: 0 0 15px;
    padding-top: 10px;

    color: #333;
    border-top: 3px solid #fff;

    -webkit-transition: .75s;
       -moz-transition: .75s;
        -ms-transition: .75s;
         -o-transition: .75s;
}

#timeline #timeline-content .entry.active p
{
    padding-top: 20px;
}

#timeline #timeline-content .entry span
{
    font-size: 1.4em;

    display: block;

    margin-top: 10px;
    padding: 0 0 0 20px;

    color: #fff;
    background: url(/templates/teco3/skins/v1/structure/timeline/triangle.png);
    background-repeat: no-repeat;
    background-position: left center;

    -webkit-transition: .75s;
       -moz-transition: .75s;
        -ms-transition: .75s;
         -o-transition: .75s;
}

#timeline #timeline-content .entry.active span
{
    margin-top: 15px;
}