@charset "UTF-8";
/* CSS Document */

#MBDBoutside{
	width:100%;
	margin:0 auto;
	position:relative;
	height:auto;
	background:#225173;
	background-image:url(loading.gif);
	background-repeat:no-repeat;
	background-size:100px auto;
	background-position:center 60%;
}

#MBDBcontent{
	width:100%;
	height:0;
	padding-top:116px;
	margin:0 auto 0 auto;
	background-size:105% auto;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
	opacity:0;
}

#MBDBbookL{
	display:block;
	position:absolute;
	width:23%;
	height:58%;
	top:25%;
	left:26%;
	z-index:624;
}

#MBDBTitle{
	width:100%;
	height:2em;
	font-size:2.75em;
	font-family:"Montreal", sans-serif;
	font-weight:700;
	font-style:italic;
	text-shadow:2px 2px 8px rgba(0,0,0,1);
	-moz-text-shadow:2px 2px 8px rgba(0,0,0,1);
	-webkit-text-shadow:2px 2px 8px rgba(0,0,0,1);
	letter-spacing:.08em;
	text-align:right;
	color:#fff;
	text-transform:uppercase;
	position:relative;
	right:4%;
	top:63%;
}

#MBDBTitle div{
	position:absolute;
	width:12em;
	height:50%;
	top:25%;
	right:0;
	background:rgba(0,0,0,.9);
	z-index:245;
	filter:blur(24px);
	-moz-filter:blur(24px);
	-webkit-filter:blur(24px);
}

#MBDBTitle p{
	position:relative;
	z-index:248;
}

#MBDBShadow{
	position:absolute;
	clear:both;
	bottom:0;
	left:0;
	width:100%;
	height:12px;
	opacity:.4;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 )"; /* IE6-9 */
}

#MBDBSecs{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	display:block;
}

.MBDBsection{
	float:left;
	width:25%;
	min-width:3em;
	height:100%;
	margin:0 0 0 0;
	padding:0;
	position:relative;
}

.MBDBsection a{
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
}

.MBDBtitleBack{
	background:#225173;
	width:100%;
	height:100%;
	position:absolute;
}

.MBDBtitle{
	color:#f1f3fa;
	width:100%;
	height:auto;
	font-family:"Montreal", sans-serif;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:.1em;
	font-size:1.2vw;
	line-height:0;
	margin:0 auto 0 auto;
	padding:.7vw 0 .8vw 0;
	display:inline-block;
	text-align:center;
	background:#225173;
	position:absolute;
	bottom:0;
	left:0;
}

.MBDBtext{
	display:inline-block;
	width:94%;
	bottom:0;
	padding:1.42vw 0;
	white-space:nowrap;
	background:rgba(255,255,255,0.1);
	
	border-radius:1.5em;
	-moz-border-radius:1.5em;
	-webkit-border-radius:1.5em;
}

@media all and (max-width: 1300px){
	.MBDBtitle{
		font-size:1.45em;
		padding:1.4vw 0 1.5vw 0;
	}
	
	.MBDBtext{
		padding:2vw 0 2.1vw 0;
	}
}

@media all and (max-width: 800px){
	#MBDBTitle{
		font-size:2.85em;
		line-height:1.1;
	}
	.MBDBtitle{
		font-size:2.5vw;
		padding:1.2em 0 1.3em 0;
	}
	#MBDBTitle div{ top:0; }
	.MBDBtext{ padding:2.52vw 0 2.55vw 0; }
}

@media all and (max-width:600px){
	#MBDBcontent{
		padding-top:0;
	}
	#MBDBTitle{
		top:12%;
		font-size:7.5vw;
		margin:0;
	}
	#MBDBTitle div{
		display:none;
	}
	#MBDBSecs{
		height:1.5vw;
	}
	.MBDBtitle{
		padding:1.5vw 0 2.25vw;
	}
}