@charset "utf-8";
body {background-color:#000; color:#999; margin-top:0px; background-image:url(images/background.jpg); background-repeat:repeat-x}

#container {
	width: 950px;
	margin-right: auto;
	margin-left: auto; text-align:justify; color:#FFF;
}
h1 {font-size:18px; color:#fc0;}
strong { color:#fc0;}

.footer {font-size:13px; background-image:url(images/footer.jpg); height:32px; padding-top:20px; clear:both;}
a:link {
	color: #999;
}
a:visited {
	color: #999;
}
a:hover {
	color: #ecf601;
}
a:active {
	color: #999;
}

	
.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 800px;
height: 300px;
margin-right:25px;/*Height should enough to fit largest content's height*/
padding:5px;
}

.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: 0; /*margin around each panel*/
padding-left:5px;
padding-right:5px; height:260px;
/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


#arrows
	{
		width:100px;
		margin-left:auto;
		margin-right:auto;
	}