/* slideshow styles revision, 2/13/10 */

#slideWrapper{
	width:640px;
	height:320px;
	position:relative;
	overflow: hidden;
}

.pics { height: 300px; padding:0; margin:0; overflow: hidden;
}

/* navSlide thumbnail styles */

#navSlide { padding:0; margin:0;
       height:80px;
       position:absolute; top:236px; left:335px;
       z-index:50;
}
#navSlide li {float: left; margin: 7px; list-style: none }
#navSlide a { padding: 2px; display: block; border: 1px solid #ccc; }
#navSlide a.activeSlide { background: #fff }
#navSlide a:focus { outline: none; }
#navSlide img { border: none; display: block }


/* Slides positioning */

#slide1 { position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0; width: 640px; height: 618px; }
#slide2 { position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0; width: 640px; height: 618px; }
#slide3 { position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 1; width: 640px; height: 618px; }

#slide1 h3, #slide2 h3, #slide3 h3 { padding: 6px 0.5em; color:#FFFFFF; }
#slide1 p, #slide2 p, #slide3 p { padding: 0 0.5em; color:#FFFFFF; }
#slide1 a, #slide2 a, #slide3 a { color:#FFFFFF; }
#slide1 a:hover, #slide2 a:hover, #slide3 a:hover { color: #CC0000; }


/* graybox text classes */

.graybox {
    position: absolute;
	color: #fff;
    background-color: #494235;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
	height:300px;
	width:180px;
	text-decoration:none;
}

.graybox .learnMore{
	font-size:12px;
	text-decoration:underline;
}


/* other graybox classes */

.graybox a{
	text-decoration:none;
}

/* 2/13/10: Optimized with CSS Redundancy Checker: http://services.immike.net/css-checker/ */