body
{
    
    color: #333333;
    
    background-color: #F0F0F0;
    background: radial-gradient(center, ellipse cover, #F2F2F2 0%, #A8A8A8 100%);
    background: -moz-radial-gradient(center, ellipse cover, #F2F2F2 0%, #A8A8A8 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #F2F2F2 0%, #A8A8A8 100%);
    background: -o-radial-gradient(center, ellipse cover, #F2F2F2 0%, #A8A8A8 100%);    
}
.contents
{    
    width: 296px;
    margin: 0px auto;
}
h1, h2
{
    text-align: center;
    font-family: 'Abril Fatface';    
}
ul
{
    text-align:left;
}
#pic-desc
{

    margin-top: -20px auto;
    margin-left: -20px auto;
    width: 296px;
    height: 290px;  
    position: relative;
    font-size: .8em;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;

}

#pic-desc .picture, #pic-desc .description
{  
    
    padding: 0px;
    width: 296px;
    height: 2906px;    
    position: absolute;   
    text-align: center;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -moz-transition: -moz-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    -ms-transition: -ms-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 0px 25px 19px -18px #545454;
    -webkit-box-shadow: 0px 25px 19px -18px #545454;
    -moz-box-shadow: 0px 25px 19px -18px #545454;
    -o-box-shadow: 0px 25px 19px -18px #545454;
}
#pic-desc .description
{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

#pic-desc:hover .description
{    
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

#pic-desc:hover .picture
{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);    
}