* { margin: 0; padding: 0; outline: none; }
html { font-size: 62.5%; height: 101%; }

body { background: #fff; font-family: 'Arapey', Arial, sans-serif; }
img { border: 0; }

a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }

h2 { font-size: 1.8em; line-height: 1.9em; margin-bottom: 15px; color: #000000;  }

p { color: #000000; font-size: 1.2em; margin-bottom: 10px; }

#wrapper { width: 440px; margin: 0 auto; padding: 30px 45px; }

#inline { display: none; width: 440px; }

label { margin-right: 12px; margin-bottom: 9px; font-family: 'Arapey',Georgia, serif; color: #000000; font-size: 1.2em; }

.txt { 
display: inline-block; 
color: #000000;
width: 420px; 
font-family: 'Arapey', Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: 1.2em;
line-height: 1.4em;
}

.txtarea { 
display: block; 
resize: none;
color: #000000;
font-family: 'Arapey', Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
width: 420px; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1.2em;
line-height: 1.4em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
color: #fff;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border: solid 1px #000000;
background: #000000; 
font-family: 'Arapey', Arial, Tahoma, sans-serif; 
}
#send:hover {
color: #000;
border: solid 1px #000000;
background: #fff; 
font-family: 'Arapey', Arial, Tahoma, sans-serif; 

}
#send:active {
color: #000;
border: solid 1px #000000;
background: #fff; 
font-family: 'Arapey', Arial, Tahoma, sans-serif; 
}