div.bgcarousel{ /* CSS for main carousel container */
width:100%; /* default dimensions of carousel */
height:444px;
box-shadow:0px 0px 5px #111111;
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.7;
}

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;
left: 206px;
top: 200px;
padding: 5px 10px;
color:#ffffff;
font-weight:normal;
z-index:5;
text-align:left;
margin:0px 0px 0px 0px;
background:url(../images/intro_arrow.png) top center repeat;

}

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

div.slide div.desc h2{
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:22px;
font-weight:bold;
padding:0px 10px;
}

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

div.slide div.desc span{
color:#ffffff;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:35px;
font-weight:bold;
}