@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: url(../images/layout-bg2.jpg) repeat-x 0 0; }
li { list-style: none; }
a { text-decoration: none; }
img { border: none; }

.layout { width: 1100px; height: 900px; margin: 0 auto; background: url(../images/layout-bg2.jpg) repeat-x 0 0; }

.in-layout { width: 900px; margin-left: 100px; }

.header { height: 319px; background: url(../images/head-bg2.jpg) no-repeat 0 0; position: relative; }

.title { position: absolute; left: 12px; top: 75px; }
.tel { position: absolute; left: 15px; top: 180px; }
.card { position: absolute; left: 15px; top: 224px; }

.head-naves { position: absolute; left: 8px; top: 290px; }
.head-naves li { float: left; display: inline; margin: 0 9px; }
.head-naves a { height: 30px; }

.hn-a1 a { width: 96px; display: block; background: url(../images/home.jpg) no-repeat 0 0; }
.hn-a1 a:hover, .hn-a1 a.movein { background: url(../images/home.jpg) no-repeat 0 100%; }
.hn-a2 a { width: 94px; display: block; background: url(../images/girls.jpg) no-repeat 0 0; }
.hn-a2 a:hover, .hn-a2 a.movein { block; background: url(../images/girls.jpg) no-repeat 0 100%; }
.hn-a3 a { width: 86px; display: block; background: url(../images/rate.jpg) no-repeat 0 0; }
.hn-a3 a:hover, .hn-a3 a.movein { background: url(../images/rate.jpg) no-repeat 0 100%; }
.hn-a4 a { width: 152px; display: block; background: url(../images/contact.jpg) no-repeat 0 0; }
.hn-a4 a:hover, .hn-a4 a.movein { background: url(../images/contact.jpg) no-repeat 0 100%; }

.mainer { height: 531px; background: #fff url(../images/main-bg2.jpg) no-repeat 0 0; position: relative; }

.main-left { width: 555px; height: 531px; float: left; }

.girls-list { width: 520px; position: absolute; left: 30px; top: 140px; }
.girls-list li { width: 120px; height: 175px; float: left; display: inline; margin: 5px; }
.girls-list a { width: 120px; height: 175px; display: block; }
.girls-list img { width: 120px; height: 175px; display: block; }

.main-right { width: 345px; height: 531px; float: left; background: url(../images/main-right-bg.jpg) no-repeat 0 0; }

.back { position: absolute; left: 99px; top: 86px; }

.girl-info { text-align: right; position: absolute; left: 205px; top: 81px; }
.girl-name { color: #000; font-size: 30px; }
.girl-desc { font-size: 18px; color: #000; margin: 10px 0; }

.girl-l { width: 404px; position: absolute; left: 75px; top: 336px; }
.girl-l li { width: 182px; height: 83px; float: left; display: inline; margin: 4px 10px; background: url(../images/girl-li-bg.jpg) no-repeat 0 0; }
.girl-l a { width: 169px; height: 69px; display: block; margin-left: 3px; margin-top: 3px; }
.girl-l img { width: 169px; height: 69px; display: block; }

.gg-stage { width: 357px; height: 433px; background: url(../images/gg-stage-bg.jpg) no-repeat 0 0; position: absolute; left: 487px; top: 81px; }
.gg-stage img { width: 344px; height: 419px; display: block; margin-left: 3px; margin-top: 3px; }

.footer { width: 900px; height: 50px; background: #d8d97b; position: relative; }

.foot-naves { position: absolute; top: 10px; left: 310px; }
.foot-naves li { float: left; display: inline; margin: 0 6px; color: #000; }
.foot-naves a { color: #000; }
.foot-naves a:hover { text-decoration: underline; }

.copyright { width: 900px; text-align: center; color: #000; position: absolute; top: 34px; font-size: 12px; }