@charset "utf-8";
/* CSS Document */

div.bgcarousel{ /* CSS for main carousel container */
background: none url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:1000px; /* default dimensions of carousel */
height:246px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-position: 447px 0; /* center image within carousel */
background-repeat: no-repeat;
/*background-size: cover;  CSS3 property to scale image within container? "cover" or "contain" */
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
left: 35px;
top:0;
width:360px;
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
	font-family:"Bevan", Georgia, Times New Roman, Times, serif;
	font-size:18px;
	color:#FFF;
	font-weight:normal;
}
div.slide div.desc p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#FFF;
	line-height:20px;
}
div.slide div.desc a{
	width:200px;
	height:31px;
	background-image:url(../images/read-more-btn.gif);
	background-repeat:no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	display:block;
	margin-top:10px;
	padding:13px 0 0 20px;
}
div.slide div.desc a:hover{
	background-image:url(../images/read-more-btn-hr.gif);
	background-repeat:no-repeat;
}