.contact
{
letter-spacing: normal;
}

label
{
display: block;
padding: 0;
margin: 15px 0 5px 0;
font-size: 1.2em;
font-weight: normal;
}

input, textarea
{
border: 1px solid #666;
background: #eee;
width: 98%;
padding: 5px;
margin: 0;
}

input:focus, textarea:focus
{
border: 1px solid #c00;
}

textarea
{
font: 1.3em Arial, Helvetica, sans-serif;
height: 90px;
}

.reqd
{
background: #ffc;
color: #000;
}

span.reqd
{
padding: 2px;
}

.contact img
{
float: left;
padding: 0;
margin: 0;
}

#code
{
float: right;
width: 200px;
margin: 0 0 10px 10px;
padding: 5px 10px;
text-align: center;
letter-spacing: 2px;
}

#send
{
color: #666;
border: 1px solid #666;
background: #fff;
float: right;
display: block;
margin: 0;
padding: 5px 0px;
width: 75px;
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
}

#send:hover
{
color: #000;
border: 1px solid #000;
}

.contact p
{
float: left;
font-size: 1.2em;
margin: 4px 10px 10px 0;
padding: 0;
}

/* response (success/fail) */

.response img
{
margin: 9px 7px 0 0;
float: left;
}

.response h2#success
{
background: url(../images/icons/accept.png) no-repeat 0 0.1em;
padding: 0 0 0 25px;
color: #6c6;
}

.response h2#fail
{
background: url(../images/icons/exclamation.png) no-repeat 0 0.1em;
padding: 0 0 0 25px;
color: #600;
}

.response p
{
clear: both;
margin: 0;
padding: 0;
line-height: 1.4em;
}