@charset "utf-8";

.number_slideshow{
	line-height: 10px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	display: none;
	list-style-image: url(/images/clear.gif); /*used this to get rid of the list square that would not go away in Firefox! ("none" did not work!)*/
	margin: 2px;
	padding-top: 4px;
	padding-right: 35px;
	padding-bottom: 40px;
	padding-left: 2px;
}
.number_slideshow .number_slideshow_nav{ /*keep the nav under the background. Use background for the count (1/17= one of seventeen pictures) */
	filter: alpha(opacity=50);
	opacity: 0.5;
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: 10px; /* verticley position numbers: to make room for counter use negative -10px to move nav numbers down below nav num background (to use for 17 pics) and positive 17px puts the nums right under the image frame (to use for 15 pics)*/
	right: 8px; /*aligns row of numbers to the background*/
	list-style-image: url(/images/clear.gif); /*used this to get rid of the list square that would not go away in Firefox! ("none" did not work!)*/
}
.number_slideshow .number_slideshow_nav li{
     box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); 
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); 
	-o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); 
	-khtml-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); 
	margin-left: 0px;
    position: relative;
    float: left; /*keeps the numbers horizontally aligned 1to17 verses 17to1*/
}
.number_slideshow .number_slideshow_nav li a{ /* space around numbers inside number box */
    padding-left: 2px;
    padding-right: 2px;
}
.number_slideshow ul{
    padding: 2px;
	margin: 0px;
    background-position: center center;
    background-repeat: no-repeat;
	list-style-type: none;
}
.number_slideshow ul li{
     border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 0px;
    margin: 0px 4px 0px 0px;  /*adds space between number boxes*/
    position: absolute;
}
.number_slideshow ul li p{
	margin: 5px;
	position: absolute;
	bottom: -50px; /*position of nav background*/
	left: -8px; /*keeps the nav background lined up horizontally CENTERED under the slides/images box*/
	padding-left: 8px; /* keeps background even with image left edge*/
	padding-right: 8px;  /* keeps background even with image right edge*/
/*	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	-khtml-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
*/	filter: alpha(opacity=50);
	opacity: 0.5;
	font-size: 11px; /*what shows up in the "alt" will be vertically centered in the nav background with font at 12px*/
	line-height: 42px; /*hieght of nav background*/
	width: inherit;
	color: #999;
	background-color: #efefef;
	text-align: left; /*left align the counter for 1 of 15 - right align the counter for 1 0f 17*/
	vertical-align: top;
}
.number_slideshow ul li a{
    text-decoration: none;
}
.number_slideshow ul li a img{
/*    border: medium;
*/    margin: 0px 0px 0px 0px;  /*keeps image centered with border*/
}