﻿.quilt-slideshow,
.quilt-slideshow:after { 
    position:absolute;
    width:300px;
    height:400px;
    top:240px;
    /*margin-Left:165px;
    padding-left:290px; */    
    z-index:0; 
}

.quilt-slideshow li {
	visibility:hidden
}

.quilt-slideshow li span { 
	visibility:visible;	
	position:absolute;  
    width:300px;
    height:400px;   
    top:240px; 
    /* margin-left:165px;
    padding-left:290px; */
    color:transparent;     
    background-size: 100% 100%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    opacity:0;
    z-index:0;       
    animation:imageAnimation 54s linear infinite 0s;
}
.quilt-slideshow li:nth-child(1) span { 
    background-image:url('Quilts/Q69.jpg') 
}
.quilt-slideshow li:nth-child(2) span { 
    background-image:url('Quilts/Q17.jpg');
    animation-delay:6s;
}
.quilt-slideshow li:nth-child(3) span { 
    background-image:url('Quilts/Q22.jpg'); 
    animation-delay:12s; 
}
.quilt-slideshow li:nth-child(4) span { 
    background-image:url('Quilts/Q30.jpg');
    animation-delay:18s; 
}
.quilt-slideshow li:nth-child(5) span { 
    background-image:url('Quilts/Q38.jpg');   
    animation-delay:24s;
}
.quilt-slideshow li:nth-child(6) span { 
    background-image:url('Quilts/Q42.jpg');   
    animation-delay:30s;
}
.quilt-slideshow li:nth-child(7) span { 
    background-image:url('Quilts/Q44.jpg');
    animation-delay:36s;
}
.quilt-slideshow li:nth-child(8) span { 
    background-image:url('Quilts/Q49.jpg');
    animation-delay:42s;
}
.quilt-slideshow li:nth-child(9) span { 
    background-image:url('Quilts/Q55.jpg');
    animation-delay:48s;
}

/* Animation for the slideshow images */
@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }    		
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .quilt-slideshow li span{
	opacity: 1;
}

.image-styleQ1 {
	width:450px;
	height:600px;
	border-color:black;
	border-style:solid;
	border-width:1px;
	padding:10px;
	background-color:#99CCFF;
}
.image-styleQ2 {
	height:24px;
	width:24px;
	border-color:white;
	border-style:solid;
	border-width:1px
}
.image-styleQ3 {
	z-index:1;
	position:absolute;
	top:1192px;
	height:24px;
	width:320px;
	background-color:#EAEAEA;
	opacity:0.50;
	margin-left:10px;
}
.image-styleQ3 img {
	cursor:pointer;
	z-index:2;
	float:right;
	padding-top:4px;
	padding-right:5px;
	opacity:1
}