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

#contact-area {
	margin:0px auto;
	width:1142px;
	position:relative;
}

/*------------------- Image elements and contact image at the top --------------------*/

#contactus-image-left {
	float:left;
	height:212px;
	width:283px;
	background:url(../images/contactus_image_left.png);
	position:absolute;
	left:0px;
	top:0px;
}

#contactus-image-right {
	float:right;
	height:212px;
	width:283px;
	background:url(../images/contactus_image_right.png);
	position:absolute;
	right:0px;
	top:0px;
}

#contactus-header {
	margin:0px auto;
	margin-top:15px;
	margin-bottom:9px;
	padding-right:6px;
	width:124px;
	height:29px;
	background:url(../images/contactus_heading.png) no-repeat;
}

#contactus-header:hover {
	margin:0px auto;
	margin-top:15px;
	margin-bottom:9px;
	padding-right:6px;
	width:124px;
	height:29px;
	background:url(../images/contactus_heading_over.png) no-repeat;
}

/*------------------- END image elements and contact image at the top --------------------*/

#contact-form-container {
	margin:0px auto;
	width:555px;
	right:30px;  
	position:relative;

}

label {
	float:left;
	clear:left; /* This clears the left margin from the input fields. */
	text-align:right;
	margin-right:10px;
	margin-top:10px;
	width:60px;
	height:20px;
	font-size:13px;
	display:inline-block;
}

#contact-form-container textarea {
	padding-top:3px;
}

#contact-form-container input, textarea {
	padding-left:6px; /* Give some space for the text */ 
	width:471px;
	margin-top:5px;
	margin-bottom:5px;
	font-family:Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #586a7d;
	border-color:#586a7d;
	overflow:hidden; /* Without this value, margins on the top and bottom will not be displayed. */
}

#contact-form-container textarea {
	min-height:195px; /* Do not let contents spill out of element. Keep vertical overflow only. */
	resize:vertical; /* Resize textarea vertically only. */
}

#contact-form-container textarea:focus, #contact-form-container input:focus {
	border:1px solid #586a7d;
	outline:none;
	background:none;
	-webkit-box-shadow:0px -1px 4px rgba(55, 51, 51, 0.70);
	-moz-box-shadow:0px -1px 4px rgba(55, 51, 51, 0.70);
	box-shadow:0px -1px 4px rgba(55, 51, 51, 0.70); /* For Firefox and Chrome */
}

#Message-container {  /* Centers the Submit button */
	margin:0px auto;
	width:96px;
	padding-left:55px;
}

#contact-form-container input.submit-button {
	margin-top:15px;
	width:96px;
	height:27px;
	background:url(../images/testing_button.png);
	border:0px;
}

#contact-form-container input.submit-button:hover {
	margin-top:15px;
	width:96px;
	height:27px;
	background:url(../images/testing_button_over.png);
	border:0px;
}

#Name {
	height:25px;
}	

#Email {
	height:25px;
}

#Subject {
	height:25px;
}