@charset "utf-8";
@import "reset.css";
@import "base.css";

#intro{
	background: transparent url("/images/bg-solution.gif") no-repeat 50% 0;
	height: 224px; /* 252px */
	overflow: hidden;
	padding: 28px 0 0 0;
	text-align: center;
}
#intro h1{
	margin: 0 auto;
	text-align: right;
	padding: 0 112px 0 210px;
	width: 588px; /* 854px */
}
#intro h2{
	margin: 0 auto;
	padding: 35px 0 0 84px;
	width: 588px;
}

.section{
	margin: 0 0 28px 0;
}
.section h2{
	margin: 0 0 14px 0;
}
.section h3{
	color: #666600;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 14px 0;
}
#content .section p{
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 14px 0;
}
#content .section ul{
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 14px 0;
}
#content .section li{
	list-style: circle outside;
	margin: 0 0 3px 0;
}
#solution1{
	background: transparent url("/images/solution1-bg.gif") no-repeat 35% 60%;
}
#solution1 .stage1{
	float: left;
	padding: 0 0 0 56px;
	width: 235px;
}
#solution1 .stage2{
	float: left;
	margin: 0 0 0 14px;
	width: 300px;
}
#solution1 .stage3{
	float: right;
	padding: 0 56px 0 0;
	width: 235px;
}
#solution2 .description, 
#solution4 .description{
	float: right;
	padding: 0 56px 0 0;
	width: 364px;
}
#solution2 .diagram, 
#solution4 .diagram{
	float: left;
	padding: 0 0 0 56px;
	width: 406px;
}
#solution1 .description, 
#solution3 .description{
	float: left;
	padding: 0 0 0 56px;
	width: 364px;
}
#solution1 .diagram, 
#solution3 .diagram{
	float: right;
	padding: 0 56px 0 0;
	width: 406px;
}