#container{	
	margin:40px 0 0 60px ;
	width:826px;
	background: url(../images/LCD.png) no-repeat;	
	height:446px;	
	}	
	 	
	#content{
	position:relative;
	}			

/* Easy Slider */

	#slider{ 
	margin:0 0 0 0px;
	padding:24px 0 0 0;
 
	}	
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:778px; /*Width of Carousel Viewer itself*/
height: 446px; /*Height should enough to fit largest content's height*/
margin-left:auto;
margin-right:auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .belt  h1
{
font:normal bold 2em "Trebuchet MS", Helvetica, sans-serif;
margin:0;
padding:0 0 10px 0;
color:#5e5e5e;
letter-spacing:-1px;
}

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