.wrapper { width: 760px; margin: 0 auto; }

/* header */
.banner { width: 760px; height: 224px; }
.bannerleft { float: left; width: 538px; height: 224px; background: url(../img/bannerleft.jpg) 0 0 no-repeat; }
.bannerright { float: right; width: 222px; height: 224px; }
.bannerright li { float: left; width: 111px; height: 112px; }

/* main */
.main { width: 760px; background: url(../img/shadow.jpg) 0 0 repeat-x; }
.main a:link , .main a:visited , .main a:active { color: #333333; text-decoration: none; }
.main a:hover { color: #ff6600; text-decoration: none; }

.mLeft { float: left; width: 517px; padding: 15px 10px 0 10px; padding-top: 15px; display: inline; border-right: 1px solid #dbdbdb; }
.box1 { width: 517px; height: 155px; background: url(../img/box1.jpg) 0 0 no-repeat; }
.box2 { width: 517px; height: 155px; background: url(../img/box2.jpg) 0 0 no-repeat; }
.box3 { width: 517px; height: 155px; background: url(../img/box3.jpg) 0 0 no-repeat; }
.box4 { width: 517px; height: 155px; background: url(../img/box4.jpg) 0 0 no-repeat; }

.box1 .bmain , .box2  .bmain , .box3  .bmain , .box4  .bmain { padding-top: 50px; }
.box1 li , .box2 li , .box3 li , .box4 li { float: left; width: 215px; height: 22px; margin-left: 20px; padding: 0 0 0 12px; display: inline; line-height: 22px; text-align: left; color: #000000; background: url(../img/list.gif) 0 8px no-repeat; overflow: hidden; }

.mRight { float: right; width: 222px; }
.mrTitle { float: left; width: 212px; height: 28px; padding: 3px 0 0 10px; display: inline; line-height: 28px; text-align: left; font-size: 14px; font-weight: bold; background: url(../img/mrtitle.jpg) 0 0 no-repeat; }
.mRight ul { float: left; width: 212px; margin-top: 10px; padding-left: 10px; display: inline; }
.mRight li { float: left; width: 190px; height: 22px; padding: 0 10px 0 12px; display: inline; text-align: left; line-height: 22px; background: url(../img/list2.jpg) 4px 8px no-repeat; overflow: hidden; }

.ad { float: left; width: 198px; margin: 10px 10px 0 10px; display: inline; }