@media only screen and (max-width: 1100px) {
.t								{ margin:0 0 100px 0;}	
}

@media only screen and (max-width: 983px) {
	.book								{ min-width:700px; min-height:550px;}

	#nav ul li 			{ margin:0 18px 0 0;}
	#nav ul li a			{ font-size:13px;}
	#nav ul li.list1	{ margin:0 150px 0 0;}
	
	.t								{ margin:0 0 100px 10px;}	
	.container							{ width:100%;}
	.top_section	img					{ width:110%; height:auto; margin:0 0 0 -5%;}
	.mid_section img					{ width:100%; height:auto;}
	.bottom_section .left, .bottom_section .right				{ width:50%;}
	.bottom_section .left img, .bottom_section .right img	{ width:100%; height:auto;}
	#logo								{ width:40%; left:-18px;}
	#logo img							{ width:100%; height:auto;}
	#header .container, #footer .container					{ width:96%;}
	.mid_section .content				{ top:70px;}
	.mid_section h1, .bottom_section h1						{ font-size:50px; line-height:52px;}
	.bottom_section .left .content, .bottom_section .right .content	{ left:10px;}
	.gallery							{ padding:0 0 50px 2%;}
	#grid li img						{ width:100%; height:auto;}
	.index h1, .gallery h1, .timeline_page h1	{ margin:0 67px 15px 0;}
	.gallery span						{ font-size:60px; line-height:60px; margin:0 100px 15px 0;}
	.gallery p							{ width:420px; font-size:12px; line-height:16px;}
	.footer_nav							{ width:310px;}
	.footer_nav ul li					{ width:155px;}
	.timeline_page span					{  margin:0 100px 20px 38%;}
	.timeline_page p					{ margin:0 70px 30px 38%;}
	.timeline 							{ background: url("../images/top_circle.png") no-repeat scroll 198px top rgba(0, 0, 0, 0); width:800px; }
	.timeline ul li						{ background:url("../images/ul_bg.png") repeat-y scroll 220px top rgba(0, 0, 0, 0);}
	.timeline ul							{ background: url("../images/circle_bottom.png") no-repeat 198px bottom rgba(0, 0, 0, 0);}
	.timeline ul li span img				{ width:100%; height:auto;}
	.timeline ul li.list1 span.img1		{ width:200px; height:auto; left:44px;}
	.timeline ul li.list1 span.img2		{ width:500px; right:51px;}
	.timeline ul li.list1 span.img3		{ width:100px; left:100px; top:0;}
	.timeline ul li						{ padding:0 0 0 220px;}
	.timeline ul li.list1				{ padding:25px 0 0 220px;}
	.timeline ul li div.year			{ font-size:12px; line-height:16px;}
	.timeline ul li div.year small		{ font-size:12px; line-height:16px;}
	.timeline ul li.list1 div.year.desc1 {
    left: 53px;
    text-align: right;
    top: 98px;
    width: 145px;
}
	.timeline ul li.list1 cite			{ left:280px;}
	.timeline ul li.list1 h1, .timeline ul li.list2 h1, .timeline ul li.list3 h1, .timeline ul li.list4 h1, .timeline ul li.list5 h1, .timeline ul li.list6 h1, .timeline ul li.list7 h1,.timeline ul li.list8 h1, .timeline ul li.list9 h1			{ left:280px;}
	.timeline ul li.list9				{ padding:0 0 32px 220px;}
	
.timeline ul li.list1 div.year.desc2 {
    right: 93px;
    top: 77px;
    width: 108px;
}
.timeline ul li.list1 span.img4 {
    right: 272px;
    top: 60px;
    width: 80px;
}
.timeline ul li.list2 span.img3 {
    left: 170px;
    top: -14px;
    width: 100px;
}
.timeline ul li.list2 span.img1		{ width:180px;}
.timeline ul li.list2 span.img4 {
    left: 205px;
    top: 142px;
    width: 120px;
}
.timeline ul li.list2 div.year.desc1 {
    left: 88px;
    text-align: right;
    top: 202px;
    width: 110px;
}
.timeline ul li.list2 span.img5 {
    left: 415px;
    top: 145px;
    width: 100px;
}
.timeline ul li.list2 span.img2 {
    right: 101px;
    top: 257px;
    width: 450px;
}
.timeline ul li.list2 cite {
    bottom: 0;
    left: 307px;
    width: 150px;
}
.timeline ul li.list2 div.year.desc2 {
    bottom: 61px;
    right: 65px;
    width: 141px;
}

.timeline ul li.list3 span.img4 {
    left: 86px;
    top: -43px;
    width: 120px;
}
.timeline ul li.list3 span.img1	{ left:93px;}
.timeline ul li.list3 span.img5 {
    right: 55px;
    top: 30px;
    width: 150px;
}
.timeline ul li.list3 span.img9 {
    bottom: 72px;
    left: 88px;
    width: 120px;
}
.timeline ul li.list3 span.img2	{ width:425px;}
.timeline ul li.list3 span.img8	{ left:260px;}
.timeline ul li.list3 div.year.desc2	{ width:130px;}

.timeline ul li.list3 span.img7 {
    bottom: 9px;
    right: 226px;
    width: 200px;
}

.timeline ul li.list3 span.img6 {
    bottom: -10px;
    right: 80px;
    width: 120px;
}
.timeline ul li.list3 span.img3 { left:45px;}
.timeline ul li.list3 div.year.desc1 {
    left: 75px;
    text-align: right;
    top: 54px;
    width: 129px;
}

.timeline ul li.list3 div.year.desc3 {
    bottom: -24px;
    left: 65px;
    text-align: right;
    width: 141px;
}
.timeline ul li.list4 span.img1	{ width:200px;}
.timeline ul li.list4 div.year.desc1 {
    left: 22px;
    text-align: right;
    top: 117px;
    width: 185px;
}
.timeline ul li.list4 cite	{ left:275px;}
.timeline ul li.list4 span.img6	{ width:140px;}
.timeline ul li.list4 span.img5	{ width:130px;}

.timeline ul li.list4 span.img3 {
    bottom: 94px;
    left: 93px;
    width: 120px;
}

.timeline ul li.list4 span.img4 {
    bottom: 0;
    left: 272px;
    width: 150px;
}

.timeline ul li.list4 span.img2 {
    bottom: 85px;
    right: 51px;
    width: 500px;
}

.timeline ul li.list4 div.year.desc2 {
    bottom: 17px;
    right: 21px;
    width: 179px;
}
.timeline ul li.list5 span.img3 {
    left: 81px;
    top: 12px;
    width: 130px;
}

.timeline ul li.list5 span.img1 {
    left: 18px;
    top: 131px;
}
.timeline ul li.list5 div.year.desc1 {
    left: -4px;
    text-align: right;
    top: 161px;
    width: 212px;
}

.timeline ul li.list5 span.img4 {
    bottom: 15px;
    left: 82px;
    width: 130px;
}

.timeline ul li.list5 span.img5 {
    bottom: 73px;
    left: 205px;
    width: 130px;
}
.timeline ul li.list5 cite	{ left:275px;}
.timeline ul li.list5 span.img6		{ width:130px;}

.timeline ul li.list5 span.img7 {
    right: 94px;
    top: 65px;
    width: 150px;
}
.timeline ul li.list5 span.img2 {
    bottom: 43px;
    right: 101px;
    width: 450px;
}
.timeline ul li.list5 div.year.desc2 {
    bottom: 4px;
    right: 47px;
    width: 153px;
}

.timeline ul li.list6 span.img1 {
    left: 74px;
    top: 71px;
}
.timeline ul li.list6 div.year.desc1 {
    left: 95px;
    top: 52px;
    width: 127px;
}
.timeline ul li.list6 span.img9	{ width:200px;}
.timeline ul li.list6 span.img4	{ width:130px; left:63px;}
.timeline ul li.list6 span.img5	{ left:266px;}

.timeline ul li.list6 span.img7 {
    right: 83px;
    top: 42px;
    width: 120px;
}
.timeline ul li.list6 span.img6	{ width:50px;}
.timeline ul li.list6 span.img2	{ right:53px;}
.timeline ul li.list6 div.year.desc2	{ width:150px;}
.timeline ul li.list6 div.year.desc3 {
    bottom: 62px;
    left: 2px;
    text-align: right;
    width: 207px;
}
.timeline ul li.list6 span.img3	{ right:127px;}
.timeline ul li.list7 span.img1	{ left:16px;}
.timeline ul li.list7 span.img3 {
    left: 79px;
    top: 32px;
    width: 130px;
}
.timeline ul li.list7 div.year.desc2 {
    left: 23px;
    text-align: right;
    top: 188px;
    width: 185px;
}

.timeline ul li.list7 div.year.desc1 {
    right: 50px;
    top: 9px;
    width: 150px;
}
.timeline ul li.list7 cite	{ left:275px;}

.timeline ul li.list7 span.img4 {
    bottom: 27px;
    left: 66px;
    width: 140px;
}

.timeline ul li.list7 span.img5 {
    bottom: 23px;
    left: 215px;
    width: 140px;
}
.timeline ul li.list7 span.img6	{ width:120px;}
.timeline ul li.list7 span.img7 {
    bottom: 109px;
    right: 92px;
    width: 110px;
}
.timeline ul li.list7 div.year.desc3 {
    bottom: 42px;
    right: 50px;
    width: 150px;
}
.timeline ul li.list7 span.img2	{ right:85px;}
.timeline ul li.list8 span.img3 {
    left: 89px;
    top: 50px;
    width: 120px;
}
.timeline ul li.list8 span.img1	{ right:7px;}
.timeline ul li.list8 div.year.desc1 {
    right: 14px;
    top: 77px;
    width: 190px;
}
.timeline ul li.list8 span.img5	{ left:210px;}
.timeline ul li.list8 span.img2	{ left:44px;}
.timeline ul li.list8 span.img4	{ left:90px;}

.timeline ul li.list8 span.img6 {
    bottom: 0;
    left: 347px;
    width: 400px;
}
.timeline ul li.list9 span.img1	{ left:46px;}
.timeline ul li.list9 div.year.desc1 {
    left: 66px;
    text-align: right;
    top: 22px;
    width: 140px;
}
.timeline ul li.list9 span.img4 {
    left: 70px;
    top: 80px;
    width: 220px;
}
.timeline ul li.list9 span.img6 {
    right: 61px;
    top: -18px;
    width: 140px;
}
.timeline ul li.list9 cite	{ left:275px;}
.timeline ul li.list9 span.img2 {
    right: 151px;
    top: 164px;
    width: 400px;
}
.timeline ul li.list9 span.img3 {
    bottom: 15px;
    right: 151px;
    width: 400px;
}

.timeline ul li.list9 div.year.desc2 {
    bottom: 146px;
    right: 6px;
    width: 200px;
}
.timeline ul li.list9 div.year.desc3 {
    bottom: 4px;
    right: 213px;
}

.timeline ul li.list9 span.img5 {
    right: 264px;
    top: 128px;
    width: 180px;
}
.timeline ul li.list2 span.img6	{ width:220px;}
.top_section iframe			{ width:50%; height:200px; left:25%; margin:0;}

}

@media only screen and (max-width: 800px) {

	#nav ul li 			{ margin:0 20px 0 0;}
	#nav ul li a			{ font-size:12px;}
	#nav ul li.list1	{ margin:0 140px 0 0;}
	
	.timeline ul li.list1 span.img2		{ width:468px;}
	.timeline ul li.list1 div.year.desc2	{ right:60px;}
	.timeline ul li.list2 span.img2		{ width:418px;}
	.timeline ul li.list3 span.img2		{ width:393px;}
	.timeline ul li.list4 span.img2		{ width:468px;}
	.timeline ul li.list4 div.year.desc2	{ right:0; width:170px;}
	.timeline ul li.list5 span.img2		{ width:418px;}
	.timeline ul li.list5 div.year.desc2	{ right:20px;}
	.timeline ul li.list6 span.img2		{ width:466px;}
	.timeline ul li.list6 div.year.desc2	{ right:20px;}
	.timeline ul li.list6 span.img3		{ right:95px;}
	.timeline ul li.list7 div.year.desc1	{ right:20px;}
	.timeline ul li.list7 div.year.desc3	{ right:32px; width:140px;}
	.timeline ul li.list7 span.img2		{ right:55px;}
	.timeline ul li.list8 span.img1		{ width:512px;}
	.timeline ul li.list8 div.year.desc1	{ width:160px;}
	.timeline ul li.list9 span.img6		{ right:30px;}
	.timeline ul li.list9 span.img2		{ right:119px;}
	.timeline ul li.list9 div.year.desc2	{ width:155px; bottom:132px;}
	.timeline ul li.list9 span.img3		{ right:115px; width:233px;}
	.timeline ul li.list2 span.img3		{ left:100px;}
	.timeline_page span					{  margin:0 100px 20px 35%;}
	.timeline_page p					{ margin:0 70px 30px 35%;}
	.timeline							{ width:768px;}
}
@media only screen and (max-width: 760px) {
	.book								{ min-width:500px; min-height:400px;}	
	#nav ul								{  position:absolute; background:#000; width:200px; right:0; top:96px; padding:10px 0; display:none;}
	#nav ul li							{ float:none; display:block; width:80%; padding:0 10%; margin:0;}
	#nav ul li a						{ line-height:20px; margin:0 0 5px 0; font-size:14px;}
	
	.mob								{ display:block;}
	.index h2, .gallery h2, .timeline_page h2	{ margin:0 54px 8px 0;}
	.index h1, .gallery h1, .timeline_page h1	{ font-size:29px; margin:0 42px 30px 0; line-height:29px;}
	.desc h3							{ font-size:19px; line-height:24px; margin:0 0 20px 0;}
	.index h1, .gallery h1, .timeline_page h1	{ margin:0 42px 10px 0;}
	.mid_section p						{ margin:0 0 30px 0;}
	.mid_section a, .bottom_section a	{ font-size:10px; padding:0 30px 0 10px;}
	.mid_section a 						{ background: url("../images/pink_arrow.png") no-repeat scroll 85px center #FFFFFF; }
	.bottom_section .left a 			{ background: url("../images/blue_arrow.png") no-repeat scroll 130px center #FFFFFF; }
	.bottom_section .right a     		{ background: url("../images/pink_arrow.png") no-repeat scroll 255px center #FFFFFF; }
	.social								{ float:none; clear:both; margin:20px auto 20px auto; text-align:center;}
	.social ul							{ text-align:center; float:none;}
	.social ul li						{ float:none; display:inline-block;}
	.footer_nav							{ margin:0 0 20px 0;}
	.desc p								{ padding:0 20px; text-align:center;}
	.index h1, .gallery h1, .timeline_page h1	{ margin:0 42px 50px 0;}
	.gallery span, .timeline_page span						{ display:block; float:none; text-align:center; margin:0 0 15px 0; width:auto;}
	.gallery p, .timeline_page p						{ display:block; float:none; text-align:center; margin:0 0 15px 0; width:auto; padding:0 20px;}
	.timeline							{ background:url(../images/top_circle_small.png) no-repeat 200px top; padding:37px 0 0 0; width:600px;}
	.timeline ul li						{ background:url(../images/ul_bg_small.png) repeat-y 211px top;}
	.timeline ul						{ background:url(../images/circle_bottom_small.png) no-repeat left 200px bottom; padding:0 0 37px 0;}
	.timeline ul li.list1 .bg, .timeline ul li.list2 .bg, .timeline ul li.list3 .bg, .timeline ul li.list4 .bg, .timeline ul li.list5 .bg, .timeline ul li.list6 .bg, .timeline ul li.list7 .bg, .timeline ul li.list8 .bg, .timeline ul li.list9 .bg			{ margin:0 0 0 6px; width:200px; min-height:250px;}
	.timeline ul li.list1 span.img2		{ width:323px;}
	.timeline ul li.list1 span.img4		{ right:295px;}
	.timeline ul li.list1 span.img1		{ left:20px;}
	.timeline ul li.list1 h1, .timeline ul li.list2 h1, .timeline ul li.list3 h1, .timeline ul li.list4 h1, .timeline ul li.list5 h1, .timeline ul li.list6 h1, .timeline ul li.list7 h1, .timeline ul li.list8 h1, .timeline ul li.list9 h1	{ left:320px; font-size:40px; line-height:40px;}
	.timeline ul li.list2 span.img3		{ top:-66px;}
	.timeline ul li.list2 span.img1 {
    left: 44px;
    top: 102px;
}

.timeline ul li.list2 span.img6 {
    right: 20px;
    top: -94px;
    width: 150px;
}
.timeline ul li.list2 span.img4			{ top:56px;}
.timeline ul li.list2 span.img2			{ width:304px; top:123px; right:70px;}
.timeline ul li.list2 cite				{ bottom:16px; left:258px;}
.timeline ul li.list2 div.year.desc2	{ bottom:132px; right:24px;}
.timeline ul li.list2 div.year.desc1	{ top:135px;}
.timeline ul li.list3 span.img4			{ top:72px;}
.timeline ul li.list3 div.year.desc1	{ top:22px;}
.timeline ul li.list2 span.img5			{ display:none;}
.timeline ul li.list3 span.img5			{ right:16px; top:-36px;}

.timeline ul li.list3 span.img2 {
    right: 77px;
    top: 128px;
    width: 298px;
}
.timeline ul li.list3 span.img3		{ left:28px;}
.timeline ul li.list3 div.year.desc2{ right:29px; top:137px;}
.timeline ul li.list3 span.img6		{ right:45px;}
.timeline ul li.list4 span.img3		{ display:none;}
.timeline ul li.list4 span.img1 {
    left: 22px;
    top: 42px;
}
.timeline ul li.list4 div.year.desc1 {
    left: 11px;
    text-align: right;
    top: 90px;
    width: 188px;
}
.timeline ul li.list4 span.img5	{ display:none;}
.timeline ul li.list4 span.img6 {
    right: 20px;
    top: 21px;
    z-index: 1;
}
.timeline ul li.list4 span.img2 {
    right: 74px;
    width: 300px;
}
.timeline ul li.list4 span.img4{ display:none;}
.timeline ul li.list4 cite {
    left: 246px;
}
.timeline ul li.list5 span.img3 {
    left: 58px;
    top: -64px;
    width: 130px;
}
.timeline ul li.list5 span.img4, .timeline ul li.list5 span.img6{ display:none;}

.timeline ul li.list5 span.img5 {
    bottom: 94px;
    left: 140px;
    width: 130px;
}

.timeline ul li.list5 span.img7 {
    right: 20px;
    top: -10px;
    width: 150px;
}
.timeline ul li.list6 span.img2 {
    right: 77px;
    width: 297px;
}
.timeline ul li.list5 span.img2, .timeline ul li.list6 span.img5, .timeline ul li.list6 span.img8, .timeline ul li.list7 span.img6, .timeline ul li.list6 span.img4	{ display:none;}
.timeline ul li.list6 div.year.desc1		{ left:77px;}
.timeline ul li.list6 span.img9				{ left:23px;}

.timeline ul li.list6 span.img3 {
    right: 121px;
    width: 253px;
}
.timeline ul li.list7 span.img7	, .timeline ul li.list7 span.img5, .timeline ul li.list7 span.img1, .timeline ul li.list8 span.img4	, .timeline ul li.list8 span.img1, .timeline ul li.list9 span.img2, .timeline ul li.list9 span.img5		{ display:none;}
.timeline ul li.list7 div.year.desc2		{ top:288px;}
.timeline ul li.list7 span.img2 {
    right: 90px;
    width: 284px;
}
.timeline ul li.list9 span.img4 {
    left: 60px;
    top: 38px;
    width: 220px;
}
.timeline ul li.list9 div.year.desc3 {
    bottom: -14px;
    right: 74px;
}
.timeline ul li.list9 div.year.desc2	{ bottom:69px;}
.timeline ul li.list8 span.img6 {
    bottom: 0;
    left: 271px;
    width: 300px;
}
.timeline ul li.list9 span.img1		{ left:26px;}
.timeline ul li.list8 span.img3				{ top:92px;}
.timeline ul li.list6 span.img1				{ left:64px;}
.timeline ul li.list6 span.img7				{ right:40px; top:20px;}
.timeline ul li.list3 span.img1, .timeline ul li.list3 span.img7			{ display:none;}
.top_section iframe							{ top:100px;}
}
@media only screen and (max-width: 600px) {
	.book								{ min-width:400px; min-height:300px;}	
	.index h2, .gallery h2, .timeline_page h2	{ font-size:15px; margin:0 30px 8px 0;}
	.index h1, .gallery h1, .timeline_page h1	{ margin:0 30px 10px 0; font-size:22px; line-height:22px;}
	.top_section img					{ margin:0 0 0 -2.5%;}
	.mid_section a, .bottom_section a	{ font-size:8px; padding:0 10px;}
	.footer_logo						{ margin:0 20px 0 0;}
	.footer_nav ul li					{ width:150px;}
	.footer_nav 						{ width:300px;}
	.footer_nav ul li a					{ font-size:12px;}
	#logo								{ left:0;}
	#grid 							{ margin:0; padding:0 0 20px 0;}
	#grid  li							{ width:44%; margin:0 2.5% 15px 2.5%;}
	
	.timeline							{ background:url(../images/top_circle_small.png) no-repeat 100px top; padding:37px 0 0 0; width:480px;}
	.timeline ul li						{ background:url(../images/ul_bg_small.png) repeat-y 111px top; padding:0 0 0 120px !important;}
	.timeline ul						{ background:url(../images/circle_bottom_small.png) no-repeat left 100px bottom; padding:0 0 37px 0;}
	.timeline ul li.list1 span.img1 	{ display:none;}
	
.timeline ul li.list1 span.img3 {
    left: 21px;
    top: 14px;
    width: 80px;
}
.timeline ul li.list1 div.year.desc1	{ width:100px; left:0;}
.timeline ul li.list1 span.img2			{ width:200px; right:71px;}
.timeline ul li.list1 span.img5			{ width:80px; right:80px;}
.timeline ul li.list1 span.img4			{ right:221px;}
.timeline ul li.list1 cite				{ left:165px; top:10px;}
.timeline ul li.list1 div.year.desc2	{ right:30px;}
.timeline ul li.list1 h1, .timeline ul li.list2 h1, .timeline ul li.list3 h1, .timeline ul li.list4 h1, .timeline ul li.list5 h1, .timeline ul li.list6 h1, .timeline ul li.list7 h1, .timeline ul li.list8 h1, .timeline ul li.list9 h1 { left:212px; font-size:40px; bottom:-8px;}
.timeline ul li.list2 span.img3 {
    left: 20px;
    top: -50px;
    width: 80px;
}
.timeline ul li.list2 span.img1			{ width:94px; top:88px;}
.timeline ul li.list2 div.year.desc1 {
    left: 20px;
    text-align: right;
    top: 100px;
    width: 80px;
}
.timeline ul li.list2 span.img4 {
    left: 147px;
    top: 70px;
    width: 120px;
}
.timeline ul li.list2 span.img2	{ display:none;}

.timeline ul li.list2 span.img5 {
    left: 300px;
    top: -52px;
    width: 100px;
}
.timeline ul li.list2 div.year.desc2 {
    bottom: 50px;
    right: 5px;
    width: 141px;
}
.timeline ul li.list2 cite {
    bottom: 0;
    left: 140px;
    width: 209px;
}
.timeline ul li.list2 span.img2	{ display:none;}
.timeline ul li.list3 span.img4 {
    left: 5px;
    top: -69px;
    width: 100px;
}
.timeline ul li.list3 div.year.desc1 {
    left: -46px;
    text-align: right;
    top: 19px;
    width: 127px;
}
.timeline ul li.list3 span.img5 {
    right: 35px;
    top: -20px;
    width: 100px;
}
.timeline ul li.list3 span.img9 {
    bottom: 87px;
    left: 21px;
    width: 80px;
}
.timeline ul li.list3 span.img7	{ display:none;}
.timeline ul li.list3 span.img1	{ display:none;}
.timeline ul li.list3 span.img2	{ display:none;}
.timeline ul li.list3 span.img6 {
    bottom: 79px;
    right: 20px;
    width: 120px;
}
.timeline ul li.list3 div.year.desc2 {
    right: 0;
    top: 180px;
    width: 130px;
}
.timeline ul li.list3 span.img8 {
    left: 152px;
    top: 20px;
    width: 50px;
}
.timeline ul li.list3 span.img3	{ display:none;}

.timeline ul li.list3 div.year.desc3 {
    bottom: 34px;
    left: -22px;
    text-align: right;
    width: 122px;
}
.timeline ul li.list4 span.img6 {
    right: 40px;
    top: 0;
    width: 100px;
}

.timeline ul li.list4 span.img3 {
    bottom: 182px;
    left: 5px;
    width: 100px;
}
.timeline ul li.list4 span.img1	{ display:none;}
.timeline ul li.list4 div.year.desc1	{ width:74px;}
.timeline ul li.list4 span.img2	{ display:none;}
.timeline ul li.list4 span.img5 {
    right: 250px;
    width: 100px;
}		
.timeline ul li.list4 span.img4 {
    bottom: 0;
    left: 215px;
    width: 100px;
}

.timeline ul li.list4 div.year.desc2 {
    bottom: 90px;
    right: 13px;
    width: 119px;
}
.timeline ul li.list4 cite	{ display:none;}
.timeline ul li.list4 span.img5, .timeline ul li.list4 span.img6, .timeline ul li.list4 span.img4	{ display:block;}
.timeline ul li.list5 span.img3 {
    left: 6px;
    top: -35px;
    width: 100px;
}
.timeline ul li.list5 span.img5 {
    bottom: 94px;
    left: 38px;
    width: 100px;
}
.timeline ul li.list5 span.img1	{ display:none;}
.timeline ul li.list5 div.year.desc1	{ width:99px;}
.timeline ul li.list5 span.img7 {
    right: 56px;
    top: 25px;
}

.timeline ul li.list5 div.year.desc2 {
    right: 0;
    width: 140px;
}

.timeline ul li.list5 cite {
    left: 141px;
    top: 60px;
}
.timeline ul li.list6 span.img4	{ display:block;}
.timeline ul li.list6 span.img1 {
    left: 12px;
    width: 100px;
}
.timeline ul li.list6 div.year.desc1 {
    left: 42px;
    top: 37px;
    width: 100px;
}
.timeline ul li.list6 span.img4 {
    display: block;
    left: 10px;
    top: 100px;
    width: 100px;
}
.timeline ul li.list6 span.img2, .timeline ul li.list6 span.img9, .timeline ul li.list6 span.img3	{ display:none;}
.timeline ul li.list6 div.year.desc3 {
    bottom: 0;
    left: 2px;
    text-align: right;
    width: 100px;
}
.timeline ul li.list6 div.year.desc2 {
    right: 1px;
    top: 120px;
}
.timeline ul li.list7 span.img3 {
    left: 10px;
    top: 32px;
    width: 100px;
}
.timeline ul li.list7 span.img5, .timeline ul li.list7 span.img7	{ display:block;}

.timeline ul li.list7 span.img4 {
    bottom: 65px;
    left: 10px;
    width: 100px;
}
.timeline ul li.list7 div.year.desc2 {
    left: 0;
    top: 202px;
    width: 100px;
}
.timeline ul li.list7 cite {
    left: 130px;
    top: 60px;
}
.timeline ul li.list7 span.img7	{ width:100px; right:40px;}
.timeline ul li.list7 div.year.desc1 {
    right: 30px;
    top: -60px;
    width: 100px;
}
.timeline ul li.list7 span.img2	{ right:70px;}
.timeline ul li.list7 span.img5 {
    bottom: -6px;
    left: 166px;
    width: 140px;
}
.timeline ul li.list7 div.year.desc3 {
    bottom: 35px;
    right: 32px;
    width: 100px;
}
.timeline ul li.list8 span.img3 {
    left: 10px;
    top: 40px;
    width: 90px;
}

.timeline ul li.list8 span.img2 {
    left: 20px;
    width: 100px;
}

.timeline ul li.list8 div.year.desc2 {
    left: 10px;
    top: 194px;
    width: 100px;
}
.timeline ul li.list8 span.img5 {
    left: 103px;
    top: 140px;
}
.timeline ul li.list8 div.year.desc1 {
    right: 35px;
    top: 0;
    width: 100px;
}

.timeline ul li.list8 span.img6 {
    bottom: 0;
    left: 200px;
    width: 250px;
}
.timeline ul li.list9 div.year.desc1 {
    left: 0;
    text-align: right;
    top: 22px;
    width: 100px;
}
.timeline ul li.list9 span.img4 {
    left: 10px;
    top: 57px;
    width: 180px;
}
.timeline ul li.list9 span.img3, .timeline ul li.list9 span.img1	{ display:none;}
.timeline ul li.list9 cite {
    left: 150px;
}
.timeline ul li.list9 div.year.desc2 {
    bottom: 49px;
    width: 140px;
}

.timeline ul li.list9 div.year.desc3 {
    bottom: -24px;
    right: 54px;
}
.gallery span, .timeline_page span	{ font-size:50px; line-height:52px;}
.top_section iframe					{ top:50px;}	
	
}


@media only screen and (max-width: 479px) {
	.book								{ max-width:250px !important; min-height:150px; min-width:200px !important;}	
	.timeline							{ width:320px;}
	.top_section iframe					{ height:150px;}
	.top_section img					{ min-height:250px;}
	.desc h3							{ font-size:12px; line-height:16px;}
	.mid_section p						{ font-size:12px; line-height:14px;}
	.mid_section .content				{ top:30px;}
	.bottom_section .left, .bottom_section .right	{ float:none; width:100%;}
	.footer_nav							{ clear:left;}
	.footer_logo						{ float:none; width:100%; margin:0 0 20px 0; text-align:center;}
	.timeline ul li.list1 .bg, .timeline ul li.list2 .bg, .timeline ul li.list3 .bg, .timeline ul li.list4 .bg, .timeline ul li.list5 .bg, .timeline ul li.list6 .bg, .timeline ul li.list7 .bg, .timeline ul li.list8 .bg, .timeline ul li.list9 .bg	{ width:130px;}
	.timeline ul li.list1 span.img4		{ display:none;}
	
.timeline ul li.list1 h1, .timeline ul li.list2 h1, .timeline ul li.list3 h1, .timeline ul li.list4 h1, .timeline ul li.list5 h1, .timeline ul li.list6 h1, .timeline ul li.list7 h1, .timeline ul li.list8 h1, .timeline ul li.list9 h1 {
    bottom: 15px;
    font-size: 40px;
    left: 150px;
}
.timeline ul li.list1 cite {
    left: 140px;
    top: 10px;
    width: 100px;
}
.timeline ul li.list1 span.img5 {
    right: 8px;
    width: 80px;
	top:84px;
}
.timeline ul li div.year small	{ color:#000 !important;}
.timeline ul li.list1 div.year.desc2	{ top:162px;}
.timeline ul li.list1 span.img2			{ display:none;}
.timeline ul li.list2 span.img1			{ left:29px;}
.timeline ul li.list2 span.img4 {
    left: 200px;
    top: 57px;
    width: 100px;
}
.timeline ul li.list2 div.year.desc2 {
    bottom: 101px;
    right: 106px;
    width: 80px;
}
.timeline ul li.list2 cite {
    bottom: 19px;
    left: 140px;
    width: 109px;
}
.timeline ul li.list3 span.img5	{ right:100px;}
.timeline ul li.list3 span.img6	{ width:80px;}
.timeline ul li.list3 span.img8 {
    left: 131px;
    top: 56px;
    width: 50px;
}
.timeline ul li.list3 span.img5	{ width:100px;}
.timeline ul li.list4 span.img5 {
    right: 201px;
    top: -20px;
    width: 100px;
}
.timeline ul li.list4 span.img6 {
    right: 10px;
    top: -30px;
    width: 80px;
}
.timeline ul li.list4 div.year.desc2	{ right:57px;}
.timeline ul li.list5 span.img7			{ right:10px;}
.timeline ul li.list6 span.img7 {
    right: 10px;
    top: 20px;
    width: 100px;
}
.timeline ul li.list6 span.img6 {
    right: 150px;
    top: 50px;
}
.timeline ul li.list7 span.img2, .timeline ul li.list7 span.img7, .timeline ul li.list7 div.year.desc3	{ display:none;}
.timeline ul li.list8 div.year.desc1	{ top:60px; right:70px;}

.timeline ul li.list8 span.img6 {
    bottom: 0;
    left: 150px;
    width: 155px;
}
.timeline ul li.list9 span.img4	{ width:150px;}
.timeline ul li.list9 span.img6 {
    right: 0;
    top: 20px;
    width: 71px;
}
.timeline ul li.list9 div.year.desc3	{ width:100px;}
.timeline ul li.list2 span.img6			{ display:none;}
	
}