@charset "utf-8";

a:link {color: #404040; text-decoration: none;}      
a:visited {color: #404040; text-decoration: none;}
a:hover {color: #0080FF; font-weight: bold;}
a:active {color: #404040;}

* {	box-sizing: border-box;
	}

body {
	box-sizing: border-box;
	position: absolute;
	margin: 0;
    height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 0;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #927762;
	z-index: 0;
    -webkit-overflow-scrolling: touch;
	}

#Container1 {
	position: absolute;
	left: 0vh;
	background-color: #927762;}

#Container2 {
	position: absolute;
	left: 0vh;
	background-color: #FFFFFF;}

#Container3 {
	position: absolute;
	left: 0vh;
	background-color: #D7BD9C;
	color: #878674;}
	
#Container4 {
	position: absolute;
	left: 0vh;
	background-color: #000000;
	vertical-align: middle;}
	
#Container5 {
	position: absolute;
	left: 0vh;
	background-color: #191919;}

#Contact {
    position: relative;
	overflow: hidden;
    visibility: hidden;
    border: 1px solid hidden;
	border-radius: 5px;
	padding: 5px;
	background-color: #878674;
	text-align:center;
	z-index: 1;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.5);}
    
/* #EmailImage {
    position: relative;
    top: 100vh;}
 	   */

#Container4a {height: 45%;}
#Container4b {height: 55%; text-align: center; color: #878674; font-size:medium;}

#Container5a {height: 45%;}
#Container5b {height: 55%; text-align: center; color: #878674; font-size:small;}

#ImageContainer1 {
	position: absolute;
	overflow: visible !important;
	top: 12.5vh;
	width: 75vh;
	height: 75vh;
	border-radius: 3px;}

#MottoContainer {
	position: absolute;
	top: 100vh;
	height: 10vh;}
	
#Motto {
	position: relative;
    top: 100vh;
	width: inherit;
	height: inherit;}

#ImageContainer2, #ImageContainer3, #ImageContainer4, #ImageContainer5 {overflow: hidden; position: absolute; top: 100vh; border:1px solid #E6E4CB; border-radius: 2px;}
#ImageContainer6, #ImageContainer7, #ImageContainer8, #ImageContainer9 {overflow: hidden; position: absolute; top: 100vh; border:1px solid transparent; border-radius: 2px;}
#ImageContainer10, #ImageContainer11, #ImageContainer12, #ImageContainer13 {overflow: hidden; position: absolute; top: 100vh; border:1px solid transparent; border-radius: 2px;}

#Image1 {
	position: absolute;
	width: inherit;
	height: inherit;
	border-radius: 3px;	
	z-index: 1;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.5);}

#Loader {
	position: absolute;
	visibility: visible;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background-color: #927762;
	color: white;}
	
#LoaderSymbol {
	position: relative;
	top: 47.5vh;
	left: 0;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;}

NoScript {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	color: #FFFFFF;
	background-color: #927762;
	z-index: 5;
	}