/* CSS Document */

@import "main.css";


#contact {
width: 623px;
height: 430px;
margin: 0;
padding: 0;
display: block;
background-image: url(../images/img_contact.jpg);
background-attachment: inherit;
background-repeat: no-repeat;
background-position: left top;
}

#copyarea {
margin-top: 0px;
margin-left: 0px;
padding: 0;
display: block;
width: 326px;
height: 370px;
position: relative;
left: 20px;
top: 20px;
}

#copyarea h4 {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
color: #FFFFFF;
text-align: center;
}

#copyarea h5 {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: .72em;
color: #FFFFFF;
text-align: center;
}

#copyarea p {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
color: #FFFFFF;
text-align: center;
}

/* fieldset styling */
#copyarea fieldset {
margin: 0; /*  space out the fieldsets a little*/
padding: 0;
border: none;
position: relative;
left: -150px;
font-size: 1em;
}

/* legend styling */
#copyarea legend {
font-weight: bold;
}

/* style for  labels */
#copyarea label {
float: left;
width: 100%;
margin-bottom: -20px;
}

#copyarea input {
float: left;
width: 200px;
position: relative;
left: 168px;
top: 0px;
margin-left: 0px;
}

#copyarea input[type="text"], #copyarea textarea {
border-top: 2px solid #999;
border-left: 2px solid #999;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#copyarea input.radio, #copyarea input.checkbox {
width: auto;
}

#copyarea input.submit, #copyarea input.reset {
float: left;
width: 100px;
position: relative;
left: 168px;
top: 10px;
}

/* style form elements on focus */
#copyarea input:focus, #copyarea textarea:focus {
background: #ffc;
}

#copyarea input.radio {
float: left;
margin-right: 1em;
}

#copyarea textarea {
float: left;
width: 200px;
height: 100px;
position: relative;
left: 168px;
top: 10px;
}