body { font-family:arial, helvetica, sans-serif; margin:0; padding:0; }

*,*:focus, a, a:hover, a:active, a:focus { outline:none;-moz-outline-style: none; }

#wrapper { width:960px; margin:0 auto; }

#timeline { width:960px; margin:0; padding:0; }
	#timeline li { list-style:none; }
	#timeline li img { display:block; }

#nav { background:url('../../images/sewell_history/navBG.jpg') 0 0 repeat-x; width:960px; height:27px; margin-top: -40px; z-index: 600; position: relative; padding-top:8px; }
	#nav a.activeSlide { border:1px solid #6f706b; border-width:0 2px 3px 2px; color:#FFFFFF;  background:#555558 url('../../images/sewell_history_kb/nav_selection_bg.jpg') 0 0 repeat-x; outline:none;margin:0 22px; }
	#nav a { padding:12px 9px 4px; margin:0 24px; color:#FFFFFF; font-size:12px; text-decoration:none; }
	#nav a:hover { margin:0 22px; border:1px solid #6f706b; border-width:0 2px 3px 2px; background:#555558 url('../../images/sewell_history_kb/nav_selection_bg.jpg') 0 0 repeat-x; outline:none; }
	
.itemWrapper { position:relative; }
	.item { position:absolute; z-index:1000; color:#FFFFFF; padding:10px 15px;
		background: #444444; /* Old browsers */
		background: -moz-linear-gradient(top, #444444 0%, #000000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #444444 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #444444 0%,#000000 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #444444 0%,#000000 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #444444 0%,#000000 100%); /* W3C */
		-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.47);
		-moz-box-shadow:    4px 4px 4px rgba(0, 0, 0, 0.47);
		box-shadow:         4px 4px 4px rgba(0, 0, 0, 0.47);
		}
		.item h3 { font-size:20px; font-weight:normal; margin-top:0; margin-bottom:4px; }
		.item p { font-size:14px; line-height:17px; font-weight:normal; margin-top:4px; }
		.more_1979 { position: absolute; top: -205px; left: 10px; width: 390px; }
		.more_2010 { position: absolute; top: -210px; left: 610px; width: 330px; }
		.more_2011 { position: absolute; top: -70px; left: 20px; width: 390px; }
			
		.more { z-index: 700; }	
			.more a { color:#FFFFFF; text-decoration:none; font-size:13px; display:block; background: #706f68; padding: 5px 15px; }
					.more a:hover { background: #989795; }
				.more a.activeSlide { display:none; }
			.clickPrevious { float:left; }
			.clickMore { float:right; }
			
		.nav_1979 {}
		
	/* Item Placement */
	.one { top:-230px; left:10px; width:340px; height:155px; }
	.two { top:-200px; left:10px; width:340px; height:125px; }
	.three { top:-310px; left:570px; width:280px; height:155px; }
	.four { top:-225px; left:540px; width:370px; height:150px; }
	.five { top:-375px; left:530px; width:380px; height:105px; }
	.six { top:-375px; left:10px; width:330px; height:100px; }
	.seven { top:-200px; left:15px; width:350px; height:125px; }
	.eight { top:-370px; left:15px; width:360px; height:140px; }
	.nine { top:-230px; left:10px; width:300px; height:150px; }
	.ten { top:-345px; left:15px; width:320px; height:145px; }
	.eleven { top:-375px; left:10px; width:320px; height:150px; }
	.twelve { top:-190px; left:20px; width:320px; height:110px; }
	.thirteen { top:-375px; left:20px; width:320px; height:120px; }
	.fourteen { top:-370px; left:610px; width:300px; height:140px; }
		.nav_2010_more { left:610px; width:300px; top:-210px; }
	.fifteen { top:-220px; left:20px; width:360px; height:130px; }
	.future { top:-190px; left:620px; width:280px; height:115px; }