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

.stepcarousel{
	border: 10px solid #242626;
	overflow: scroll; /*leave this value alone*/
	width: 579px; /*Width of Carousel Viewer itself*/
	height: 342px; /*Height should enough to fit largest content's height*/
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color: #2E3133;
	margin-top: 20px;
}

.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: 549px;
	height: 342px;
	border: 0px solid #999999;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #2e3133;
	background-color: #2F3034;
}
#mygallery .belt .panel p{
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#mygallery .belt .panel a:link, #mygallery .belt .panel a:visited{
	FONT-SIZE: 1em;
	COLOR: #FFF;
	TEXT-DECORATION: none;
	font-weight: bold;
}
#mygallery .belt .panel a:hover, #mygallery .belt .panel a.current:link, #mygallery .belt .panel a.current:visited, #mygallery .belt .panel a:active {
	COLOR: #A3EEEE;
	font-weight: bold;

}