html {
  height: 100%;
}
body { min-height: 100vh; }

#fullheight{height:100%}

/*
img {
    max-width: 100%;
    height: auto;
}
*/

.splashMain {
	background-image:  url(images/Splash_wider_main-Valentines.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #DFF2EE;
}
.splashRepeat {
	background-image:  url(images/Splash_wider_repeat.jpg);
	background-repeat: repeat-x;
}

.splashRight {
	background-image:  url(images/Splash_wider_right.jpg);
	background-repeat: no-repeat;
}
.RainbowBridgeBox {
/*	width: 100vw;
	height: 98vh;
*/

	display: block;
	position: relative;
	bottom:9px;
	left:0px;

	width:100%;
	height:98%;

	background-image: url(images/Rainbow-Bridge/Rainbow-Bridge-backgroundN.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.RainbowBridgeLetterBox {
	display: block;
	position: relative; 
	z-index:4;
	width:320px;
	height:390px;
	top:1px;
/*	margin: 10px 10px 5px 5px;*/
	padding:1.3em;
	border-width:thick;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-color: #600;
/*	background-color:#FFF;
	Opacity:.8; */
	background: rgba(255, 255, 255, 0.3);
}

.RainbowBridgePortraitBox {
  max-width: 1000px;
  position: relative;
  margin: auto;	
	
	
	display: block;
	position: relative;
	z-index:5;		
	width:330px;
	height:430px;
	top:1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-color: #600;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 5s;
  animation-name: fade;
  animation-duration: 5s;
}

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

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

.fadeIn {
        opacity:.5;
        animation:fadeIn ease-in 1;
        animation-fill-mode:forwards;
        animation-duration:04;            
}

.NavBarHomepageTop {
	background-image:  url(images/Navigation_bar_homepage_top.jpg);
	background-repeat: no-repeat;
}

.NavBarHomepageMiddle {
	background-image:  url(images/Navigation_bar_homepage_middle.jpg);
	background-repeat: no-repeat;
}


.NavBarTop {
	background-image:  url(images/Navigation_bar_top.jpg);
	background-repeat: no-repeat;
}

.NavBarMiddle {
	background-image:  url(images/Navigation_bar_middle.jpg);
	background-repeat: no-repeat;
	margin-top:0;
	vertical-align:top;
}

.NavBarRepeat {

	background-image:  url(images/Navigation_bar_repeat.jpg);
	background-repeat: repeat-y;
}

.NavBarBottom {
	background-image:  url(images/Navigation_bar_bottom.jpg);
	background-repeat: no-repeat;
}





.bottomBarLeft {
	background-image:  url(images/bottom_bar_left.jpg);
	background-repeat: no-repeat;

}

.bottomBarRepeat {
	background-image:  url(images/bottom_bar_repeat.jpg);
	background-repeat: repeat-x;

}

.bottomBarRight {
	background-image:  url(images/bottom_bar_right.jpg);
	background-repeat: no-repeat;
}

.topBarLeft {

	background-image:  url(images/top_bar_left.jpg);
	background-repeat: no-repeat;
}
.topBarRepeat {

	background-image:  url(images/top_bar_repeat.jpg);
	background-repeat: repeat-x;
}
/*.topBarRepeat {

	background-image:  url(images/top_bar_left.jpg);
	background-repeat: repeat;
}*/
.topBarRight {

	background-image:  url(images/top_bar_right.jpg);
	background-repeat: no-repeat;
}


.topBarHomePageLeft {


	background-image:  url(images/top_bar_home_page_left.jpg);
	background-repeat: no-repeat;
}
.topBarHomePageRepeat {
	background-image:  url(images/top_bar_home_page_repeat.jpg);
	background-repeat: repeat-x;


}
.topBarHomePageRight {


	background-image:  url(images/top_bar_home_page_right.jpg);
	background-repeat: no-repeat;
}
.RightBarMiddle {
	background-image: url(images/right_bar_middle.gif);
	background-repeat: no-repeat;
	background-position: top;

}
.RightBarRepeat {
	background-image: url(images/right_bar_repeat.gif);
	background-repeat: repeat-y;

}
.rightBarHomePage {
	background-image: url(images/right_bar_home_page_middle.gif);
	background-repeat: no-repeat;
}
.rightBarHomePageRepeatHorizontal {
	background-image: url(images/right_bar_home_page_repeat_horizontal.jpg);
	background-repeat: repeat-x;
}


.preload { display: none; 

}