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

#mygallery {
	margin-bottom: 7px;
	}
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 910px; /*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: 910px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#bannernav {
	width: 155px; height: 64px;
	position: absolute;
	left: 766px;
	top: 341px;
	}
.step0 {
	background: transparent url('/images/features/ban_bg_nav1.png') bottom right no-repeat; 
	}
	
.step1 {
	background: transparent url('/images/features/ban_bg_nav2.png') bottom right no-repeat;
	}

.step2 {
	background: transparent url('/images/features/ban_bg_nav3.png') bottom right no-repeat;
	}
#bannernav a img {
	border: none;
	}
#bannernav ul.slider {
	float: left; 
	text-align: left; 
	padding: 24px 0 0 36px; 
	margin: 0;
	}
#bannernav ul.slider li {
	float: left; 
	padding: 0; 
	margin: 0 6px 0 0; 
	list-style: none; 
	display: inline;
	}

#mygallery span {
	color: #3399CC;
	}
#mygallery .panel h1, #mygallery .panel h2, #mygallery .panel h3, #mygallery .panel h4 {
	margin:0; padding: 0;
	position: absolute; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #02538E;
	letter-spacing: -0.07em;
/*	word-spacing: 0.3em; */
	}
#mygallery .panel h1 {
	left: 310px; top: 45px; 
	font-size: 40px;
	}
#mygallery .panel h2 {
	left: 310px; top: 85px;
	font-size: 30px;
	}
#mygallery .panel h3 {
	left: 20px; top: 30px;
	line-height: 30px;
	font-size: 28px;
	}
#mygallery .panel h4 {
	left: 20px; top: 160px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.01em;
	}