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


#mygallery{overflow: hidden;}


.stepcarousel{

	position: relative; /*leave this value alone*/

	border: 0px;

	overflow: scroll; /*leave this value alone*/

	width: 714px; /*Width of Carousel Viewer itself*/

	height: 250px; /*Height should enough to fit largest content's height*/

}



.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: 714px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}



.samplebuttons {

	z-index: auto;

	background-color: #47382F;

	padding-top: 6px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 25px;

}



.samplebuttons a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	letter-spacing: 10px;

}



.samplebuttons a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	letter-spacing: 10px;

}



.samplebuttons a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #009BD9;

	text-decoration: none;

	letter-spacing: 10px;

}