/* Inspired by Jonathan Nicol (f6design.com) */


/* ----- Reset (http://meyerweb.com/eric/tools/css/reset/) ----- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

/* ----- end Reset ----- */




/* ----- Global ----- */

html { 	overflow-y: scroll; /* always force a scrollbar in non-IE */	}
body {	background: #000 url(../img/stars.gif) repeat fixed 0 0; overflow-x: hidden;	height: 13500px;	line-height: 1.5;	color: #e2e2e2;	font-size: 14px;	font-family: Arial,sans-serif;}
h1 {	margin: 0 0 4px 0; padding: 0; font-size: 10pt; font-weight: normal; line-height: 1.3em; color: #e76161; }
h2 { font-weight: bold; margin: 0 0 4px 0; padding: 0; font-size: 11pt; line-height: 1.3em; color: #e2e2e2; }
h3 { font-weight: normal; color: #999; font-size: 11pt; line-height: 1.3em; margin: 0; padding: 0;}
/*a, a:link,a:active,a:visited {	-webkit-transition: color 0.25s ease-out;	-moz-transition: color 0.25s ease-out;	-o-transition: color 0.25s ease-out;	transition: color 0.25s ease-out;	color:#21a97e;	outline: none;	text-decoration:none;	}*/
a, a:link,a:active,a:visited { color: #4EAFEE; text-decoration: none; }
a:hover { color: #80C5F1; }
/*a:hover { color:#000;	}*/
img { 	display:block;	}
p {	margin: 0 0 12px 0; font-size: 10pt; font-weight: normal; line-height: 1.4em; }
/* lines */
div.hr { height: 1px; background: #51535e url(../img/hr.gif) no-repeat scroll center; margin-bottom: 16px; }
div.hr hr { display: none; }
div.hr.vertical { width: 1px; height: auto; }

/* ----- end Global ----- */




/* ----- Page structure ----- */

#wrapper { position: relative; }

/* ----- end Page structure ----- */




/* ----- Tab with branding/share ----- */

#branding { z-index: 6; position: fixed; left: 51%; bottom: 0; width: 1024px; height: 66px; }
#branding_tab { left: 20px; margin-left: -300px; border-top-left-radius: 8px; border-top-right-radius: 8px; background: #272727; background:rgba(44,44,44,0.9); color: white; padding: 8px;  width: 570px; height: 74px; }
#branding_tab img#logo { float: left; display: block; margin-right: 18px; width: 257px; height: 52px; }
#branding_tab div.hr.vertical { float: left; height: 40px; margin: 5px 12px 0 0; }
#branding_tab a.hyperlink { 
  display: inline-block; color: #71737a; text-decoration: none; margin: 12px 0 0 6px;
  -webkit-transition: color 0.20s ease-out;	-moz-transition: color 0.20s ease-out;	-o-transition: color 0.20s ease-out;	transition: color 0.20s ease-out; 
}
#branding_tab a.hyperlink:hover { color: #fff; }
/* Share buttons */
a.share_btn { text-indent: -9999px; overflow: hidden; margin: 8px 12px 0 0; width: 30px; height: 30px; float: left; }
a#share_btn_facebook { background: url(../img/share.png) 0px 0px; } 
a#share_btn_twitter { background: url(../img/share.png) -30px 0px; margin-right: 15px; } 
a#share_btn_email { background: url(../img/share.png) -60px 0px; } 
a#share_btn_facebook:hover { background: url(../img/share.png) 0px 30px; } 
a#share_btn_twitter:hover { background: url(../img/share.png) -30px 30px; margin-right: 15px; } 
a#share_btn_email:hover { background: url(../img/share.png) -60px 30px; }

/* ----- end Tab with branding/share ----- */




/* ----- Parallax ----- */

/* MILESTONES*/
#content { z-index: 5; position: relative; max-width: 940px; padding: 0 10px; margin: 0 auto; line-height: 1.7; display: none; }
#content article { background: #1b1b1b; background:rgba(30,30,30,0.9); border:1px solid #414141; padding: 14px; margin-bottom: 8px; /*min-width: 200px;*/ max-width: 300px; height: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.20s ease-out;	-moz-transition: all 0.20s ease-out;	-o-transition: all 0.20s ease-out;	transition: all 0.20s ease-out;
}
#content article:hover { cursor: pointer; background: #2c2c2c; background:rgba(44,44,44,1); border-color: #7D7D7D; }
#content section.image { float: left; width: 177px; height: 177px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border:1px solid #7c7c7c; overflow: hidden; margin-right: 12px; display: none; }
#content section.image img { width: 177px; height: 177px; }
#content section.text { float: left; }
#content section.text header { margin-bottom: 6px; }
#content section.description, #content article .close_btn { display: none; }

/* Milestones - Expanded styles */
#content article.expand { width: 600px; max-width: none; }
#content article.expand section.image, #content article.expand section.description, #content article .close_btn { display: block; }
#content article.expand section.text { width: 400px; }
#content article.expand .close_btn { position: absolute; top: 6px; right: 6px; background: url(../img/close.png) no-repeat; width: 19px; height: 19px; }

/* Milestones - Positions (most recent on top) */
.milestone { position: absolute; }
/* Most recent on top (keep #content selector before the id to allow overriding of max-width) */
#content #milestone_04_06_19 { top: 640px; left: 330px; } #content #milestone_04_06_19.expand { left: 0; }
#content #milestone_11_26_18 { top: 855px; left: 15px; max-width: 230px; } #content #milestone_11_26_18.expand { left: 0; max-width: none; }
#content #milestone_07_18 { top: 1040px; left: 510px; } #content #milestone_07_18.expand { left: 250px; }
#content #milestone_06_13_18 { top: 1125px; left: 145px; max-width: 280px; } #content #milestone_06_13_18.expand { left: 0; max-width: none; }
#content #milestone_09_15_17 { top: 1295px; left: 145px; max-width: 280px; } #content #milestone_09_15_17.expand { left: 0; max-width: none; }
#content #milestone_04_26_17 { top: 1445px; left: 510px; } #content #milestone_04_26_17.expand { left: 250px; }
#content #milestone_02_22_17 { top: 1755px; left: 380px; } #content #milestone_02_22_17.expand { left: 200px; }
#content #milestone_07_04_16 { top: 1945px; left: 15px; max-width: 280px; } #content #milestone_07_04_16.expand { left: 0; max-width: none; }
#content #milestone_03_06_15 { top: 2125px; left: 380px; } #content #milestone_03_06_15.expand { left: 200px; }
#content #milestone_10_08_14 { top: 2290px; left: 15px; max-width: 280px; } #content #milestone_10_08_14.expand { left: 0; max-width: none; }
#content #milestone_08_06_14 { top: 2530px; left: 625px; } #content #milestone_08_06_14.expand { left: 300px; }
#content #milestone_02_08_13 { top: 2735px; left: 625px; } #content #milestone_02_08_13.expand { left: 300px; }
#content #milestone_12_05_12 { top: 3055px; left: 400px; } #content #milestone_12_05_12.expand { left: 300px; }
#content #milestone_08_25_12 { top: 3190px; left: 400px; } #content #milestone_08_25_12.expand { left: 300px; }
#content #milestone_08_06_12 { top: 3340px; left: 150px; } #content #milestone_08_06_12.expand { left: 0; }
#content #milestone_06_28_12 { top: 3540px; left: 15px; } #content #milestone_06_28_12.expand { left: 0; }
#content #milestone_01_01_12 { top: 3880px; left: 15px; } #content #milestone_01_01_12.expand { left: 0; }
#content #milestone_12_20_11 { top: 4025px; left: 535px; } #content #milestone_12_20_11.expand { left: 250px; }
#content #milestone_07_27_11 { top: 4185px; left: 535px; } #content #milestone_07_27_11.expand { left: 250px; }
#content #milestone_07_15_11 { top: 4310px; left: 535px; } #content #milestone_07_15_11.expand { left: 250px; }
#content #milestone_07_22_06 { top: 4555px; left: 535px; } #content #milestone_07_22_06.expand { left: 250px; }
#content #milestone_05_20_06 { top: 4710px; left: 155px; } #content #milestone_05_20_06.expand { left: 0; }
#content #milestone_01_15_06 { top: 4805px; left: 535px; } #content #milestone_01_15_06.expand { left: 250px; }
#content #milestone_07_03_05 { top: 5145px; left: 535px; } #content #milestone_07_03_05.expand { left: 250px; }
#content #milestone_03_22_05 { top: 5340px; left: 385px; max-width: 400px; } #content #milestone_03_22_05.expand { left: 250px; max-width: none; }
#content #milestone_02_16_05 { top: 5410px; left: 5px; } #content #milestone_02_16_05.expand { left: 0; }
#content #milestone_09_08_04 { top: 5545px; left: 385px; } #content #milestone_09_08_04.expand { left: 250px; }
#content #milestone_06_30_04 { top: 5650px; left: 170px; } #content #milestone_06_30_04.expand { left: 100px; }
#content #milestone_01_3-24_04 { top: 5755px; left: 385px; } #content #milestone_01_3-24_04.expand { left: 250px; }
#content #milestone_05_28_02 { top: 5815px; left: 645px; } #content #milestone_05_28_02.expand { left: 300px; }
#content #milestone_04_04_02 { top: 6010px; left: 420px; max-width: 250px; } #content #milestone_04_04_02.expand { left: 300px; max-width: none; }
#content #milestone_02_00 { top: 6200px; left: 592px; max-width: 200px; } #content #milestone_02_00.expand { left: 300px; max-width: none; }
#content #milestone_10_24_98 { top: 6410px; left: 605px; } #content #milestone_10_24_98.expand { left: 300px; }
#content #milestone_07_03_97 { top: 6340px; left: 160px; } #content #milestone_07_03_97.expand { left: 0; }
#content #milestone_12_07_95 { top: 6580px; left: 45px; } #content #milestone_12_07_95.expand { left: 0; }
#content #milestone_05_25_93 { top: 6780px; left: 45px; max-width: 140px; } #content #milestone_05_25_93.expand { left: 0; max-width: none; }
#content #milestone_10_29_91 { top: 6995px; left: 265px; } #content #milestone_10_29_91.expand { left: 100px; }
#content #milestone_10_06_90 { top: 7200px; left: 45px; max-width: 250px; } #content #milestone_10_06_90.expand { left: 0; max-width: none; }
#content #milestone_08_24_89 { top: 7270px; left: 700px; } #content #milestone_08_24_89.expand { left: 300px; }
#content #milestone_01_24_86 { top: 7760px; left: 245px; } #content #milestone_01_24_86.expand { left: 0; }
#content #milestone_01_25_83 { top: 8270px; left: 630px; } #content #milestone_01_25_83.expand { left: 250px; }
#content #milestone_03_05_79 { top: 8490px; left: 18px; max-width: 300px; } #content #milestone_03_05_79.expand { left: 0; max-width: none; }
#content #milestone_06_27_78  { top: 8665px; left: 110px; } #content #milestone_06_27_78.expand { left: 0; }
#content #milestone_07_19_76 { top: 8910px; left: 15px; max-width: 300px; }#content #milestone_07_19_76.expand { left: 0; max-width: none; }
#content #milestone_03_28_74 { top: 9115px; left: 610px; } #content #milestone_03_28_74.expand { left: 250px; }
#content #milestone_02_04_74 { top: 9225px; left: 610px; } #content #milestone_02_04_74.expand { left: 250px; }
#content #milestone_11_14_71 { top: 9555px; left: 315px; } #content #milestone_11_14_71.expand { left: 100px; }
#content #milestone_06_02_66 { top: 10135px; left: 565px; } #content #milestone_06_02_66.expand { left: 250px; }
#content #milestone_07_15_65 { top: 10360px; left: 565px; } #content #milestone_07_15_65.expand { left: 250px; }
#content #milestone_07_31_64 { top: 10445px; left: 140px; } #content #milestone_07_31_64.expand { left: 150px; }
#content #milestone_12_24_63 { top: 10585px; left: 35px; max-width: 215px; } #content #milestone_12_24_63.expand { left: 0; max-width: none; }
#content #milestone_12_14_62 { top: 10780px; left: 560px; } #content #milestone_12_14_62.expand { left: 300px; }
#content #milestone_03_03_59 { top: 10995px; left: 730px; } #content #milestone_03_03_59.expand { left: 300px; }
#content #milestone_12_03_58 { top: 11145px; left: 730px; } #content #milestone_12_03_58.expand { left: 300px; }
#content #milestone_01_31_58 { top: 11230px; left: 470px; } #content #milestone_01_31_58.expand { left: 300px; }
#content #milestone_09_20_56 { top: 11355px; left: 730px; } #content #milestone_09_20_56.expand { left: 300px; }
#content #milestone_05_22_47 { top: 11890px; left: 125px; } #content #milestone_05_22_47.expand { left: 0; }
#content #milestone_12_01_44 { top: 12295px; left: 495px; } #content #milestone_12_01_44.expand { left: 300px; }
#content #milestone_11_20_43 { top: 12535px; left: 105px; } #content #milestone_11_20_43.expand { left: 0; }
#content #milestone_01_39 { top: 12680px; left: 625px; } #content #milestone_01_39.expand { left: 300px; }
#content #milestone_10_31_36 { top: 12875px; left: 240px; } #content #milestone_10_31_36.expand { left: 100px; }




/* TIMELINE */
/*#timeline { position: relative; z-index: 4; margin: 0 auto; max-width: 940px;}
#timeline img { position: absolute; top: 0; left: -108px;}*/

#timeline { position: relative; z-index: 4; margin: 0 auto; max-width: 940px;}
#timeline_graphics { position: absolute; left: 196px; top: 534px;  }
#timeline img { position: absolute; }



/* MAIN BACKGROUND IMAGES */
#parallax-bg3 { z-index: 3; position: fixed; left: 50%; /* align left edge with center of viewport */ top: 0; width: 1024px; margin-left: -512px; /* move left by half element's width */ display: none; }
#parallax-bg3 img { position: absolute; }

/* Most recent on top */
#bg3-top-title { top: 50px; left: 155px; }
#bg3-19 { top: 150px; left: 375px; }
#bg3-18 { top: 500px; left: -625px; }
#bg3-17d { top: 1160px; left: -250px; }
#bg3-17c { top: 1600px; left: 470px; }
#bg3-17 { top: 2100px; left: -250px; }
#bg3-16 { top: 2550px; left: 520px; }
#bg3-15 { top: 3000px; left: 700px; }
#bg3-14 { top: 2950px; left: -615px; }
#bg3-12c { top: 3900px; left: 0; }
#bg3-12b { top: 4585px; left: 0; }
#bg3-12 { top: 4180px; left: 570px; }
#bg3-11 { top: 5060px; left: 400px; }
#bg3-10 { top: 5025px; left: -100px; }
#bg3-9 { top: 5700px; left: 570px; }
#bg3-8 { top: 6060px; left: 570px; }
#bg3-7 { top: 6050px; left: -100px; }
#bg3-6 { top: 6740px; left: 600px; }
#bg3-5 { top: 7050px; left: 0; }
#bg3-4 { top: 7450px; left: 400px; }
#bg3-3 { top: 7990px; left: 680px; }
#bg3-1f { top: 8540px; left: 190px; }
#bg3-1e { top: 8830px; left: 680px; }
#bg3-1d { top: 8870px; left: 30px; }
#bg3-1c { top: 9220px; left: 500px; }
#bg3-1b { top: 9585px; left: 15px; }
#bg3-1a { top: 9500px; left: 600px; }
#bg3-1-scrolltext { top: 10200px; left: 380px; }
#bg3-1-title { top: 10070px; left: 155px; }

		
/* NUMBERS */
#parallax-bg2 { z-index: 2; position: fixed; left: 50%; /* align left edge with center of viewport */ top: 0; width: 1024px; margin-left: -512px; /* move left by half element's width */  display: none;  }
#parallax-bg2 h1 { color: white; font-size: 260px; font-weight: bold; }
#parallax-bg2 div { position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
filter:alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }


/* Most recent on top */
#bg2-2020 { top: 300px; left: -30px; }
#bg2-2016 { top: 1400px; left: 460px; }
#bg2-2012 { top: 2680px; left: -30px; }
#bg2-2006 { top: 3440px; left: 460px; }
#bg2-1998 { top: 4500px; left: -30px; }
#bg2-1990 { top: 5190px; left: -30px; }
#bg2-1980 { top: 5960px; left: 460px; }
#bg2-1974 { top: 6680px; left: 460px; }
#bg2-1966 { top: 7310px; left: -30px; }
#bg2-1958 { top: 7890px; left: 460px; }
#bg2-1936 { top: 9100px; left: -30px; }


/* NEBULA AND EXTRA ELEMENTS */
#parallax-bg1 { z-index: 1; position: fixed; left: 50%; /* align left edge with center of viewport */ top: 0; width: 1200px; margin-left: -600px; /* move left by half element's width */ display: none;}
#parallax-bg1 img { position: absolute; }

/* Top to bottom */
#bg1-4 { position: absolute; top: 1300px; left: 200px; }
#bg1-3 { position: absolute; top: 600px; left: -500px; }
#bg1-2 { position: absolute; top: 2500px; left: -200px; }
#bg1-1 { position: absolute; top: 3700px; left: 0px; }
#bg1-0 { position: absolute; top: 4800px; left: -300px; }
#bg1-extra-5 { top: 1100px; left: -425px; }
#bg1-extra-4 { top: 3050px; left: 1300px; }
#bg1-extra-3 { top: 1775px; left: 1350px; }
#bg1-extra-2 { top: 2650px; left: -275px; }