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

div.bgcarousel{ /* CSS for main carousel container */
background: black url(../images/carousel-img-paints.jpg) center center no-repeat; /* loading gif while caoursel is loading */
width:920px; /* default dimensions of carousel */
height:280px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-o-border-radius: 12px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:20px 0px 0 0px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity:0.5;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: #ffffff;
left: 564px;
top: 10px;
width:300px;
padding: 20px 36px 0 20px;
font: normal 12px 'helvetica', sans-serif;
line-height: 18px;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
font-size:200%;
margin:0;
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}