body {
	min-width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
    background: #f1f4f7;
}

a {text-decoration:underline; color: #1042cf;}
a:hover {text-decoration:none;}
div:focus, a:focus {outline: none;}

.clearing {clear: both; height: 0px; font-size:0; line-height:0;}
.hidden {display: none;}
.bcont:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.center {text-align: center;}

.c-red {color: #bb2201;}
.fw-n {font-weight: 500 !important;}

.fz-19 {font-size: 19px; line-height: 22px;}
.fz-24 {font-size: 24px;}

.highlight-li {background-color: #d5dfe7 !important;}

.cwrap {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
    }

    .cwrap:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

#container {
	float: left;
	width: 100%;
}

#header {
	float: left;
	width: 100%;
}

.do-want {
    minx-height: 210px;
    padding: 36px 0 36px 262px;
    background: url("../i/dowant.jpg") 46px 14px no-repeat;
    font-size:  24px;
    line-height: 26px;
    font-weight: 700;
    }

    .do-want-ins {
        padding: 36px 0 36px 300px;
        background: url("../i/product_sm.jpg") 39px 22px no-repeat;
        }

    .do-want p {
        border-bottom: #cfcfcf solid 1px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        }

        .do-want p.last {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0;
            }

#main {
	float: left;
	width: 100%;
}

.main {
    padding-bottom: 32px;
    background: url("../i/gradient.jpg") 0 0 repeat-x;
    }

.main-short {
    background: none;
    }

.intro {
    padding:28px 0 33px;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    }

.basis {
    min-height: 286px;
    padding: 40px 0 40px 462px;
    background: url("../i/product.png") 46px 0 no-repeat;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    }

    .basis h1 {
        margin-bottom: 15px;
        font-size: 34px;
        line-height: 40px;
        }

.box1 {
    height: 236px;
    padding-bottom:  55px;
    background: url("../i/box1.png") 0 0 no-repeat;
    }

    .box1 .content {
        float: left;
        height: 236px;
        width: 350px;
        margin: 46px 0 0 70px;
        }

        .box1 .content p {
            padding-bottom: 15px;
            color: #fff;
            font-size: 12px;
            line-height: 14px;
            }

    .box1 .order {
        float: right;
        width: 317px;
        margin:  46px 62px 0 0;
        }


    .box1 .order-now {
        float: left;
        margin-left:  36px;
        }


.input1 {
    display: block;
    width: 293px;
    height: 20px;
    margin-bottom: 15px;
    padding: 9px 12px 10px;
    background: url("../i/input_s1.png") 0 0 no-repeat;
    border: none;
    font-size: 18px;
    line-height: 20px;
    color: #848284;
    }

.input2 {
    float: left;
    width: 222px;
    height: 20px;
    margin: 4px 10px 0 0;
    padding: 9px 12px 10px;
    background: url("../i/input_s2.png") 0 0 no-repeat;
    border: none;
    font-size: 18px;
    line-height: 20px;
    color: #848284;
    }

    .input2:focus,
    .input1:focus {
        color: #000;
        }

.order-now {
    width: 248px;
    height: 47px;
    border: none;
    background: url("../i/btn.png") 0 0 no-repeat;
    text-indent: -9999px;
    cursor:  pointer;
    }

    .order-now:hover {
        background-position: 0 100%;
        }

.about {
    font-weight: 700;
    }

    .about .order {
        line-height: 24px;
        }

        .about .order strong {
            display: block;
            font-size: 28px;
            }

        .about .order small {
            font-size: 14px;
            }
    
    .about h2 {
        width: 730px;;
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 18px;
        color: #bb2201;
        }

    .about p {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 20px;
        }

    .about .section {
        position: relative;
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 19px;
        }

    .about li {
        padding: 8px 28px 8px 67px;
        background: url("../i/li.png") 24px 7px no-repeat;
        font-weight: 700;
        }

.time {
    position:  absolute;
    right: 38px;
    top: -47px;
    width: 96px;
    height: 121px;
    background: url("../i/ico1.png") 0 0 no-repeat;
    }

.people {
    position:  absolute;
    right: 32px;
    top: -20px;
    width: 115px;
    height: 121px;
    background: url("../i/ico2.png") 0 0 no-repeat;
    }

.folder {
    position:  absolute;
    right:18px;
    top: 51px;
    width: 128px;
    height: 93px;
    background: url("../i/ico3.png") 0 0 no-repeat;
    }

.box2 {
    height: 117px;
    margin-top: -20px;
    padding-bottom: 26px;
    background: url("../i/box2.jpg") 0 0 no-repeat;
    }

    .box2 .content {
        float: left;
        margin: 36px 0 0 71px;
        }

.tip {
    font-size: 13px;
    line-height: 15px;
    }

.video {
    width: 880px;
    margin: 22px auto 0;
    padding-bottom: 7px;
    border-bottom: #9bb2d0 solid 1px;
    }
    
    .video h1,
    .video h2 {
        margin-bottom: 7px;
        font-size: 27px;
        line-height: 30px;
        text-align: center;
        }

.player {
    width: 721px;
    margin:  0 auto 16px;
    }

.download {
    text-align: center;
    font: 12px/14px Trebuchet MS;
    }

    .download a {
        color: #000;
        }

.pdf {
    width: 500px;
    min-height: 76px;
    margin: 0 auto 10px;
    padding-left: 100px;
    padding-top: 32px;
    background: url("../i/pdf.png") 0 0 no-repeat;
    font-size: 17px;
    line-height: 23px;
    }

    .pdf a {
        color: #000;
        text-decoration: none;
        }

    .pdf a small {
        font-size: 13px;
        color: #666;
        }

    .pdf a b {
        text-decoration: underline;
        }
    
        .pdf a:hover b {
            text-decoration: none;
            }

.wblock-s {
	float: left;
	width: 429px;
    margin: 40px 0 50px;
    font: 12px Trebuchet MS;
}

	.wblock-s .bgt {
		height: 10px;
		background: url(../i/bb_t.png) 0 0 no-repeat;
	}

	.wblock-s .bgc {
		background: #d7e0e8;
	}

		.wblock-s .bgc .wrapper {
			padding: 11px 5px 11px 82px;
		}

		.wblock-s .bgc .wrapper.img1 {
			background: url(../i/img4.png) 19px 11px no-repeat;
		}

		.wblock-s .bgc .wrapper.img2 {
			background: url(../i/img5.png) 19px 11px no-repeat;
		}

	.wblock-s .bgb {
		height: 10px;
		background: url(../i/bb_b.png) 0 0 no-repeat;
	}

	.wblock-s strong {
		display: block;
		margin-bottom: 7px;
		font-size: 19px;
		font-weight: 500;
		line-height: 21px;
        color: #000;
	}

.wblock-s__r {
    float: right;
    }

.teaser {
    clear: both;
    width: 881px;
    height: 396px;
    margin: 0 auto;
    background: url("../i/teaser.png") 0 0 no-repeat;
    color: #fff;
    }

    .teaser .content {
        float: left;
        width: 320px;
        margin: 92px 0 0 40px;
        font: 21px/26px Tahoma;
        }

    .teaser strong {
        display: block;
        margin-bottom: 20px;
        font-size: 27px;
        line-height: 45px;
        font-family: Arial;
        }
    
        .teaser strong b {
            display: block;
            font-size: 41px;
            line-height: 37px;
            }

.teaser-go {
    display: block;
    width: 240px;
    height: 62px;
    margin-top: 25px;
    background: url("../i/teaser_btn.png") 0 0 no-repeat;
    }

    .teaser-go:hover {
        background-position: 0 100%;
        }

.end {
    width: 750px;
    margin: 40px auto;
    font-size: 16px;
    line-height: 20px;
    }

.end h2 {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 36px;
    }

#footer {
	float: left;
	width: 100%;
    padding:  0 0 40px;
    font: 12px/17px Trebuchet MS, Arial;
    }

    #footer .cwrap {
        width: 880px;
        border-top: #a4a6a8 solid 1px;
        padding-top: 19px;
    }

.f-copy {
    float: left;
    width: 320px;
    }

.f-support {
    float: right;
    width: 455px;
    }

.info-dvd {
    clear: both;
    padding-top: 26px;
    text-align: center;
    }