@charset "utf-8";
/* CSS Document */

/*TIMELINE*/
.timeline{
background:url(../images/timeline.jpg) no-repeat;
}

#timeline{
width:100px;
height:250px;
}
#timeline div{
Filter:Alpha(opacity=0);
opacity:0;
}
#timeline-menu{
width:100px;
position:absolute;
height:100px;}

#btn-2010{
width:80px;
height:25px;
cursor:pointer;
position:relative; top:15px}
#btn-2009{
width:80px;
height:25px;
position:relative;
cursor:pointer;
top:12px;
left:30px}
#btn-2008{
width:80px;
height:25px;
cursor:pointer;
position:relative;
top:12px;
left:60px}
#btn-2005{
width:80px;
height:25px;
cursor:pointer;
position:relative;
top:12px;
left:90px}
#btn-1980{
width:80px;
height:25px;
cursor:pointer;
position:relative;
top:-25px;
left:250px}
#btn-1944{
width:80px;
height:25px;
cursor:pointer;
position:relative;
top:-20px;
left:380px}
#btn-1930{
width:80px;
height:25px;
cursor:pointer;
position:relative;
top:-60px;
left:470px}
#btn-1922{
width:80px;
height:25px;
cursor:pointer;
position:relative;
top:-55px;
left:550px}

#btn-1917{
width:80px;
height:25px;
cursor:pointer;
position:relative;
top:-100px;
left:600px}
#btn-1912{
width:80px;
height:25px;
cursor:pointer;
position:relative;
top:-100px;
left:660px}

#btn-1904{
width:80px;
height:25px;
cursor:pointer;
position:relative;
top:-140px;
left:740px}
#text-2010, #text-2009, #text-2008, #text-2005, #text-1980, #text-1944, #text-1930, #text-1922, #text-1917, #text-1912, #text-1904{
width:820px;
height:250px;
position:absolute;
}
#text-2010{
background:url(../images/2010.jpg) no-repeat;
}
#text-2009{
background:url(../images/2009.jpg) no-repeat;
}
#text-2008{
background:url(../images/2008.jpg) no-repeat;
}
#text-2005{
background:url(../images/2005.jpg) no-repeat;
}
#text-1980{
background:url(../images/1980.jpg) no-repeat;
}
#text-1944{
background:url(../images/1944.jpg) no-repeat;
}
#text-1930{
background:url(../images/1930.jpg) no-repeat;
}
#text-1922{
background:url(../images/1922.jpg) no-repeat;
}
#text-1917{
background:url(../images/1917.jpg) no-repeat;
}
#text-1912{
background:url(../images/1912.jpg) no-repeat;
}
#text-1904{
background:url(../images/1904.jpg) no-repeat;
}
/*MENU*/
#menu-inside-timeline{
width:400px;
height:100px;
padding-top:25px;
position:absolute;
z-index:50
}
#menu-inside-timeline ul{
text-align:center;
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
}
#menu-inside-timeline ul li a.back{
font-size:16px;
background:white;
}
#menu-inside-timeline ul li{
display:inline;
margin:0 15px;
}
#menu-inside-timeline a{
display:inline-block;
padding:0px 15px;
color:black;
background:white;
text-decoration:none;
}