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

body, div, h1, form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}

html {
	height: 100%;
}

body {
	font-family: sans-serif; 
}

#contact1 {
	width: 460px; height: 570px; margin: 0px auto; padding: 15px 10px;
	background-image:url(../images/contact/fieldbox-1.png);
	background-repeat:no-repeat;
	background-position:top;
	-moz-box-shadow: 0px 0px 0px #444;
	-webkit-box-shadow: 0px 0px 0px #444;
}

#contact2 {
	width: 460px; height: 570px; margin: 0px auto; padding: 15px 10px;
	background-image:url(../images/contact/fieldbox-2.png);
	background-repeat:no-repeat;
	background-position:top;
	-moz-box-shadow: 0px 0px 0px #444;
	-webkit-box-shadow: 0px 0px 0px #444;
}

#demo {
	width: 465px; margin: 0px auto; padding: 15px 0px;
	background-image:url(../images/contact/fieldbox-2-cut.png);
	background-repeat:no-repeat;
	background-position:top;
	-moz-box-shadow: 0px 0px 0px #444;
	-webkit-box-shadow: 0px 0px 0px #444;
}

label {
	float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
	text-align: right; font-size: 12px; color:#999; 
	text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}


input {
	width: 260px; height: 30px; padding: 5px 20px 0px 20px; margin: 0 0 10px 0; 
	background: #ffffff;
	background: -moz-linear-gradient(top, #acacac 0%, #dddddd 10%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acacac), color-stop(10%,#dddddd)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 14px; color: #376b89; text-transform: none; text-shadow: 0px 1px 0px #eeeeee; text-emphasis:accent;
}
	input::-webkit-input-placeholder  {
    	color: #aaaaaa; text-shadow: 0px 1px 0px #ffffff; font-style:italic;
	}
	input:-moz-placeholder {
	    color: #aaaaaa; text-shadow: 0px 1px 0px #ffffff; font-style:italic;
	}
	
select {
	width: 300px; padding: 5px 20px 0px 20px; margin: 0 0 15px 0;
}

textarea {
	width: 260px; height: 110px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #5E768D;
	background: -moz-linear-gradient(top, #acacac 0%, #dddddd 3%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acacac), color-stop(3%,#dddddd)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 14px; color: #376b89; text-transform: none; text-shadow: 0px 1px 0px #eeeeee; 
}
	textarea::-webkit-input-placeholder  {
    	color: #aaaaaa; text-shadow: 0px 1px 0px #ffffff; font-style:italic;
	}
	textarea:-moz-placeholder {
	    color: #aaaaaa; text-shadow: 0px 1px 0px #ffffff; font-style:italic;
	}
	
input:focus, textarea:focus {
	background: #cccccc;
	background: -moz-linear-gradient(top, #cccccc 0%, #999999 5%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(5%,#cccccc)); /* webkit */
}

input[type=submit] {
	width: 204px; height: 50px; padding-bottom:10px; padding-left:10px; margin: 0 50px 0 0;
	font-family: 'Open Sans', sans-serif; font-size: 18px; color: #866200; text-transform: none; text-shadow: 0px 1px 0px #eeeeee; text-align:center;
	cursor: pointer;
	border: 0;
	background-image:url(../images/buttons/btn-arrow-blank.png);
	background-position:0px 0px;
	background-color:transparent;
	border:none;
	-moz-box-shadow: none;-webkit-box-shadow: none;
	background-repeat:no-repeat;
}


input[type=submit]:hover {
	background-position:0px -50px;
}