html,body {
	background: none;
	color: #111;
	font-family: "Titillium Web", sans-serif;
	margin: 0;
	font-size:18px;
	padding:0;
}

#wrap {
	background: #e2e2e2;
	border: 8px solid #7f7f7f;
	border-radius:5px;
	margin: 0;
	width: 280px;
	padding:20px 10px;
	text-align:left;
}

form {
	padding: 0;
	margin: 0 0 20px;
}
table {
	margin: 0 auto;
}
tr, td, input, textarea {
	margin: 0;
	padding: 0;
}
td {
	padding: 0 0 5px;
}
tr td:first-child {
	padding-right: 10px;
	padding-top: 11px;
	text-align: left;
	vertical-align: top;
}
.error[generated=true] {
	color: #dc0000;
	padding: 5px 0 2px 5px;
	font-weight:lighter;
	font-size:16px;
	line-height:17px;
}
tr.error td {
	padding: 0;
	height:auto;
}
input, textarea {
	background: rgba(255,255,255,.3);
	border:none;
	border-bottom: 1px solid #111;
	font: inherit;
	font-size: 16px;
	line-height: 18px;
	min-height: 20px;
	padding: 5px 10px;
	width: 180px;
}
input{
	float:right;
}
label,td{
	vertical-align:middle;

}
label{
		font-weight:bold;
}
input:focus, textarea:focus {
	border-bottom:2px solid #222;
	outline: none;
}
textarea {
	height: 240px;
	resize: vertical;
}
input[type=submit] {
	background: #bfbfbf;
	color: ##111;
	font: inherit;
	font-weight:bold;
	padding: 8px 16px;
	border: 4px solid #7f7f7f;
	border-radius:8px;
	width: auto;
	cursor:pointer;
}
button{
	background: #bfbfbf;
	color: ##111;
	font: inherit;
	font-weight:bold;
	padding: 8px 16px;
	border: 4px solid #7f7f7f;
	border-radius:8px;
	width: auto;
	cursor:pointer;
}

#response {
	margin-bottom: 20px;
	text-align: center;
}
#response .success {
	color: #08a300;
}
#response .failure {
	color: #dc0000;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome,#contact-frame {
    	margin-left:-40px;
    }
}