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

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td {

	margin: 0;

	padding: 0;

}



body {

	font-family: Helvetica, "Times New Roman", Times, serif;

	font-size: 62.5%;
	background-color: #fff;

}

#contactWrapper {
	width: 750px;
	height: 650px;
	padding:10px;
	color:#404040;
	/*border: #CC0000 thin solid;*/

}

img {
	margin: 0 0 1.5em 0;
	color:#7a1219;
}


div#contactInfo {
	float:right;
	width: 40%;
	background-color:white;
	/*border: green thin solid;*/
}

#contactInfo label {
	color: #202020;
	font-size: 2.1em;
}

#contactInfo p {
	padding-left: 3%;
	font-size:1.4em;
}

#contactInfo span {
	display:block;
	margin-top: 3em;
}

div#formContainer {

	background: #ededed;

	font-size: 1.2em;

	padding: 10px;

	width: 55%;
	height:635px;
	
	float:left;

}



#formContainer h2 { 

	font-size: 1.1em; 

	margin-bottom: 0.167em;

}



p { margin-bottom: 1.5em; }



.clearing { clear: both; }

.alert, .error { color: green; }



ol.forms {

	float: left;

	list-style: none;

	width: 100%;

}



ol.forms li {

	clear: left;

	float: left;

	line-height: 1.5em;

	margin-bottom: 0.5em;

	width: 100%;

}



ol.forms label {

	cursor: pointer;

	display: block;

	float: left;

	line-height: 1.5em;

	padding-right: 1%;

	text-align: right;

	width: 25%;

}



ol.forms input { width: 39%; }

ol.forms textarea {

	height: 20em;

	width: 64%; 

}



ol.forms input, ol.forms textarea, ol.forms button {
	font: 1em Helvetica, "Times New Roman", Times, serif;
}



ol.forms .error { 

	display: block;

	margin: 0.25em 0 0 25%;

}



ol.forms li.buttons {

	padding-left: 11%;

	width: 89%;

}