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

div.bgcarousel{ /* CSS for main carousel container */
background: none url(../image/loading.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:1263px; /* default dimensions of carousel */
height:400px;
margin:0;
float:left;
background:#FFF;
border-bottom:5px solid #f68b20;
}

div.bgcarouse2{ /* CSS for main carousel container */
background: none url(../image/loading.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:220px; /* default dimensions of carousel */
height:220px;
margin-left:10px;
margin-bottom:40px;
float:left;
background:#FFF;
-webkit-box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
-moz-box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
}

div.bgcarouse3{ /* CSS for main carousel container */
background: none url(../image/loading.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:220px; /* default dimensions of carousel */
height:220px;
margin-left:20px;
margin-bottom:40px;
float:left;
background:#FFF;
-webkit-box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
-moz-box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
}

div.bgcarouse4{ /* CSS for main carousel container */
background: none url(../image/loading.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:220px; /* default dimensions of carousel */
height:220px;
margin-left:20px;
margin-bottom:40px;
float:left;
background:#FFF;
-webkit-box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
-moz-box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
}

div.bgcarouse5{ /* CSS for main carousel container */
background: none url(../image/loading.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:220px; /* default dimensions of carousel */
height:220px;
margin-left:20px;
margin-bottom:40px;
float:left;
background:#FFF;
-webkit-box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
-moz-box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
box-shadow: 9px 9px 0px -1px rgba(230,227,230,1);
}

div.bgcarouse6{ /* CSS for main carousel container */
background: none url(../image/loading.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:220px; /* default dimensions of carousel */
height:110px;
margin:0px 10px 20px 10px;
float:left;
background:#FFF;
}

img.navbutton{ /* CSS for the nav buttons */
margin:0px 180px;
width:33px;
height:27px;
opacity:0.7;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: none;
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: white;
left: 40px;
top: 100px;
width:200px;
padding: 10px;
font: bold 16px sans-serif, Arial;
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:150%;
margin:0;
}

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