body {
  background: #7bbcff; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(white, #7bbcff,white); /* For Safari 5.1 to 6.0 */
 background: -o-linear-gradient(white, #7bbcff,white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #7bbcff,white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #7bbcff,white); /* Standard syntax */

}

#Birth-of-Jesus-with-star  {
    display: block;
        background-image: url(../images/Birth-of-Jesus-with-star.jpg);
        background-repeat: no-repeat;
        position: relative;
        width: 900px;
        height: 711px;
        margin-bottom: 25px;
        z-index: 10;
}

@keyframes star-anim {
    from {opacity: 1;}
    to {opacity:  0;}
}

@-webkit-keyframes star-anim {
    from {opacity: 1;}
    to {opacity:  0;}
}

#star {
    display: block;
    background-image: url(../images/star.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 35px;
    left: 340px;
    width: 149px;
    height: 199px;
    animation-name: star-anim;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-name: star-anim;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}
 

#the_Star_still_leads_to_Jesus  {
    display: block;
        background-image: url(../images/the_Star_still_leads_to_Jesus.png);
        background-repeat: no-repeat;
        position: absolute;
         bottom: 55px;
    width: 900px;
    height: 83px; 
}

#a_Blessed_Christmas_2015  {
    display: block;
        background-image: url(../images/a_Blessed_Christmas_2015.jpg);
        background-repeat: no-repeat;
        width: 900px;
        height: 1033px;
        position: relative;
        margin-top: 50px;
        margin-bottom: 25px; 
        z-index: 30;
}


#Christmas-ribbon  {
    display: block;
        background-image: url(../images/Christmas-ribbon.jpg);
        background-repeat: no-repeat;
        width: 900px;
        height: 450px;
        position: relative;
        margin-top: -105px;
        margin-bottom: 25px; 
        z-index: 10;

}

#Christmas-garland  {
    display: block;
        background-image: url(../images/Christmas-garland.jpg);
        background-repeat: no-repeat;
        width: 630px;
        height: 139px;
        margin: auto;
       
}

#anim-wrapper
{
    font-size: 16px;
    font-family: Lato;
    min-height: 650px;     
    color: #7bbcff;
}
.contents
{    
    width: 520px;
    margin: 50px auto;

}
h1, h2
{
    text-align: center;
    font-family: 'Abril Fatface';
}

#pic-desc
{
    margin-top: 50px;    
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#pic-desc .picture, #pic-desc .description
{  
    background-color: #fff; 
    width: 500px;
    height: 455px;    
    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 #ff0000;
    -webkit-box-shadow: 0px 25px 19px -18px #ff0000;
    -moz-box-shadow: 0px 25px 19px -18px #ff0000;
    -o-box-shadow: 0px 25px 19px -18px #ff0000;
}
#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);    
}

.poinsettia--2_border {
     border-style: solid;
     border-width: 5px;
     border-color: red;
 }

a.small_poinsettia--2_link, a.small_poinsettia--2_link:visited  {
	display:block;
	background-image:url('../images/small_poinsettia--2_link.jpg');
	background-repeat:no-repeat;
	width:300px;
	height:273px;
	text-decoration:none;
    margin-left:auto;
	margin-right:auto;
}


a.small_poinsettia--2_link:hover, a.small_poinsettia--2_link:active  {
	background-position:0 -273px;
   
}