#contactform {

width: 500px;
padding: 20px;
background: #f0f0f0;
overflow:auto;

border: 1px solid #cccccc;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;	

-moz-box-shadow: 2px 2px 2px #cccccc;
-webkit-box-shadow: 2px 2px 2px #cccccc;
box-shadow: 2px 2px 2px #cccccc;

}

.field{margin-bottom:7px;}

label {
font-family: Arial, Verdana; 
text-shadow: 2px 2px 2px #ccc;
display: block; 
float: left; 
font-weight: bold; 
margin-right:10px; 
text-align: right; 
width: 120px; 
line-height: 25px; 
font-size: 15px; 
}

.input{
font-family: Arial, Verdana; 
font-size: 15px; 
padding: 5px; 
border: 1px solid #b9bdc1; 
width: 300px; 
color: #797979;	
}

select{
	font-family: Arial, Verdana; 
	font-size: 15px; 
	padding: 5px; 
	border: 1px solid #b9bdc1; 
	width: 200px; 
	color: #797979;	
}

input{
	font-family: Arial, Verdana; 
	font-size: 15px; 
	padding: 5px; 
	border: 1px solid #b9bdc1; 
	width: 200px; 
	color: #797979;	
}

.input:focus{
background-color:#E7E8E7;	
}

.textarea {
height:150px;	
}

.hint{
display:none;
}

.field:hover .hint {  
position: absolute;
display: block;  
margin: -30px 0 0 455px;
color: #FFFFFF;
padding: 7px 10px;
background: rgba(0, 0, 0, 0.6);

-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;	
}

.button{
float: right;
margin:10px 55px 10px 0;
font-weight: bold;
line-height: 1;
padding: 6px 10px;
cursor:pointer;   
color: #fff;

text-align: center;
text-shadow: 0 -1px 1px #64799e;

/* Background gradient */
background: #008C46;
background: -moz-linear-gradient(top, #00D900 0%, #006600 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008C00), to(#196600));

/* Border style */
border: 1px solid #104000;  
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

/* Box shadow */
-moz-box-shadow: inset 0 1px 0 0 #00661A;
-webkit-box-shadow: inset 0 1px 0 0 #00661A;
box-shadow: inset 0 1px 0 0 #00661A;

}

.button:hover {
background: #006600;
cursor: pointer;
}