/* CSS Coding for www.GeothermalQuebec.com - Copyrighted 2009 by MichelBayard.com */


/* FORM */

div#error {
	position: absolute;
	left: 650px;
	top: 100px;
	width: 340px;
	height: 240px;
	background-color: none;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #F3B269;
	background-image: none;
	overflow: none;
}

div#error p {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #912500;
	text-align: right;
}

div#error a:link, a:visited {
	font-weight: bold;
	color: #000;
}

div#error a:hover {
	color: #000;
}

div#error a:active {
	color: #000;
}

div#form {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	float: right;
	width: 210px;
	height: 284px;
	background-color: none;
	border: none;
	background-image: none;
	overflow: none;
}

div#form_old {
	position: absolute;
	left: 550px;
	top: 295px;
	width: 210px;
	height: 284px;
	background-color: none;
	border: none;
	background-image: none;
	overflow: none;
}

div#form2 {
	position: absolute;
	left: 650px;
	top: 100px;
	width: 340px;
	height: 240px;
	background-color: #FFDBAC;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #F3B269;
	background-image: none;
	overflow: none;
}

div#form p {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	text-align: right;
}

input {
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	width: 200px;
	background-color: #EFEFF0;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #005D00;
}

input#submit {
	color: #FFF;
	width: auto;
	background-color: #25A803;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #005D00;
}

input#reset {
	color: #FFF;
	width: auto;
	background-color: #575C5E;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #333333;
}

select#topic {
	color: #000;
	width: 200px;
	background-color: #EFEFF0;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #005D00;
}

textarea {
	width: 200px;
	height: 75px;
	background-color: #EFEFF0;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #005D00;
}

div#contact {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	top: 107px;
	width: 600px;
	height: 400px;
	background-color: none;
	border: 1px solid #333;
	background-image: none;
	overflow: none;
}

/* COMPANY INFO */

div#companyinfo {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	float: left;
	left: 50px;
	top: 125px;
	width: 210px;
	height: 284px;
	background-color: none;
	border: none;
	background-image: url('images/companyinfo.png');;
}

div#companyinfo p {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	font-color: #333;
	text-decoration: none;
}

div#companyinfo p span {
	font-weight: bold;
	color: #005D00;
	text-decoration: underline;
}

/* DIVIDER */

div#divider {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	float: center;
	top: 120px;
	width: 1px;
	height: 284px;
	background-color: #005D00;
	border: none;
}

/* Iframe */

div#iframe {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	position: relative;
	top: 125px;
	right: 50px;
	float: right;
	width: 210px;
	height: 284px;
	border: none;
}
