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


/* SWAP IMAGE BIO PAGE */

#cf {
  position:relative;
  height:281px;
  width:450px;
  margin-left: 47%;	
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}



/* SWAP IMAGE INDEX PAGE */

#cfIN {
  	height:100%;
  	width:auto;
  	margin: 0px, auto;	
}

#cfIN img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cfIN img.top:hover {
  opacity:0;
}


/* SWAP IMAGE GALLERY PAGES */

#cfGAL {
	position: relative;
  	height: 850px;
  	width: auto;
	margin-left: 25%;
  	margin: 10px;
}
@media (max-width: 992px) {
#cfGAL {
	margin-left: 5%;
	height: 1250px;
}
}

#cfGAL img {
  position: absolute;
  left: 31%;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
@media (max-width: 992px) {
#cfGAL img {
	left: 0%;
	top: 50%;
	width: 800px;
}
}

#cfGAL img.top:hover {
  opacity:0;
}

#cfGAL_caption {
	position: relative;
	height: 25px;
	margin-top: 15px;
	width: 80%;
	margin-bottom: 80px;
	margin-left: 18%;
}
@media (max-width: 992px) {
#cfGAL_caption {
	display: none;
}
}