html,
body{
    margin:0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}
body{
    background: url(imagesbackground.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#content{
    width: 1280px;
    min-height: 600px;
    margin: 0 auto;
}
#title{
    padding-top: 110px;
    display: block;
    width: 320px;
    height: 50px;
    margin: 0px auto 60px;
    background: url(imagestitle.png) no-repeat 13px 110px;
    _background: url(../images/title.jpg) no-repeat 0px 110px;
}
#buttom{
    display: block;
    width: 260px;
    height: 24px;
    margin: 87px auto 0;
    background: url(imagesbuttom.png) no-repeat ;
    _background: url(../images/buttom.jpg);
}
#warp{
    width: 700px;
    height: 400px;
    margin: 0px auto;
}
#c_left{
    float: left;
    width: 284px;
    height: 367px;
    background: url(imagesleft_btn.png);
    _background: url(../images/left_btn.gif) no-repeat;
    _background-position: center center;
}
#c_right{
    float: right;
    width: 284px;
    height: 367px;
    background: url(imagesright_btn.png);
    _background: url(../images/right_btn.gif) no-repeat;
    _background-position: center center;
}