#form_wrap {
    overflow: hidden;
    height: 446px;
	width: 530px;
	margin: 0 auto;
    position: relative;
    top:0;
    -webkit-transition: all 1s ease-in-out .3s;
    -moz-transition: all 1s ease-in-out .3s;
    -o-transition: all 1s ease-in-out .3s;
    transition: all 1s ease-in-out .3s;
}
#form_wrap:before {
    content: "";
    position: absolute;
    bottom: 128px;
    left: 0px;
    background: url(../images/contact-form/before.png);
    width: 530px;
    height: 316px;
}
#form_wrap:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    background: url(../images/contact-form/after.png);
    width: 530px;
    height: 260px;
}
#form_wrap.hide:after,
#form_wrap.hide:before { display: none }
#form_wrap:hover {
    height: 843px;
    top: -230px;
}
form {
    background: #f7f2ec url(../images/contact-form/letter_bg.png);
    position: relative;
    top: 220px;
    overflow: hidden;
    height: 200px;
    width: 500px;
    margin: 0px auto;
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
    -moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
    -webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
    -webkit-transition: all 1s ease-in-out .3s;
    -moz-transition: all 1s ease-in-out .3s;
    -o-transition: all 1s ease-in-out .3s;
    transition: all 1s ease-in-out .3s;
}
#form_wrap:hover form { height: 530px }
label {
    margin: 11px 20px 0 0;
    font-size: 16px;
    color: #b3aba1;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px #fff;
}
input[type=text],
textarea {
    font: 14px normal normal uppercase helvetica, arial, serif;
    color: #7c7873;
    background: none;
    width: 100%;
    height: 30px;
    padding: 0px 8px;
    margin: 0 0 8px 0;
    border: 1px solid #f8f5f1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0px 0px 1px #726959;
    -webkit-box-shadow: inset 0px 0px 1px #b3a895;
    box-shadow: inset 0px 0px 1px #b3a895;
}
textarea {
    height: 40px;
    padding-top: 10px;
}
textarea:hover,
input[type=text]:hover {background: rgba(255,255,255,.7) }}
textarea:focus,
input[type=text]:focus { background: rgba(255,255,255,1) }
#form_wrap input[type=submit] {
    position: relative;
    font-family: 'YanoneKaffeesatzRegular';
    font-size: 24px;
    color: #7c7873;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
    text-align: center;
    opacity: 0;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: opacity .6s ease-in-out 0s;
    -moz-transition: opacity .6s ease-in-out 0s;
    -o-transition: opacity .6s ease-in-out 0s;
    transition: opacity .6s ease-in-out 0s;
	border:0;
	background: #f7f2ec url(../images/contact-form/letter_bg.png);
}
#form_wrap:hover input[type=submit] {
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out 1.3s;
    -moz-transition: opacity .5s ease-in-out 1.3s;
    -o-transition: opacity .5s ease-in-out 1.3s;
    transition: opacity .5s ease-in-out 1.3s;
}
#form_wrap:hover input:hover[type=submit] { color: #435c70 }

#form_wrap span {
	color:#999;
}

/*contact form */
.error { 
    display: block; 
    color: red; 
    font-style: italic; 
} 
#ret_message { 
    display:none; 
	font-weight: bold;
	text-align: center;
	width: 100%;
	
background: rgb(255, 255, 255) transparent;
background: rgba(255, 255, 255, 0.4);
padding: 25px;
font-size: 20px;
color: black;
text-shadow: 2px 2px 5px rgba(150, 150, 150, .7);
overflow: auto;
	
} 

.ret_message_container { 
padding: 25px;
background-color:white;

}

#recaptcha_area {margin:0 auto;}
.recaptchatable #recaptcha_response_field {height:auto !important;}