#backgroundLayer img{
    position: absolute; 
    left: 0; top: 0; 
    z-index: 1; 
    height: 100%; 
    width: 100%; 
    -ms-content-zooming: none; 
    -ms-touch-action: none;	  
}

#backgroundImage1{
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
}

#backgroundImage2{
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
}

#backgroundImage3{
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
}

#backgroundImage4{
    -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;
}

.transitionStateOut {
  opacity:0;
}

.transitionStateIn {
  opacity:1;
}

.clockBorders 
{
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

img{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.ui-overlay-c{text-shadow:none !important;}		/* this overwrites jquery's styling of a text-shadow which appeared on Leander wrapper */
#htmlHelpLayer { display: none; }

@font-face
{
font-family : 'SourceSansPro-SemiBold';
src : url("../Fonts/SourceSansPro-SemiBold.ttf");
format : 'truetype';
}

@font-face
{
font-family : 'digital7Font';
src : url("../Fonts/SuperEight/digital-7.ttf");
format : 'truetype';
}

/*
.loadingTitleAnimate {
	animation-name: logoGrowFade;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-delay: 0;
	position: absolute;
	margin-left: 50%;
}

@keyframes logoGrowFade {
	0% { height: 806px; width: 518px; opacity: 1; }
	100% { height: 1612px; width: 1036px; opacity: 0; }
}*/

#windowBackground { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; }
#mainPage { font-family: SourceSansPro-SemiBold, Arial; }