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

#myprojects { overflow:hidden;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 305px; /*Width of Carousel Viewer itself*/
height: 166px; /*Height should enough to fit largest content's height*/
margin-bottom:20px;
top:79px;
left:44px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 305px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel p {
font-size:12px;
color:black;
margin-top:4px;
}
.stepcarousel .panel p a {
font-weight:normal;
color:black !important;
text-decoration:none;
}

.stepcarousel .panel p a:hover {
text-decoration:underline;
color:#835e7f;
}

.stepcarousel .panel p span {
padding-right:5px;
font-weight:bold;
color:black;
text-decoration:none;
}

.stepcarousel .panel img {border: 10px solid #e7d7c3;}

.stepcarousel .panel p br {
line-height:80%;	
}