/* Annual Report 2012 */
.ipad {  
	width: 100%;
	min-width:961px;
}



.controls{
	width: 100%;
	min-width:961px;
	height: 50px;
	background:#1f3745;
	clear: both;
	overflow: visible;
}
.nav_box{
	width: 960px;
	height: 50px;
	margin-left: auto;  
	margin-right: auto;  
}
.arlogo{
	width: 248px;
	height: 13px;
	margin: 20px 0px 0px 0px;
	float: left;
	clear: none;
	background:url(title_Annual-Report-2014.png) no-repeat;
}
.buttons{
	float: right;
	width: 260px;
	height: 50px;
	clear: none;
}
.daybyday_active{
	width: 149px;
	height: 33px;
	margin: 10px 0px 0px 0px;
	float: left;
	clear: none;
	background: url(active_day-by-day.png) no-repeat;
}
.summary_inactive{
	width: 91px;
	height: 18px;
	margin: 20px 0px 0px 0px;
	float: right;
	clear: none;
}
.summary_active{
	width: 132px;
	height: 33px;
	margin: 10px 0px 0px 0px;
	float: right;
	clear: none;
	background: url(active_summary.png) no-repeat;
}
.daybyday_inactive{
	width: 110px;
	height: 18px;
	margin: 20px 0px 0px 0px;
	float: left;
	clear: none;
}



.intro {  
	width: 100%;
	min-width:961px;
	height: 800px;
	background:#5d7b8b url(0_intro.jpg) no-repeat center top;
	clear: both;
	overflow: visible;
}
.explanation {  
	width: 100%;
	min-width:961px;
	height: 418px;
	background:#1f3745 url(0_explanatory.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.howto {  
	width: 100%;
	height: 689px;
	background:#f8f8f8 url(0_howto.jpg) no-repeat center top;
	clear: both;
	overflow: visible;
}
.jan {  
	width: 100%;
	height: 1544px;
	background:#ffffff url(1_Jan.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.feb {  
	width: 100%;
	height: 1558px;
	background:#ffffff url(2_Feb.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.mar {  
	width: 100%;
	height: 1786px;
	background:#ffffff url(3_Mar.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.apr {  
	width: 100%;
	height: 1551px;
	background:#ffffff url(4_Apr.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.may {  
	width: 100%;
	height: 1557px;
	background:#ffffff url(5_May.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.jun {  
	width: 100%;
	height: 1556px;
	background:#ffffff url(6_Jun.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.jul {  
	width: 100%;
	height: 1554px;
	background:#ffffff url(7_Jul.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.aug {  
	width: 100%;
	height: 1787px;
	background:#ffffff url(8_Aug.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.sep {  
	width: 100%;
	height: 1575px;
	background:#ffffff url(9_Sep.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.oct {  
	width: 100%;
	height: 1550px;
	background:#ffffff url(10_Oct.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.nov {  
	width: 100%;
	height: 1785px;
	background:#ffffff url(11_Nov.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.dec {  
	width: 100%;
	height: 1547px;
	background:#ffffff url(12_Dec.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.summary {  
	width: 100%;
	height: 689px;
	background:#f8f8f8 url(13_summary.png) no-repeat center top;
	clear: both;
	overflow: visible;
}






.harpoon {  
	width: 100%;
	min-width:961px;
	height: 933px;
	background:#e4e4e4 url(z_0.jpg) no-repeat center top;
	clear: both;
	overflow: visible;
}
.summary_explanation {  
	width: 100%;
	min-width:961px;
	height: 422px;
	background:#1f3745 url(z_00.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.running1 {  
	width: 100%;
	height: 715px;
	background:#5d7b8b url(z_1.jpg) no-repeat center top;
	clear: both;
	overflow: visible;
}
.running2 {  
	width: 100%;
	height: 948px;
	background:#ffffff url(z_2.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.running3 {  
	width: 100%;
	height: 788px;
	background:#ffffff url(z_3.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.running4 {  
	width: 100%;
	height: 1648px;
	background:#ffffff url(z_4.jpg) no-repeat center top;
	clear: both;
	overflow: visible;
}
.running5 {  
	width: 100%;
	height: 734px;
	background:#ffffff url(z_5.jpg) no-repeat center top;
	clear: both;
	overflow: visible;
}
.running6 {  
	width: 100%;
	height: 850px;
	background:#ffffff url(z_5b.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.travel0 {  
	width: 100%;
	height: 715px;
	background:#ffffff url(z_8.jpg) no-repeat center top;
	clear: both;
	overflow: visible;
}
.travel1 {  
	width: 100%;
	height: 1114px;
	background:#ffffff url(z_7.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.travel2 {  
	width: 100%;
	height: 1106px;
	background:#ffffff url(z_6.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.drinking1 {  
	width: 100%;
	height: 715px;
	background:#ffffff url(z_9.jpg) no-repeat center top;
	clear: both;
	overflow: visible;
}
.drinking2 {  
	width: 100%;
	height: 1540px;
	background:#ffffff url(z_10.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.food1 {  
	width: 100%;
	height: 1480px;
	background:#ffffff url(z_11.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.odds1 {  
	width: 100%;
	height: 715px;
	background:#000 url(z_12.jpg) no-repeat center top;
	clear: both;
	overflow: visible;
}
.entertainment1 {  
	width: 100%;
	height: 970px;
	background:#ffffff url(z_13.png) no-repeat center top;
	clear: both;
	overflow: visible;
}
.collage {  
	width: 100%;
	height: 1594px;
	background:#ffffff url(z_14.jpg) no-repeat center top;
	clear: both;
	overflow: visible;
}