@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/puzzle_cw.jpg);
	background-size: cover;
	color: #22314E;
}

.cwCanvas {
	background-color: #03416A;
	z-index:0;
}

.cwHeader {
	z-index:2;
}

.cwFooter {
	z-index:2;
}

.logo {
	z-index:3;
}
.navpanel {
	z-index:3;
	position:fixed;
	visibility: visible;
	opacity: 1;
	transition: opacity 2s linear;
	
}
.maincontent {
		z-index:3;
		border:thick;
		position:fixed;
		overflow:auto;
	  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;

.cwBackground {
	opacity:50;

}
.callout {
	z-index:3;
	position:fixed;
	  visibility: visible;
  opacity: 1;
  transition: opacity 12s linear;

}


  .visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 12s linear;
  z-index:"5";
}
.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 12s, opacity 12s linear;
  position:fixed;
	left:0px;
	top:0px;
}