#ban{background:url(../gf8/ban13.jpg)}
#area{top:240px}
#move{background:url(../gf8/tyt22.png)}
#adr{width:1000px;height:500px;position:absolute;top:320px;left:0px;background:url(../gf8/adr.png)}
#dog{width:125px;height:125px;position:absolute;top:448px;right:54px;background:url(../gf8/stamp.gif)}
input[type="submit"]{
border:1px solid #000;border-radius:18px;
display:inline-block;
font-family:Arial;font-size:20px;
font-style:normal;font-weight:bold;
height:36px;
line-height:32px;
position:absolute;
text-align:center;
text-decoration:none;
text-indent:0;
text-shadow:1px 1px 0 #000;
width:90px;top:318px;left:362px
}
input[type="submit"]:hover {
background:-webkit-gradient(linear,left top,left bottom,color-stop(1, #090), color-stop(1, #090));
box-shadow:
6px 6px 6px 0 rgba(55, 55, 55, 0.8) inset,
-6px -6px 6px 0 rgba(255, 255, 255, .8) inset;
cursor:pointer
}
.contact-form {
float:left;
height:350px;width:400px;
position:relative;color:#00F;
top:0px;z-index:1500;
margin-top:0px;margin-right:20px;
margin-bottom:20px;margin-left:-20px;
position:absolute;right:73px;top:440px
}
#contact {
float:left;
margin-top:0;margin-right:0;
margin-bottom:0px;margin-left:40px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px
}
#contact  input[type=text]{
border:1px solid #444;border-radius:10px;
margin-top:5px;margin-right:8px;
margin-bottom:5px;
margin-left:0;padding-top:2px;
padding-right:5px;padding-bottom:2px;
padding-left:5px;z-index:1500
}
#contact  .name {
width:240px;float:left
}
#contact  .email {
width:240px;float:left
}
#contact  .name input, #contact  .email input {
width:228px
}
#contact textarea {
border:1px solid #444;border-radius:10px;
width:400px;height:120px;
margin-top:10px;margin-right:0;
margin-bottom:20px;margin-left:0;
padding-top:4px;padding-right:5px;
padding-bottom:4px;padding-left:5px;
resize:none
}
#contact  input[type=submit] {
background-color:#f70; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF
}
#contact  input[type=text], #contact  textarea, #contact  select {
color:#444;border-radius:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;line-height:1.6;
background-color:#fff;background-repeat:repeat-x;background-position:0 0
}
.error_message {
width:375px;height:22px;
display:block;
line-height:22px;
padding:3px 10px 3px 35px;
color:#8a1f11;
border:1px solid #444;
margin-bottom:15px;
-webkit-border-radius:10px;
background-color:#FBE3E4;background-repeat:no-repeat;
background-position:10px center
}
.loader { 
padding:0 10px
}
#contact p{
font-weight:700;
margin-bottom:0px
}
#contact span.required {
font-size:24px;color:#f00
}
#contact legend {
padding:3px 5px;
font-weight:bold;
-webkit-border-radius:10px;
margin-bottom:0 !important
}
#content #contact {
border:1px solid #444
}
#contact #contactform fieldset {
border-top-style:none;border-right-style:none;
border-bottom-style:none;border-left-style:none;
margin-top:10px
}
.contact_info {
display:block;float:right;
height:35px;width:170px;
position:relative
}
#pnd {
display:inline-block;
width:2px;height:75px;
background:transparent;z-index:10;
position:relative;
transform-origin:50% 0;
animation:moveIt 4s ease-in-out infinite;
background:url(../gf8/pend.png);
width:360px;height:157px;
position:absolute;
top:545px;left:61px 
}
@keyframes moveIt {
0%, 100% {
transform:rotate(12deg)
}
50% {
transform:rotate(-12deg)
}
}
#pin {
width:99px;height:99px;
position:absolute;top:500px;left:198px;
background:url(../gf0/pin.png);
z-index:20
}