#contact{width:auto; height:auto; margin:0 auto; padding:0; float:left;}
#contact_form {width:720px; height:auto; margin:30px 0 0 0; float:left;}
fieldset{padding:0px;}

input{font-weight:normal; border:0;}
input.details{font-size:1em; padding:22px 20px; margin:0; height:auto; width:580px; background:url(../images/bg_input.png) 0 0 no-repeat; font-family: Helvetica, Arial, sans-serif;}
input.details:focus{outline:none; background:url(../images/bg_input.png) no-repeat; background-position: 0 -60px;}

input.code{float:left; padding:22px 0; margin:0 0 20px 0; height:auto; width:150px; background:url(../images/bg_code.png) 0 0 no-repeat; text-transform:uppercase; text-align:center;}
input.code:focus{background:url(../images/bg_code.png) 0 -60px no-repeat;}
.codenumber{float:left; width:auto; height: auto;padding:0 25px; margin:0; text-align:center; color:#1d1a16; background:url(../images/bg_codenumber.png) top center no-repeat;}
.codenumber img{display:block; padding:0 0 5px 0;}

#textarea{height:350px; width:620px; background:url(../images/bg_textarea.png) 0 0 no-repeat; float:left; margin:0 0 20px 0;}
#textarea:focus{ background:url(../images/bg_textarea.png) 0 -350px no-repeat;}
#textarea textarea{padding: 20px; font-weight:normal; border:0 !important; height:310px; width:580px; background:transparent; font-family: Helvetica, Arial, sans-serif; font-size:1em; }
#textarea textarea:focus{ background:url(../images/bg_textarea.png) 0 -350px no-repeat;}
label{padding: 22px 0; text-transform:uppercase; font-weight:bold; float:left; font-size:1em;}

label.name{text-indent:-1000em; background:url(../images/label.png) 0 0 no-repeat;}
label.email{text-indent:-1000em; background:url(../images/label.png) -100px 0 no-repeat;}
label.subject{text-indent:-1000em; background:url(../images/label.png) -200px 0 no-repeat;}
label.message{text-indent:-1000em; background:url(../images/label.png) -300px 0 no-repeat; margin:150px 0 0 0;}
label.code{text-indent:-1000em; background:url(../images/label.png) -400px 0 no-repeat;}

.submit{margin:-100px -15px 0 0; padding:0; float:right; clear:both; overflow:hidden; text-indent:-1000em; width:200px; height:100px; cursor:pointer; background:url(../images/submit_button.png) 0 0 no-repeat; outline:none;}
.submit:hover{background:url(../images/submit_button.png) 0 -100px no-repeat; outline:none;}

a, a:link, a:visited {color:#2d1600; text-decoration:none; font-weight:bold; cursor:pointer;}
a:hover, a:active {color:#245253; font-weight:bold;}
.box{clear:both; float:left; margin:20px 0;}
.clear{clear:both;}
.messagebox{margin:30px 0 0 0; float:left; clear:both;}




input[type="text"]:focus {
  outline: none;
}