@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #4b4942;
		background: #fff;
	}
	a{text-decoration: none;color: #FFFFFF;}
	a:hover{color: #000000;}
	hr{display: none;}
	strong{font-weight: bold;}

/* =LAYOUT - the main layout styles */
	.container{
		width:900px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	/* header layout */
	#header{
		height: 75px;
		background: #4a4841 url(../images/top_bg.jpg) top repeat-x;
		position: relative;
	}

	/* main area layout */
	#main{margin: 10px auto; 
		  text-align:center;
	padding:24px 0 20px 0;}
	#header .container{height: 350px;}
	/* logo */
	h1{
		position: absolute;
		height: 71px;
		top: 15px;
	}
	h1 a{
		font: 24px/24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
		padding: 22px 9px 25px 20px;
		display: block;
		color: #fff;
		background: url(../images/logo_bg.gif) left top no-repeat;
	}
	h1 a:hover{color: #fff;}
	h1 a span{
		height:71px;
		width: 13px;
		position: absolute;
		top:0;
		right: -13px;
		cursor: pointer;
		background: url(../images/logo_right.gif) right top no-repeat;
	}
	
	#banner{
		border:1px solid #000000;
		position: absolute;
		height: 325px;
		color: #a49c8f;
		font-weight: bold;
		padding:0 440px 0 7px;
		bottom: 0;
		font-size: 1.3em;
	}
	
.stepcarousel{
position: relative; 
border: 0px solid black;
overflow: scroll;
width: 800px; 
height: 275px; 
text-align:center;
}

.stepcarousel .belt{
position: absolute; 
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; 
overflow: hidden; 
margin: 10px; 
width: 250px;
}

#relatedcontent{
	font-size:large;
}