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


.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background-color: #fff;
	border: 1px #E9E9E9 solid;
	outline:none;
	height:20px;
	width:100%;
	margin-top:5px;
	padding-left:5px;
}
.form2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background-color: #fff;
	border: 1px #E9E9E9 solid;
	outline:none;
	height:100px;
	width:270px;
	padding-left:5px;
	padding-right:5px;
	resize:none;
	margin-top:-10px;
}

.button {
	width:270px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:10px 20px 10px 20px;
	color: #fff;
	background-color:#CCC;
	outline:none;
	border:0px;
	cursor:pointer;
}
.button:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:10px 20px 10px 20px;
	color: #fff;
	background-color:#00B9AF;
	outline:none;
	border:0px;
	cursor:pointer;
}
#messageSent{
	display:none;
	width:200px;
	color: #666;
	margin-top:5px;
	margin-left:0px;
	position:relative;
	float:left;
	font-weight:bold;
	font-style:italic;
}
.contact{
	width:30%;
	height:320px;
	float:left;
	position:relative;
}

@media all and (max-width: 600px) {
	.contact {
	width:95%;
	float:left;
	position:relative;
	margin-left:2%
	}
}


.map{
	width:65%;
	height:300px;
	float:left;
	position:relative;
	margin-left:20px;
}
@media all and (max-width: 600px) {
.map{
	width:95%;
	margin-left:10px;
	float:left;
	position:relative;
	margin-left:0px;
}
}