@charset "UTF-8";
/* CSS Document */

.main {
float: right;
}

.main img {
-webkit-transition: 0.5s ease-in-out;
width: 360px;
height: 480px;
}

img.swap1, .main img.swap2 {
opacity: 1.0;
}

.main:hover img.swap1, img.swap2 {
opacity: 0;
}

img.swap1 {
position: absolute;
}

<!-- thumbnail -->
.thumbnail {
width: 800px;
}

.thumbnail img {
width: 144px;
height: 144px;
}

a {
color: darkred;
text-decoration: none;
-webkit-transition: 0.5s ease-in-out;
}

a:hover {
color:#ff0000;
}

p {
line-height: 200%;
color: #333;
width: 360px;
}

h1 {
color: #333;
font-size: 2.5em;
font-family: sans-serif;
text-shadow: 0px -2px 3px #ccc;
}

address {
line-height: 200%;
color: #333;
font-style: normal;
font-size: smaller;
width: 360px;
border-top: solid 1px #333;
}