@import url("header.css");
@import url("footer.css");

.main {
	CLEAR: both;
	MARGIN: 14px auto 0px;
	WIDTH: 904px;
	TEXT-ALIGN: left
}
.clearer {
	CLEAR: both;
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	LINE-HEIGHT: 1px;
	PADDING-TOP: 0px;
	HEIGHT: 1px
}
.main .right {
	FLOAT: right;
	WIDTH: 247px
}
A:link {
	TEXT-DECORATION: none
}
.main .right .how {
	MARGIN-TOP: 9px;
	BACKGROUND: url(../images/how-bg.gif);
	HEIGHT: 293px
}
.main .right .how .left-edge {
	BACKGROUND: url(../images/how-left.gif) no-repeat left 50%;
	HEIGHT: 293px
}
.main .right .how .right-edge {
	BACKGROUND: url(../images/how-right.gif) no-repeat right 50%;
	HEIGHT: 293px
}
.main .right .how .steps {
	PADDING-TOP: 20px
}
.main .right .how UL {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}
.main .right .how LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none
}
.main .right .how A {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 0px;
	DISPLAY: block;
	PADDING-LEFT: 28px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 1px;
	COLOR: #333333;
	LINE-HEIGHT: 30px;
	PADDING-TOP: 1px;
	BORDER-RIGHT-WIDTH: 0px;
	text-decoration:none;
}
.main .right .how A:hover {
	background-color:#ebf0f8;
}
.main .right .how .title {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 19px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 16px
}
.main .left {
	FLOAT: left;
	WIDTH: 648px
}
.main .left .content-footer {
	CLEAR: both;
	BACKGROUND: url(../images/feature-main-bottom.gif);
	OVERFLOW: hidden;
	WIDTH: 100%;
	HEIGHT: 7px
}
.main .left .content {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	BACKGROUND: url(../images/feature-main-bg.gif);
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 1px
}
.main .left .content .bg {
	BACKGROUND: url(../images/feature-main-bgv.gif) repeat-x 50% top
}
.main .left .content .feature {
	PADDING-RIGHT: 41px;
	FLOAT: right;
	WIDTH: 360px
}
.main .left .content .feature .feas {
	BORDER-RIGHT: #e3e3e3 1px solid;
	PADDING-RIGHT: 15px;
	BORDER-TOP: #e3e3e3 1px solid;
	PADDING-LEFT: 80px;
	FLOAT: left;
	MARGIN-BOTTOM: 8px;
	PADDING-BOTTOM: 10px;
	BORDER-LEFT: #e3e3e3 1px solid;
	WIDTH: 267px;
	COLOR: #5d5d5b;
	LINE-HEIGHT: 18px;
	PADDING-TOP: 10px;
	BORDER-BOTTOM: #e3e3e3 1px solid
}
.main .left .content .feature .request {
	MARGIN-TOP: 10px;
	MARGIN-LEFT: 20px;
	COLOR: #5d5d5b;
	LINE-HEIGHT: 20px
}
.main .left .content .feature .intro {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #333333;
	LINE-HEIGHT: 20px;
	PADDING-TOP: 14px
}
.main .left .soft-ui {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 32px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 17px
}
.main .left .top {
	BACKGROUND: url(../images/feature-top-bg.gif);
	HEIGHT: 71px
}
.main .left .top-left {
	BACKGROUND: url(../images/feature-top-left.gif) no-repeat left 50%;
	HEIGHT: 71px
}
.main .left .top-right {
	BACKGROUND: url(../images/feature-top-right.gif) no-repeat right 50%;
	HEIGHT: 71px
}
.main .left .top-right IMG {
	MARGIN: 15px 0px 0px 20px
}
.main .right .how A {	BORDER-TOP-WIDTH: 0px;	PADDING-RIGHT: 0px;	DISPLAY: block;	PADDING-LEFT: 28px;	BORDER-LEFT-WIDTH: 0px;	BORDER-BOTTOM-WIDTH: 0px;	PADDING-BOTTOM: 1px;	COLOR: #333333;	LINE-HEIGHT: 30px;	PADDING-TOP: 1px;	BORDER-RIGHT-WIDTH: 0px}
.more {
   width:200px; float:right;
}