#header1 {clear:both; background-image:url(../images/logoline1.png); background-repeat: no-repeat; position: relative; width:795px; height:15px;}
#bgnd-sides {clear:both; background-image:url(../images/logolinemiddle.png); background-repeat: repeat-y; position: relative; width:800px; height:5px;}
#footer {clear:both; background-image:url(../images/logolinelast.png); background-repeat: no-repeat; position: relative; width:800px; height:21px;}

#logintop {clear:both; background-image:url(../images/loginfirst.png); background-repeat: no-repeat; position: relative; width:404px; height:13px;}
#loginsides {clear:both; background-image:url(../images/loginmiddle.png); background-repeat: repeat-y; position: relative; width:404px; height:5px;}
#loginbot {clear:both; background-image:url(../images/loginlast.png); background-repeat: no-repeat; position: relative; width:404px; height:15px;}
body{

	background-color: #e3fcf8; /*03473b*/
}
form input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
  width: 250px;
  border-radius: 3px;
  padding: 10px 15px;
  margin: 0 auto 10px auto;
  display: block;
  text-align: center;
  font-size: 18px;
  color: white;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  font-weight: 300;
  
}
form input:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
form input:focus {
  background-color: white;
  width: 300px;
  color: #53e3a6;
}
form button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  background-color: #FCE4EC;
  border: 0;
  padding: 10px 15px;
  color: #53e3a6;
  border-radius: 3px;
  width: 250px;
  cursor: pointer;
  font-size: 18px;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}
form button:hover {
  background-color: #F8BBD0;
}
.container {
  max-width: 600px;
  margin: 0 auto;
  padding: 80px 0;
  height: 400px;
  text-align: center;
  /*border: 1px solid #ffffff;
  border-radius: 3px;*/

}
.wrapper {
  background: #50a3a2;
  background: -webkit-linear-gradient(top left, #6caf70 0%, #80e27e 100%);
  background: linear-gradient(to bottom right, #6caf70 0%, #80e27e 100%);
  position: absolute;
  top: 29.5%;
  left: 0;
  width: 100%;
  height: 673.5px;
  margin-top: -200px;
  overflow: hidden;
}