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

#holdShow{
	width:240px;
	float:right;
	margin:5px;
	margin-left:27%;
}
#holdShow, #quoteshow{
	margin-top:30px;
	height:140px;
}

#slideshow {
    position:relative;
    height:140px;
	border-radius:10px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	border-radius:10px;
	box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:none;/*no double drop shadow, temp until all browsers can use filter*/
	-webkit-filter:drop-shadow(0px 0px 5px #000);
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/*css for quotes*/
#quoteshow {
    position:relative;
	width:25%;
	margin-right:25%;
	margin-bottom:20px;
	float:right;
	border-left:thin solid rgba(80,80,80,0.5);
}

#quoteshow p {
	font-style:italic;
	font-size:14pt;
    position:absolute;
    top:1em;
    left:0;
    z-index:8;
    opacity:0.0;
}

#quoteshow p.active {
    z-index:10;
    opacity:1.0;
}

#quoteshow p.last-active {
    z-index:9;
}

@media screen and (max-width : 1490px){
	#quoteshow{
		margin-right: 14%;
	}
}
@media screen and (max-width : 918px){
	#quoteshow{
		margin-right: 1%;
	}
	#holdShow{
		margin-left:1%;
	}
}