body
{
padding:0; font-family:arial, sans-serif; font-size:12px;
margin:0;
width:100%
color:#36322b; background:#333333;

}
.clear{
clear:both;
}
#contact {

width:500px;
height:auto;
margin:  2px  auto auto auto;

background:#dfdfdf;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:#dfd15b solid 8px;

}
#contact span {
background:#999999;
color:#FFFFFF;
text-align:center;
border: 1px solid #000000;
width:400px; height:35px;
font-size:22px ; font-weight:bold;
display:block;
margin: 10px auto 20px auto;
line-height:35px;

}
.input {
width:308px; height:41px;
margin: 10px 5px 5px 100px;
background:url(../images/inputs.png) no-repeat;


}
.input:hover {
background:url(../images/inputs_over.png) no-repeat;

}
.input input {
width:290px; height:30px;
margin: 5px 3px 3px 10px ;
background:none; border:none;
direction:rtl;

}


.btn a , .btnX a {
background:url(../images/btn.PNG) no-repeat ;
display:block;
text-align:center;
color:#000066; text-shadow:#FFFFFF 1px 1px 1px;
text-decoration:none; 
font-weight:bold;
font-size:14px;
width:97px; height:28px;
float:left;
margin:10px;
line-height:28px;
cursor:pointer;
}
.btnX  {
float:right;
}

.btn a:hover , .btnX a:hover {
color:#fff; text-shadow:none;
}

.message {
width:308px; height:220px;
margin: 10px 5px 5px 100px;
background:url(../images/message.png) no-repeat;
}
.message:hover { background:url(../images/message_over.png) no-repeat; }
.message textarea {
width:290px; height:200px;
margin: 10px 2px 3px 5px ;
background:none; border:none;
text-align:right;
font-size:16px; font-weight:bold; 
}