html, body {
	margin: 0;
	padding: 0;
	font-size: 16pt;
	font-family: 'Open Sans', sans-serif;
	color: #262626;
	background-color: #fdfdfd;
	-ms-overflow-style: none;
	/* 
	Brown: #824322
	Darker Brown: #612e10
	Lightblue: #58c5c9
	Darkgrey: #727373
	Orange: #DC7527;
	Lightgrey: #f2f2f2;
	Green: #9FC754;
	Yellow: #FEC70A;
	Darkblue: #6B8C9B;
	*/
}
::-webkit-scrollbar {
    width: 0px; 
	height: 0px; /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
.fullwidth {
	width: 100%;
	height: auto;
}
.fullheight {
	height: 100vh;
}
.fullpage {
	width: 100vw;
	width: calc(100vw - 325px);
	/* width is done whenever calc is not supported. */
}
.container {
	width: 100%;
	height: 100%;
}

.center {
	margin: 0 auto;
}
.White {
	background-color: white;
}
.Whitecolor {
	color: white;
}
.Lightgrey {
	background-color: #f2f2f2;
}
.Orange {
	background-color: #DC7527;
}
.Brown {
	background-color: #824322;
}
.DarkBrown {
	background-color: #612e10;
}
.Lightblue {
	background-color: #58c5c9;
}
.Darkgrey {
	background-color: #727373;
}
.Green {
	background-color: #9FC754;
}
.Yellow {
	background-color: #FEC70A;
}
.Darkblue {
	background-color: #6B8C9B;
}
.Browncolor {
	color: #824322;
}
.DarkBrowncolor {
	color: #612e10;
}
.Lightbluecolor {
	color: #58c5c9;
}
.Darkgreycolor {
	color: #727373;
}
.Orangecolor {
	color: #DC7527;
}
.Lightgreycolor {
	color: #f2f2f2;
}
.Greencolor {
	color: #9FC754;
}
.Yellowcolor {
	color: #FEC70A;
}
.Darkbluecolor {
	color: #6B8C9B;
}
.inline {
	display: inline-block;
}
.left {
	float: left; 
}
.right {
	float: right;
}
.none {
	display: none;
}
.relative {
	position: relative;
}
p {
	text-align: justify;
	margin: 0;
	padding: 0;
}

#leftcontainer {
	height: 100vh;
	width: 325px; /* Same as right container width */
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #fcfcfc 100%); /* f73.6-15 */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#fcfcfc 100%); /* Chrome10-25,Saf7ri5.1-6 */
	background: linear-gradient(to bottom, #f7f7f7 0%,#fcfcfc 100%); /* W3C, IE10+, f716+, Chrome26+, Opera12+, Saf7ri7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fcfcfc',GradientType=0 );
	z-index: 999;
	position: fixed;
	top: 0px;
	-webkit-transform: translateZ(0);
}

#logocontainer {
	width: 60%;
	width: calc(60% + 62px);
	height: 200px;
	margin: 80px auto 50px auto;
	overflow: hidden;
}
.menu {
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
.menu li div{
	display: block;
	padding: 0.25em 0 0.25em 0;;
	-webkit-transition: width 2s; /* Safari */
    transition: width 0.5s, margin 0.5s;
}
#mainmenu {
	width: 100%;
	margin-top: 75px;
}
#mainmenu li div {
	width: 60%;
	margin: 0 20% 30px 20%;
	border-bottom: 1px solid #737373;
}
#mainmenu div:hover {
	width: 75%;
	margin: 0 12.5% 30px 12.5%;
}