body {
  font-family:Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
  color: blue;
font-size: 10px;
  background-color: #FFFFFF;
 background-image: url("Photos/index_lathe.gif");
 background-repeat: no-repeat;
 background-size: 819px 689px;
 background-position: center; 

 }



h4 { font-size: 200%; }


body{
  text-align:center;
 
}

.button{
  position:relative;
  display:inline-block;
  margin:50px;
}

.button a{
  color: #FFFFFF;
  font-family:Helvetica, sans-serif;
  font-weight:bold;
  font-size:15px;
  text-align: center;
  text-decoration:none;
  background-color:#FF0000;
  display:block;
  position:relative;
  padding:10px 10px;
  
  -webkit-tap-highlight-color: #848484;
  text-shadow: 0px 1px 0px #848484;
  filter: dropshadow(color=#848484, offx=0px, offy=1px);
  
  -webkit-box-shadow:inset 0 1px 0 #FFE5C4, 0 10px 0 #915100;
  -moz-box-shadow:inset 0 1px 0 #FFE5C4, 0 10px 0 #915100;
  box-shadow:inset 0 1px 0 #FFE5C4, 0 10px 0 #915100;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.button a:active{
  top:10px;
  background-color:#F78900;
  
  -webkit-box-shadow:inset 0 1px 0 #FFE5C4, inset 0 -3px 0 #915100;
  -moz-box-shadow:inset 0 1px 0 #FFE5C4, inset 0 -3pxpx 0 #915100;
  box-shadow:inset 0 1px 0 #FFE5C4, inset 0 -3px 0 #915100;
}

.button:after{
  content:"";
  height:100%;
  width:100%;
  padding:4px;
  position: absolute;
  bottom:-15px;
  left:-4px;
  z-index:-1;
  background-color:#2B1800;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}