@charset "utf-8";
/* 
	Based on a tutorial at
	http://www.sitepoint.com/article/fancy-form-design-css/
*/
/* See http://www.xs4all.nl/~peterned/csshover.html to enable hover in IE */
form#contact {
	width:450px;
	margin-top:1.5em;
}
form#contact fieldset {
	margin:0 0 -1em 0;
	padding:0 0 1em 0;
	border:none;
	background-color:transparent;
	color: #f3f2dc;
}
form#contact legend {
	margin-left:0em;
	padding:0.4em;
	font-size:85%;
	color:#CCC;
	background-color:#500;
	border:1px solid #AAA;
}
form#contact input, form#contact textarea {
	width:20em;
	background-color:#DDD;
	border:1px solid #DDD;
	font: 1em "Arial Narrow", Tahoma, Geneva, Helvetica, FreeSans, Arial, sans-serif;
	font-stretch:condensed;
	font-weight:100;
	letter-spacing: .07em;
}
form#contact textarea {
	overflow:auto;
}
form#contact input:hover, form#contact textarea:hover {
	background-color:#c8e4fc;
}
form#contact p {
	padding:0.5em 1em 0 1em;
}
form#contact label {
	display:block; /*forces label to occupy full width*/
}
sup {
	margin-left:0.2em;
	position:absolute;
}
form#contact sup img {
	width:0.7em;
	height:0.7em;
}
form#contact #opt {
	display:block;
}
form#contact #opt input {
	width:auto;
	background-color:transparent;
	border:none;
}
form#contact #opt label {
	display:inline;
}
form#contact #opt input {
	margin-right:1em;
}
form#contact fieldset.submit {
	border:none;
	background-color:transparent;
	margin:0 0 0 1em;
	display:inline;
}
form#contact fieldset.submit input {
	width:6em;
	min-height:2.5em;
	padding:0;
	margin-right:1em;
	font-size: 75%;
	font-weight: bold;
	background:#600;
	color: #FFC;
	border: 1px solid #FFC;
	vertical-align:middle;
	line-height:2.5em;
	text-transform:uppercase;
}
form#contact fieldset.submit input:hover {
	background:#FFC;
	color: #600;
	border: 1px solid #600;
}
/* Special field */
form#contact #required {
	display:none;
	visibility:hidden;
}
form#contact .error {
	background-color:#FC0;
	border:1px solid #900;
	font-style:italic;
	color:#600;
}
form#contact label em {
	margin-left:1em;
}