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



body, html { 
		height: 100%;
		background: #585858;
		background-image: url("slide0.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}

preload {
	background: url("slideA.jpg"), url("slideB.jpg"), url("slideC.jpg"), url("slideD.jpg"), url("slideE.jpg"), url("slideF.jpg"), url("slideG.jpg"), url("slideH.jpg"), url("slideI.jpg"), url("slideJ.jpg"), url("slideK.jpg"), url("slideL.jpg"), url("slideM.jpg");
	background-size: 0 0;
}

	#b12 { 
		height: 100%;
		background-image: url("slideA.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}
	#b1 { 
		height: 100%;
		background-image: url("slideB.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}
	#b2 { 
		height: 100%;
		background-image: url("slideC.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}
	#b3 { 
		height: 100%;
		background-image: url("slideM.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}
	#b4 { 
		height: 100%;
		background-image: url("slideF.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}
	#b5 { 
		height: 100%;
		background-image: url("slideG.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}
	#b6 { 
		height: 100%;
		background-image: url("slideH.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}
	#b7 { 
		height: 100%;
		background-image: url("slideI.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}
	#b8 { 
		height: 100%;
		background-image: url("slideJ.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
		
}	

	#b9 { 
		height: 100%;
		background-image: url("slideK.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}
	
	#b10 { 
		height: 100%;
		background-image: url("slideL.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}

	#b11 { 
		height: 100%;
		background-image: url("slideD.jpg"); 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto;
}

middlecontent {
	position: absolute;
    top: 33%;
    left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

feet {
	position: fixed;
	text-align: center;
	left: 0;
	right: 0;
	width:100%;
	height: 45px;
	bottom: 10px;
}

.ft {
	font-family: 'Open Sans', sans-serif;
	font-style: thin; 
	font-size: 10px;
	letter-spacing: 1.5px;
	color: #FFFFFF;
	opacity: .5;
}

a.imgopacity img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
	transistion: all .3s ease-in-out;
	-webkit-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -moz-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -ms-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -o-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
	
}

a.imgopacity:hover img {
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	-khtml-opacity: 0.2; 
	transform: scale(1.2);
	-webkit-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -moz-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -ms-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -o-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
	
}

td {
	padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
}

a.name {
	font-family: 'Josefin Sans', sans-serif;
	font-style: bold; 
	font-size: 30px;
	letter-spacing: 2px;
	color: #FFFFFF;
	align-content: center;
	 -webkit-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -moz-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -ms-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -o-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
}

.filter-drop-shadow {
  -webkit-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -moz-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -ms-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  -o-filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
  filter: drop-shadow(3px 7px 7px rgba(0,0,0,.35));
}

@-webkit-keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}