#contactForm {background:#bad9d2;padding:2% 4% 4% 4%;color:#000;
border : solid 1px #3DA49C;
	border-radius : 10px;
	moz-border-radius : 10px;
font-family: 'hattori_hanzolight', sans-serif;
width:80%; margin:2%;}


#contactFormThanks {background:#bad9d2;padding:2% 4% 4% 4%;color:#000;
border : solid 1px #3DA49C;
	border-radius : 10px;
	moz-border-radius : 10px;
font-family: 'hattori_hanzolight', sans-serif;
width:80%; margin:30px 8%; text-align:center;}
div.subj1 {display:none;}

label {
	font-weight: normal;
    font-family:'hattori_hanzolight',sans-serif;
	font-size: 1em; margin-bottom:1px;}
	
input[type="text"], textarea {padding:2px 4px ;
      background: #fff;
    font: inherit;  
    position: relative;
	margin:0;
	border-radius : 4px;
	moz-border-radius : 4px;
		overflow: auto; /* removes scrollbar from textarea in IE */ }
input[type="text"], textarea,
label {display:block;
	/* these two values must be the same */
	line-height: 1.5em;
	height: 1.5em;
	width:95%;}

.alert {font-family:'hattori_hanzolight',sans-serif; font-size:1.1em;}
.alert-danger {color:red;}
.alert-success {color:green;}
input, textarea {
	border: 1px solid #ccc;
	border-radius : 4px;
	moz-border-radius : 4px;
	margin:auto;}



#contactForm {
	width: 90%;
	margin: 0 auto;
	margin-top: 50px;
text-align:left;}

input {
    width: 95%; /* 16px less than form width */
	font-family:'hattori_hanzolight',sans-serif; font-size:1em;}

textarea {
    min-height: 9em;
	width: 95%; /* 16px less than form width */
	/* if you aim ie7 users specify font to use in textarea since it won't inherit it*/
	
	font: 1.2em 'hattori_hanzolight','Helvetica neue', Helvetica, Arial, sans-serif;
	position: relative; left:-10px;
	
}


/* button */
input[type="submit"]{
font-family: 'hattori_hanzolight', 'Helvetica neue', Helvetica, Arial, sans-serif; text-transform:uppercase;
width:200px;
	border : solid 1px #411A05;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 20px;
	color : #ffffff;
	padding : 1px 17px;
	background : #9E6A4E;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9E6A4E), color-stop(100%,#411A05));
	background : -moz-linear-gradient(top, #9E6A4E 0%, #411A05 100%);
	background : -webkit-linear-gradient(top, #9E6A4E 0%, #411A05 100%);
	background : -o-linear-gradient(top, #9E6A4E 0%, #411A05 100%);
	background : -ms-linear-gradient(top, #9E6A4E 0%, #411A05 100%);
	background : linear-gradient(top, #9E6A4E 0%, #411A05 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#9E6A4E', endColorstr='#411A05',GradientType=0 );

}


input[type="submit"]:hover,input[type="submit"]:focus {
	background : #B87049;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B87049), color-stop(100%,#4C1D05));
	background : -moz-linear-gradient(top, #B87049 0%, #4C1D05 100%);
	background : -webkit-linear-gradient(top, #B87049 0%, #4C1D05 100%);
	background : -o-linear-gradient(top, #B87049 0%, #4C1D05 100%);
	background : -ms-linear-gradient(top, #B87049 0%, #4C1D05 100%);
	background : linear-gradient(top, #B87049 0%, #4C1D05 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#B87049', endColorstr='#4C1D05',GradientType=0 );

}



@media screen and (min-width: 580px)
{#contactForm, #contactFormThanks {width:500px; margin:20px auto;}
}