/* * {
	margin: 0;
	padding: 0;
}
body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
	background: url(images/stripe.png) repeat;
}


p {
	font-size: 1.3em;
	margin-bottom: 15px;
}
*/
#page-wrap {
	width: auto;
	max-width: 680px;
	min-width: 450px;
	height: auto;
	max-height: 440px;
	min-height: 440px;

	background: #f4fbf2;
	padding: 20px 20px 20px 20px;
	margin: 20px auto;

	border: 2px solid #ccc;
	border-radius: 10px;

}

#contact-area {
/*	width: 640px;*/
	width: 95%;
	max-width: 600px;
	min-width: 400px;
/*	margin-top: 25px;*/
	margin: 0 auto;
/*	border: 2px solid #ccc;*/

	text-align: center;	
}

#contact-area input, #contact-area textarea {
	padding: 5px;
/*	float: right;*/
	
/*	width: 471px;*/
	width: 100%;
	max-width: 500px;
	min-width: 271px;


	/*	font-family: Helvetica, sans-serif;
	font-size: 1.4em;*/
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	border-radius: 10px;
	
	outline: none;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	
	background: white;
}
#contact-area input::placeholder, #contact-area textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: gray;
    opacity: 0.5;
}

#contact-area input:-ms-input-placeholder, #contact-area textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: gray;
	opacity: 0.5;
}

#contact-area input::-ms-input-placeholder, #contact-area textarea::-ms-input-placeholder { /* Microsoft Edge */
	color: gray;
	opacity: 0.5;
}

#contact-area input:focus, #contact-area textarea:focus{ 
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

#contact-area textarea {
	height: 150px;
}

/*#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
	border-radius: 0px;
}
*/
#contact-area input.submit-button {
	  outline: none;
	width: 150px;
	min-width: 100px;
	float: right;
	background: #8fdb8e;
	color: #03038e;
	border: 2px solid #00000040;
/*	border-radius: 10px;*/
	font-weight: bold;
	font-size: 1.5em;
	
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
/*
#contact-area input.submit-button:hover {
/*	background-color: #03038e;
    color: #8fdb8e;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
*/

/*
#contact-area input.submit-button:focus {
	background-color: #03038e;
    color: #8fdb8e;
}
*/
#contact-area input.submit-button:hover, input.submit-button:focus {
	background-color: #8fdb8e;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

#contact-area input.submit-button:active {
  background-color: #77b576;
  /*box-shadow: 0 5px #666;*/
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
  transform: translateY(4px);
}

#contact-area label {
	float: left;
	text-align: right;
	margin: 0px 5px 10px 0px;
	width: 100%;
	padding: 5px;
/*	font-size: 1.4em;*/
}

#contact-area  table {
	width: 100%;
	border: 0;
}