.body{
	padding:6px;
	padding-bottom:10px;
	padding-bottom:10px;
	background-color:rgba(19,128,178,0.5);
	border-bottom: 1px solid #117FB2;
	border-top:#117FB2 solid 1px;
	margin-top:1px;
    box-shadow: 0 0 4px rgba(2, 2, 2, 0.2);
	margin-left:-3px;}
	.b_list{
		width:155px;
		height:112px;
		margin:7px;
		display:block;
		float:left;
		cursor:pointer;
		position:relative;
		}
	.b_list a{
		position:absolute;
		left:0; width:100%;
		top:0; height:100%;
		-moz-box-shadow:1px 1px 3px #0D597C;
		-webkit-box-shadow:1px 1px 3px #0D597C;
		box-shadow:1px 1px 3px #0D597C;
		background:#0D6C99;
		overflow:hidden;
		border:#0D6C99 solid 2px;
		transition: all 100ms linear;
	}
	.b_list a .tooltip{
		opacity:0;
		transition: all 300ms linear;
		background:url(../images/50.png) repeat top left;
		position:absolute;
		bottom:0; left:0;right:0;
		height:auto;
		padding:5px;
		font-weight:bold;
		font-size:18px;
		font-family:cursive;
		color:#FFFFFF;
		text-align:center;
	}
	.b_list img{
		width:100%;
		height:100%;}
	.b_list a:hover .tooltip{
		animation: moveFromBottom 500ms ease-out;
		opacity: 1;
	}
	@keyframes moveFromBottom {
		from {
			opacity: 0;
			transform: translateY(200%);
		}
		to {
			opacity: 1;
			transform: translateY(0%);
		}
	}
	/* Paging */	
	#nav_box{ height:35px; margin-top:10px; position:relative;} 
	
	.nav-dots {
		text-align: center;
		position: absolute;
		top: 2%;
		height: 30px;
		width: 100%;
		left: 0;
		z-index: 1000;
	}
	 
	.nav-dots span {
		display: inline-block;
		position: relative;
		width: 16px;
		height: 16px;
		margin:6px;
		border-radius: 50%;
		background: rgba(13,105,147,0.1);
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		box-shadow: 
			0 1px 1px rgba(18,147,206,0.4), 
			inset 0 1px 1px rgba(0,0,0,0.1),
			0 0 0 2px rgba(18,147,206,0.5);
		cursor: pointer;
		text-indent:-9999em;
	}
	 
	.nav-dots span.nav-dot-current:after {
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		top: 3px;
		left: 3px;
		border-radius: 50%;
		background: rgba(18,147,206,0.8);
	}	
	
	
	.nav-dots span.nav-dot-current,
	.nav-dots span:hover {
		box-shadow: 
			0 1px 1px rgba(18,147,206,0.4), 
			inset 0 1px 1px rgba(0,0,0,0.1),
			0 0 0 5px rgba(18,147,206,0.5);
	}	
	.shadow{
					position:absolute;
					left:0px;top:0px;right:0px;bottom:0px;
					box-shadow:0 0 8px #59C5F7 inset;
					-webkit-box-shadow:0 0 12px #59C5F7 inset;
					border-radius:0;
					-webkit-border-radius:1px;
					transition:all 300ms linear}
					.b_list a:hover .shadow{
						left:2px;top:2px;right:2px;bottom:2px;
						box-shadow:0 0 15px #0D577A inset;
						-webkit-box-shadow:0 0 20px #0D577A inset;}
						
.footerli, .footerli a {
    color: #fff;
    text-align: center;
}