/* @override http://www.jasperlumberonline.com.php5-20.websitetestlink.com/wp-content/themes/lumber/files/nivo-slider.css */

/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
.slideshow { float: left; width: 620px; height: 410px; background: #eee; border: 1px solid #E7E0D2; padding: 7px; }
.slider { position:relative; width:620px; height:410px; background:url(images/loading.gif) no-repeat 50% 50%; }
.slider img { position:absolute; top:0px; left:0px; display:none; }
.slider a { border:0; display:block; }
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	background-position: 50% 50% !important;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	visibility: hidden;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
	background-position: 50% 50% !important;
	background-color: #EEE !important;
	
	/* Working! All that I need to figure out now is the color and an override for the FIRST slice */
}

.nivo-slice.loaded { background-color: none !important}

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:60px;
	top: 420px;
	backg////////////round:#000;
	color:#666;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:90%;
	z-index:89;
	font-size: 12px; display: table; height: 37px;
}
.nivo-caption .caption-wrap { display: table-cell; vertical-align: middle; }
.home #home-slideshow .nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#BBB;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
	font-size: 12px;
	z-index: 100;
}
.nivo-caption p {
	padding:0px 10px;
	margin:0;
	line-height: 16px;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    dis/////////play:none; color: #BBB; background: black;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav { }
.nivo-directionNav a {
	position:absolute;
	bottom: -40px;
	z-index:99;
	cursor:pointer;
	height: 25px; width: 25px; line-height: 25xpx; font-size: 16px; text-align: center; background: #71604f; color: #FFF; font-weight: bold; 
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
}
.nivo-directionNav a:hover { background: #BE4A11; }
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	left:30px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}