.videoNav	{
	clear:both;
	width:830px;
	height:120px;
	margin:0 0 0 130px;
	padding:0;
	}

.stepcarousel{
	background:url(../images/grayLine.gif) 0 0 repeat-x;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 610px;
	height: 120px; /*Height should be enough to fit largest content's height*/
	margin:0;
	padding:0;
	}

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

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

p.samplebuttons{
	width: 320px;
	text-align: center;
	margin:0;
	padding:0;
	}

p.samplebuttons a{
	color: #2e6ab1;
	padding: 1px 2px;
	margin-right: 3px;
	text-decoration: none;
	}
	
.leftBtn, .rightBtn, .stepcarousel	{
	float:left;
	margin:0;
	padding:0;
	}
	
img	{
	border:none;
	margin:0;
	padding:0;
	}
	
a	{
	outline:none;
	margin:0;
	padding:0;
	}
	
.leftBtn a, .rightBtn a	{
	display:block;
	width:110px;
	height:90px;
	margin:0;
	padding:0;
	}
	
	
div.leftBtn a:link, div.leftBtn a:visited	{
	background:url(../images/moveForward.gif) 0 15px no-repeat;
	}
	
	
div.leftBtn a:hover, div.leftBtn a:active	{
	background:url(../images/moveForward.gif) 0 -83px no-repeat;
	}
	
	
div.rightBtn a:link, div.rightBtn a:visited	{
	background:url(../images/moveBack.gif) 0 -98px no-repeat;
	}
	
	
div.rightBtn a:hover, div.rightBtn a:active	{
	background:url(../images/moveBack.gif) 0 0 no-repeat;
	}