body {
  font-size: 100%;
  background-color: #CAEAD0;
  color: #030;
  text-align: center;
  /*position:relative;*/
  width: 80%;
  margin: 0 auto;
}
.contact{
  margin:.5em auto;
  width: 13em
}
#header{
  position: relative;
  top:0;
	background-color: #fff /*#A1D6AA*/;
  color: #030;
  margin: 0 auto;
  padding: 1ex;
  width: 360px;
  z-index:11;
}
#container{
  position:relative;
  top:1em;
  width:45em;  
  margin:0 auto;
  padding:0;
  z-index:10;
  background-color: #fff /*#A1D6AA*/;
  color: #011b0d;
  border: thin solid #000;
}
#copy {
  position: relative;
  left: 0;
  top: 0;
  margin: 0 auto;
  width: 33em;
  padding: 0;
  background-color:#fff /*#A1D6AA*/; 
  color:#000/*#052600 #011b0d*/;
  font-family: Georgia, "Bookman Old Style", "Times New Roman", Times, serif;
  font-size: 120%;
  font-style: normal;
  font-weight: 500;
  text-align: left;
  z-index: 10;
}   
#footer{
  margin: 0 auto;
  padding: .5em;
  text-align: center;
  font-family: Georgia, "Bookman Old Style", "Times New Roman", Times, serif;
  font-size: 90%;
  font-variant: normal;
  font-weight: 400;
  font-style: normal;
}
h3{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: 500;
	color:#fff;
  background-color: #2E7A74;
  margin: 0 0 0 -1.5em;
  padding: .5em 1em .5em 1.5em;
  width:25em;
}
#boxer{   /*
  position:relative;
  width:65em;
 min-width: 1000px;
 max-width:1000px;*/
}
#box1{
	position: absolute;
	top: 20%;
	left: 5%;
  right: 10%;
  bottom:45%;
	z-index: 6;
	background-color:#64e690/*#6DB279*/ ;
  border: thin solid #000;
}
#box2{
	position: absolute;
	top:10%;
	left: 8%;
  right: 8%;
  bottom:10%;
	z-index: 0;
	background-color:  #33cc66/*83A088  8DBCB8348B43#009934*/;
	text-align: left;
  border: thin solid #000;
}
#box3{
	position: absolute;
	top: 25%;
	left: 15%;
  right: 5%;
  bottom:40%;
	z-index: 0;
	background-color: #5ccc82;
  border: thin solid #000;
}