wbody{position:relative;}

#abcd { position:relative; width:100%;  max-width: 1240px; margin: 0 auto; }


.uniformpic{ position:absolute;top:; width:175px;}

#upleft{ left:5px;}

#upright{right:5px;}

#uniformover{width:160px; height:279px; right:0px; top:0px; border:10px;
-moz-border-image:url(borderint.png) 10 10 stretch; /* Firefox */
-webkit-border-image:url(borderint.png) 10 10 stretch; /* Safari and Chrome */
-o-border-image:url(borderint.png) 10 10 stretch; /* Opera */
border-image:url(borderint.png) 10 10 stretch; }



.maps{ position:fixed; top:0px; height:100%; width:38%;}

#mapsleft{ left:0px; 
box-shadow: 0 0 20px 0px #888;
 }

#mapsright{right:0px; box-shadow: 0 0 20px 0px #888;
}




.moduleinsert{

	background:transparent;
  	-moz-border-radius:;
	-webkit-border-radius:;
	border-radius:10px;
	
	-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow:  0px 0 4px 1px #000;

	   }

.superfont{ text-align:center; font:"Courier New", Courier, monospace; font-size:36px;} 



.moduleinsertimageR{
	margin:10px 0px 10px -10px;

	background:transparent;
  	-moz-border-radius:;
	-webkit-border-radius:;
	border-radius:5px;
	
	-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow:  0px 0 4px 1px #000;

	   }
	   
	  .moduleinsertimageC{
	margin:-15px 0px 0px -25px;

	background:transparent;
  	-moz-border-radius:;
	-webkit-border-radius:;
	border-radius:5px;
	
	-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow:  0px 0 4px 1px #000;

	   }
	   

 
	   
.moduleinsertimageL{
	margin:10px 10px 10px 10px;

	background:transparent;
  	-moz-border-radius:;
	-webkit-border-radius:;
	border-radius:5px;
	
	-moz-box-shadow: ;
-webkit-box-shadow: ;
box-shadow:  0px 0 4px 1px #000;

	   }
	   
	   .bold{ font-weight:bold;}

.right{ text-align:right;}



/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
.cl-effect-5 a {
	overflow: hidden;
	padding: 0 4px;
	height: 1em;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

nav a {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 1.35em;
}

nav a:hover,
nav a:focus {
	outline: none;
}





.popimage {border-radius: 10px; box-shadow: 10px 0px 25px rgba(0,0,0,0.36), -10px 0px 25px rgba(0,0,0,0.36) ;



 }