#container{
    position:absolute;
    width: 632px;
    height: 73px;
    top: 200px;
    left: -7px;
    color: #656563;
    font-size: 14px;
}
#timeline {
    margin: 210px 0px 0px -8px;
    position: absolute;
    width: 632px;
    height: 36px;
    padding: 0px;
    z-index: 1;
}

#weaponDiv{
    position:absolute;
    width: 520px;
    margin: 0px 56px 0px 56px;
    height: 150px;
    text-align:center;
}
#weaponPicture{
    display:block;
    margin: 20px auto 0px auto;
    /*width: 400px;*/
    max-height: 140px;
}
#weaponName{
    text-align:center;
    font-size: 20px;
    color: #AB9500;
    font-weight: bolder;
    position:absolute;
    width: 520px;
    height: 22px;
    margin: 155px 56px 0px 56px;
}
#weaponName:visited{
    font-style:normal;
}
#weaponName:link{
    text-decoration:none;
}
a{
    outline: none;
}
#epochDiv{
    position:absolute;
    width: 520px;
    height: 270px;
    margin: 270px 56px 0px 56px;
    text-align:center;
}
#epochPicture{
    display:block;
    margin: auto;
    /*width: 480px;*/
    max-height: 270px;
}

/*десятилетия*/ div div {
    width: 28px;
    height: 25px;
    position: relative;
    float: left;
    padding: 0px;
    margin: 1px 0px 0px 0px;
}

/*субдивы десятилетий неактивные*/ .inactive {
    width: 10px;
    height: 25px;
    background-color: #e0e0da;
    position: relative;
    float: left;
}

/*субдивы десятилетий активные*/ .active {
    width: 10px;
    height: 25px;
    background-color: #ab9500;
    position: relative;
    float: left;
}
.active:hover {
    background-color: red;
    opacity: 0.6;
    cursor: pointer;
}

/*субдивы перед разделителями декад*/
#timeline div div+div+div{
    width: 9px;
}
/*субдивы после разделителей декад*/
.after{
    width: 9px;
}
/*разделители декад*/
.decade{
    position: relative;
    float: left;
    width: 2px;
    height: 27px;
    background-color: #656563;
    margin: 1px 0px 0px 0px;
}
/*года, расстояние между годами +-60px по горизонтали*/
#year1800{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 7px;
    top: 50px;
}
#year1810{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 36px;
}
#year1820{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 68px;
    top: 50px;
}
#year1830{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 97px;
}
#year1840{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 128px;
    top: 50px;
}
#year1850{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 157px;
}
#year1860{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 187px;
    top: 50px;
}
#year1870{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 217px;
}
#year1880{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 248px;
    top: 50px;
}
#year1890{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 277px;
}
#year1900{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 308px;
    top: 50px;
}
#year1910{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 337px;
}
#year1920{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 368px;
    top: 50px;
}
#year1930{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 397px;
}
#year1940{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 428px;
    top: 50px;
}
#year1950{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 457px;
}
#year1960{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 488px;
    top: 50px;
}
#year1970{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 517px;
}
#year1980{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 548px;
    top: 50px;
}
#year1990{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 577px;
}
#year2000{
    position:absolute;
    width: 28px;
    height: 19px;
    left: 610px;
    top: 50px;
}
.marker{
    background-color: red;
}