/* form style */
.contact-form {margin:0; padding:0 10px; margin-top:35px; position:relative;} 
/* nested fieldset */
.contact-form fieldset {padding:0;}

/* typography */
.contact-form h3 {}

.contact-form label {width:95%; display:block; font-size:13px; line-height:18px; margin-top:15px;}
.contact-form label input {
	width:95%; display:block;
	background:#dcdcdc url(../images/input-bkg.jpg) repeat-x 0 0; padding:5px;
	border:1px solid #e9e9e9; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	}

.contact-form label.city, .contact-form label.state, .contact-form label.zip {float:left;}
.contact-form label.city, .contact-form label.state {}
.contact-form label.city {width:40%;}
.contact-form label.state {width:10%; margin-left:8%; margin-right:9.5%;}
.contact-form label.zip {width:25%;}

/* input field */
.contact-form input, .contact-form textarea {
	font-size:12px; color:#444;
	padding:7px; border:1px solid #444; background-color:#ddd;	
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; behavior: url(../PIE.htc);
	}
.contact-form textarea {width:95%; background:#dcdcdc url(../images/input-bkg.jpg) repeat-x 0 0; border:1px solid #e9e9e9; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

.contact-form input:focus	{color:#000;} /* Selected Field */
.contact-form input:active 	{color:#000;} /* Current Field */

/* checkbox or radio button */
.contact-form .check label {display:block; margin-bottom:8px;}
.contact-form .check label input {width:14px; float:left; margin:2px 5px 0 0; padding:0;}

/* captcha box */
.contact-form .captcha {
	width:100%; margin:15px 0 0 0; padding:15px 0; border-top:1px solid #222;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; behavior: url(../PIE.htc);
	}
.contact-form .captcha input, .contact-form .captcha img {float:left;}
.contact-form .captcha img {margin-top:-1px;}
.contact-form .captcha input {width:60px; margin-right:10px;}

/* button */
.contact-form button {
	font-size:14px; line-height:25px; color:#fff;
	outline:0; cursor:pointer; padding:0 15px;
	border:1px solid #000; background:#222;
	position:absolute; left:10px; bottom:7px;
	}
	.contact-form button:hover {color:#222; background:#bbb;}

/* form in box */
.contact-form.box {padding:5px 20px 20px 20px;}
.contact-form.box label.city, .contact-form.box label.state, .contact-form.box label.zip {margin-bottom:15px}
.contact-form.box .captcha {border-color:#666;}
.contact-form.box button {left:0; top:0;}

/* error message */
.error {color:#fff; background-color:#af0000; z-index:10000;}
.error em {border-color:#af0000 transparent transparent;}

@media only screen and (max-width: 720px) {

	.contact-form button {width:100% !important; padding:0 !important; display:block !important; position:relative !important; left:0 !important; bottom:0 !important;}

}
