.nopadding { padding: 0; }

.coolfont {
font-family: Verdana,Geneva,sans-serif;
font-style: italic;
color: white;
}

.coolfont2 {
font-family: Verdana,Geneva,sans-serif;
color: white;
}

.coolfont3 {
			font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
		}

.redtext {
color: red;
}

.coolstroke {
   -webkit-text-stroke: 1px black;
   color: white;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}

.hr {
	color: white;
}

#top, #bottom, #left, #right {
	background: #4c5157;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 1px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 1px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }
		
.footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   text-align: center;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

/* IE 6 */
* html .footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}



.loadBlock{
	position: absolute; z-index: 99; background-color: #23272a; height: 100%; width: 100%;
}

.loadText{
	position: absolute; z-index: 100; height: 100%; width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.topArea{
	width: 100%; height: 108px;
}

.logoSpace{
	width: 50%; height: 100;
}