/* Reset */

html, body, div, strong, ul, li, span, p, img, a, sup {
 margin: 0;
 padding: 0;
}

img {
 border: none;
}

a:focus {
 outline: none;
}

/* Timeline */

#container {
 position: relative;
 width: 556px;
 height: 590px;
 overflow: hidden;
 font-family: arial, sans-serif;
 color: #111;
 background-color: #FFF;
}

/* Descriptions */

#descriptions {
 position: relative;
 z-index: 2;
}

#descriptions .description {
 display: none;
 padding: 40px 10px 20px 40px;
 height: 480px;
 background: url("images/wixlogo.html") 20px 44px no-repeat;
}

#descriptions .description .year {
 position: relative;
 z-index: 2;
 display: block;
 color: #2B5ECC;
 font-size: 22px;
}

#descriptions .description .title {
 position: relative;
 z-index: 2;
 display: block;
 font-weight: bold;
 font-size: 14px;
}

#descriptions .description ul {
 margin: 10px 0 0 0;
 list-style: none;
}

#descriptions .description li {
 margin: 10px 0;
 font-size: 12px;
 font-weight: bold;
 overflow: hidden;
}

#descriptions .description .bullet {
 display: block;
 float: left;
 margin-right: 5px;
 width: 10px; height: 10px;
 background-color: #AAA;
}

#descriptions .description p {
 position: relative;
 bottom: 3px; /* line-up the text with the bullet */
 float: left;
 width: 490px;
}

/* Images
   
   The images are actually img tags in the HTML to allow preloading.
   Each image is positioned absolutely behind the descriptions.
   For every year, images are given a different opacity to create the fade effect.
   The year is updated by the JavaScript through a .year-* class. */

#images img {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 display: none;
}

#images .image-1,
#images .image-2 {
 top: 210px;
 left: 130px;
}

#images .image-3 {
 top: 195px;
 left: 150px;
}

#images .image-4,
#images .image-5 {
 top: 230px;
 left: 170px;
}

#images .image-6 {
 top: 230px;
 left: 140px;
}

#images .image-7 {
 top: 160px;
 left: 150px;
}

#images .image-8 {
 top: 415px;
 left: 370px;
 width: 140px;
}

#images .image-9,
#images .image-10,
#images .image-11 {
 top: 340px;
 left: 40px;
}

#images .image-12 {
 top: 350px;
 left: 350px;
}

#images .image-13 {
 top: 320px;
 left: 101px;
}

#images .image-14 {
 top: 300px;
 left: 350px;
}

#images .image-15 {
 top: 330px;
 left: 40px;
}

#images.year-1939 .image-1 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8*/
 filter: alpha(opacity=20); /* IE5-7 */
 -moz-opacity: .2; /* Netscape */
 -khtml-opacity: .2; /* Safari 1.x */
 opacity: .2; /* standard */
}

#images.year-1940 .image-1 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1941 .image-1 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8*/
 filter: alpha(opacity=70); /* IE5-7 */
 -moz-opacity: .7; /* Netscape */
 -khtml-opacity: .7; /* Safari 1.x */
 opacity: .7; /* standard */
}

#images.year-1942 .image-1,
#images.year-1943 .image-1,
#images.year-1944 .image-1,
#images.year-1945 .image-1,
#images.year-1946 .image-1,
#images.year-1947 .image-1 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-1948 .image-1 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8*/
 filter: alpha(opacity=80); /* IE5-7 */
 -moz-opacity: .8; /* Netscape */
 -khtml-opacity: .8; /* Safari 1.x */
 opacity: .8; /* standard */
}

#images.year-1949 .image-1 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-1950 .image-1 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1948 .image-2 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE8*/
 filter: alpha(opacity=10); /* IE5-7 */
 -moz-opacity: .1; /* Netscape */
 -khtml-opacity: .1; /* Safari 1.x */
 opacity: .1; /* standard */
}

#images.year-1949 .image-2 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1950 .image-2 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8*/
 filter: alpha(opacity=80); /* IE5-7 */
 -moz-opacity: .8; /* Netscape */
 -khtml-opacity: .8; /* Safari 1.x */
 opacity: .8; /* standard */
}

#images.year-1951 .image-2,
#images.year-1952 .image-2,
#images.year-1953 .image-2,
#images.year-1954 .image-2 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-1955 .image-2 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8*/
 filter: alpha(opacity=70); /* IE5-7 */
 -moz-opacity: .7; /* Netscape */
 -khtml-opacity: .7; /* Safari 1.x */
 opacity: .7; /* standard */
}

#images.year-1956 .image-2 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-1957 .image-2 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8*/
 filter: alpha(opacity=20); /* IE5-7 */
 -moz-opacity: .2; /* Netscape */
 -khtml-opacity: .2; /* Safari 1.x */
 opacity: .2; /* standard */
}

#images.year-1955 .image-3 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8*/
 filter: alpha(opacity=20); /* IE5-7 */
 -moz-opacity: .2; /* Netscape */
 -khtml-opacity: .2; /* Safari 1.x */
 opacity: .2; /* standard */
}

#images.year-1956 .image-3 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1957 .image-3 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8*/
 filter: alpha(opacity=80); /* IE5-7 */
 -moz-opacity: .8; /* Netscape */
 -khtml-opacity: .8; /* Safari 1.x */
 opacity: .8; /* standard */
}

#images.year-1958 .image-3,
#images.year-1959 .image-3,
#images.year-1960 .image-3,
#images.year-1961 .image-3,
#images.year-1962 .image-3 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-1963 .image-3 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8*/
 filter: alpha(opacity=70); /* IE5-7 */
 -moz-opacity: .7; /* Netscape */
 -khtml-opacity: .7; /* Safari 1.x */
 opacity: .7; /* standard */
}

#images.year-1964 .image-3 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8*/
 filter: alpha(opacity=80); /* IE5-7 */
 -moz-opacity: .8; /* Netscape */
 -khtml-opacity: .8; /* Safari 1.x */
 opacity: .8; /* standard */
}

#images.year-1965 .image-3 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}


#images.year-1964 .image-4 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1965 .image-4 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8*/
 filter: alpha(opacity=70); /* IE5-7 */
 -moz-opacity: .7; /* Netscape */
 -khtml-opacity: .7; /* Safari 1.x */
 opacity: .7; /* standard */
}

#images.year-1966 .image-4,
#images.year-1967 .image-4,
#images.year-1968 .image-4,
#images.year-1969 .image-4,
#images.year-1970 .image-4 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-1971 .image-4 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8*/
 filter: alpha(opacity=80); /* IE5-7 */
 -moz-opacity: .8; /* Netscape */
 -khtml-opacity: .8; /* Safari 1.x */
 opacity: .8; /* standard */
}

#images.year-1972 .image-4 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-1973 .image-4 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1971 .image-5 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8*/
 filter: alpha(opacity=20); /* IE5-7 */
 -moz-opacity: .2; /* Netscape */
 -khtml-opacity: .2; /* Safari 1.x */
 opacity: .2; /* standard */
}

#images.year-1972 .image-5 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1973 .image-5 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8*/
 filter: alpha(opacity=70); /* IE5-7 */
 -moz-opacity: .7; /* Netscape */
 -khtml-opacity: .7; /* Safari 1.x */
 opacity: .7; /* standard */
}

#images.year-1974 .image-5,
#images.year-1975 .image-5,
#images.year-1976 .image-5,
#images.year-1977 .image-5 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-1978 .image-5 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8*/
 filter: alpha(opacity=80); /* IE5-7 */
 -moz-opacity: .8; /* Netscape */
 -khtml-opacity: .8; /* Safari 1.x */
 opacity: .8; /* standard */
}

#images.year-1979 .image-5 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-1980 .image-5 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1978 .image-6 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8*/
 filter: alpha(opacity=20); /* IE5-7 */
 -moz-opacity: .2; /* Netscape */
 -khtml-opacity: .2; /* Safari 1.x */
 opacity: .2; /* standard */
}

#images.year-1979 .image-6 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1980 .image-6 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-1981 .image-6,
#images.year-1982 .image-6,
#images.year-1983 .image-6,
#images.year-1984 .image-6 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-1985 .image-6 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8*/
 filter: alpha(opacity=80); /* IE5-7 */
 -moz-opacity: .8; /* Netscape */
 -khtml-opacity: .8; /* Safari 1.x */
 opacity: .8; /* standard */
}

#images.year-1986 .image-6 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE8*/
 filter: alpha(opacity=75); /* IE5-7 */
 -moz-opacity: .75; /* Netscape */
 -khtml-opacity: .75; /* Safari 1.x */
 opacity: .75; /* standard */
}

#images.year-1987 .image-6 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8*/
 filter: alpha(opacity=70); /* IE5-7 */
 -moz-opacity: .7; /* Netscape */
 -khtml-opacity: .7; /* Safari 1.x */
 opacity: .7; /* standard */
}

#images.year-1985 .image-7 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1986 .image-7 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-1987 .image-7,
#images.year-1988 .image-7,
#images.year-1989 .image-7,
#images.year-1990 .image-7,
#images.year-1991 .image-7,
#images.year-1992 .image-7 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-1993 .image-7 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-1994 .image-7 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1993 .image-8 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE8*/
 filter: alpha(opacity=10); /* IE5-7 */
 -moz-opacity: .1; /* Netscape */
 -khtml-opacity: .1; /* Safari 1.x */
 opacity: .1; /* standard */
}

#images.year-1994 .image-8 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-1995 .image-8,
#images.year-1996 .image-8,
#images.year-1997 .image-8,
#images.year-1998 .image-8,
#images.year-1999 .image-8 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8*/
 filter: alpha(opacity=80); /* IE5-7 */
 -moz-opacity: .8; /* Netscape */
 -khtml-opacity: .8; /* Safari 1.x */
 opacity: .8; /* standard */
}

#images.year-2000 .image-8 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-2001 .image-8 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8*/
 filter: alpha(opacity=20); /* IE5-7 */
 -moz-opacity: .2; /* Netscape */
 -khtml-opacity: .2; /* Safari 1.x */
 opacity: .2; /* standard */
}

#images.year-2001 .image-9 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8*/
 filter: alpha(opacity=20); /* IE5-7 */
 -moz-opacity: .2; /* Netscape */
 -khtml-opacity: .2; /* Safari 1.x */
 opacity: .2; /* standard */
}

#images.year-2002 .image-10 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-2003 .image-10 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-2004 .image-11 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-2005 .image-11,
#images.year-2006 .image-11 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8*/
 filter: alpha(opacity=20); /* IE5-7 */
 -moz-opacity: .2; /* Netscape */
 -khtml-opacity: .2; /* Safari 1.x */
 opacity: .2; /* standard */
}

#images.year-2006 .image-12 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8*/
 filter: alpha(opacity=70); /* IE5-7 */
 -moz-opacity: .7; /* Netscape */
 -khtml-opacity: .7; /* Safari 1.x */
 opacity: .7; /* standard */
}

#images.year-2007 .image-12 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-2008 .image-12 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-2007 .image-13 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8*/
 filter: alpha(opacity=40); /* IE5-7 */
 -moz-opacity: .4; /* Netscape */
 -khtml-opacity: .4; /* Safari 1.x */
 opacity: .4; /* standard */
}

#images.year-2008 .image-13 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-2009 .image-13 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-2010 .image-13 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-2011 .image-13 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8*/
 filter: alpha(opacity=20); /* IE5-7 */
 -moz-opacity: .2; /* Netscape */
 -khtml-opacity: .2; /* Safari 1.x */
 opacity: .2; /* standard */
}

#images.year-2008 .image-14 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-2009 .image-14 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

#images.year-2010 .image-14 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8*/
 filter: alpha(opacity=60); /* IE5-7 */
 -moz-opacity: .6; /* Netscape */
 -khtml-opacity: .6; /* Safari 1.x */
 opacity: .6; /* standard */
}

#images.year-2011 .image-14 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8*/
 filter: alpha(opacity=20); /* IE5-7 */
 -moz-opacity: .2; /* Netscape */
 -khtml-opacity: .2; /* Safari 1.x */
 opacity: .2; /* standard */
}

#images.year-2010 .image-15 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8*/
 filter: alpha(opacity=20); /* IE5-7 */
 -moz-opacity: .2; /* Netscape */
 -khtml-opacity: .2; /* Safari 1.x */
 opacity: .2; /* standard */
}

#images.year-2011 .image-15 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE8*/
 filter: alpha(opacity=30); /* IE5-7 */
 -moz-opacity: .3; /* Netscape */
 -khtml-opacity: .3; /* Safari 1.x */
 opacity: .3; /* standard */
}

#images.year-2012 .image-15,
#images.year-2013 .image-15 {
 display: block;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8*/
 filter: alpha(opacity=90); /* IE5-7 */
 -moz-opacity: .9; /* Netscape */
 -khtml-opacity: .9; /* Safari 1.x */
 opacity: .9; /* standard */
}

/* Timeline (the actual years section)

   To allow for scrolling effect, #years is given a huge width
    and hides beyond #timeline-container that has a fixed width
    and overflow set to hidden. The right property value of #years
    is incremented or decremented to create the scrolling effect.

   Each decade is split into groups for easier styling. */

#timeline-container {
 position: relative; /* required for IE7 to overflow properly */
 z-index: 3;
 margin-left: 20px;
 padding-top: 10px;
 *padding-top: 20px; /* fixes overflow bug in IE7 */
 width: 516px; /* 556px container width minus 20px for each move control */
 overflow: hidden; /* required for timeline scrolling */
}

#timeline {
 margin-top: 10px;
}

#years {
 position: relative;
 width: 9999px;
 border-top: 4px solid #FFA000;
}

#years .group {
 position: relative;
 height: 20px;
 float: left;
 border-left: 4px solid #FFA000;
}

#years .years-1930s {
 border-left: none;
}

#years .years-1930s strong {
 text-indent: -9999px; /* hides the "1930's" text */
}

#years .group strong {
 position: absolute;
 top: -28px;
 z-index: 2;
 color: #2B5ECC;
 font-size: 18px;
}

#years .group ul {
 position: relative;
 list-style: none;
 overflow: hidden;
}

#years .group li {
 float: left;
}

#years .group a {
 display: block;
 width: 20px;
 height: 20px;
}

#years .group span {
 display: block;
 width: 18px;
 height: 10px;
 border-left: 2px solid #FFA000;
 text-indent: -9999px; /* hides the year text */
 background-color: #2B5ECC;
 cursor: pointer; /* needed for IE7 */
}

#years .group a:hover span, #years .group a:focus span {
 background-color: #FFF;
}

#years .group li.first-child a {
 width: 18px;
}

#years .group li.first-child span {
 border-left: none;
}

/* Controls

   The arrows are created without images by using a clever border technique. */

#controls {
 position: relative;
 bottom: 24px;
 margin: 0 10px;
 list-style: none;
}

#controls .move-left {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 0; 
 height: 0; 
 border-top: 10px solid transparent;
 border-bottom: 10px solid transparent; 	
 border-right: 10px solid #2B5ECC;
 text-indent: -9999px; /* hides the "Move Left" text */
}

#controls .move-right {
 position: absolute;
 top: 0;
 right: 0;
 display: block;
 width: 0; 
 height: 0; 
 border-top: 10px solid transparent;
 border-bottom: 10px solid transparent;	
 border-left: 10px solid #2B5ECC;
 text-indent: -9999px; /* hides the "Move Right" text */
}