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

.layout { width: 1100px; margin: 0 auto; background: #000 url(../images/layout-bg.jpg) no-repeat 0 0; }

.header { width: 1100px; height: 200px; background: #000 url(../images/head-bg.jpg) no-repeat 0 0; position: relative; }
.title { position: absolute; left: 108px; top: 76px; }
.tel { position: absolute; left: 746px; top: 133px; }

.head-naves { position: absolute; left: 106px; top: 135px; }
.head-naves li { width: 100px; float: left; display: block; margin: 0 3px; text-align: center; }
.head-naves a { color: #fff; font-size: 18px; }
.head-naves a:hover, .head-naves a.movein { color: #45c1dd; }
.li-4 { margin-left: 15px; }

.footer { width: 1100px; height: 100px; background: #000; position: relative; }

.foot-naves { position: absolute; left: 410px; top: 25px; }
.foot-naves li { float: left; display: inline; color: #45c1dd; margin: 0 5px; }
.foot-naves a { font-size: 14px; color: #45c1dd;  }
.foot-naves a:hover, .foot-naves a.movein2 { color: #fff; text-decoration: underline; }

.copyright { width: 1100px; color: #45c1dd; text-align: center; position: absolute; top: 50px; }

/* index.html */
.mainer1 { width: 1100px; height: 650px; background: #000 url(../images/main-bg1.jpg) no-repeat 100px 0; position: relative; }

.hot-girl1 { width: 104px; height: 126px; border: solid 3px #fff; position: absolute; left: 399px; top: 336px; }
.hot-girl1 img { width: 104px; height: 126px; display: block; }
.hot-girl2 { width: 104px; height: 126px; border: solid 3px #fff; position: absolute; left: 839px; top: 485px; }
.hot-girl2 img { width: 104px; height: 126px; display: block; }

.main-desc1 { width: 197px; position: absolute; left: 122px; top: 10px; }
.main-desc1 h1 { font-size: 26px; font-weight: normal; color: #fff; margin-bottom: 10px; line-height: 24px; }
.main-desc1 h1 span { font-size: 18px; }
.main-desc1 p { color: #45c1dd; line-height: 16px; }

.main-desc2 { width: 270px; position: absolute; left: 385px; top: 40px; }
.main-desc2 h2 { font-size: 24px; font-weight: normal; color: #fff; margin-bottom: 10px; line-height: 24px; }
.main-desc2 h2 span { color: #45c1dd; }
.main-desc2 p { color: #fff; line-height: 16px; }

.main-desc3 { width: 427px; position: absolute; left: 520px; top: 330px; }
.main-desc3 h2 { font-size: 26px; font-weight: normal; color: #fff; margin-bottom: 2px;  line-height: 24px; }
.main-desc3 h2 span { font-size: 18px; }
.main-desc3 p { color: #45c1dd; line-height: 16px; }

.main-desc4 { width: 427px; position: absolute; left: 399px; top: 484px; }
.main-desc4 h2 { font-size: 26px; font-weight: normal; color: #fff; margin-bottom: 5px;  line-height: 24px; }
.main-desc4 h2 span { font-size: 18px; }
.main-desc4 p { color: #45c1dd; line-height: 16px; }

/* girls.html , rate.html , contact.html , links.html */
.mainer2 { width: 1100px; height: 650px; background: #000 url(../images/main-bg2.jpg) no-repeat 100px 0; position: relative; }

.change-page { width: 200px; position: absolute; left: 480px; top: 3px; }
.change-page li { float: left; display: inline; margin: 0 15px; }
.change-page a { font-size: 16px; color: #fff; }
.change-page a:hover, .change-page a.movein { color: #45c1dd; }

.girls-list { width: 828px; position: absolute; left: 136px; top: 25px; }
.girls-list li { width: 201px; height: 301px; float: left; display: inline; margin: 5px 3px; }
.girls-list a { width: 195px; height: 295px; display: block; border: solid 3px #fff; }
.girls-list img { width: 195px; height: 295px; display: block; }

.m-desc { width: 700px; position: absolute; left: 200px; top: 40px; text-align: center; }
.m-desc h3 { font-size: 36px; color: #fff; }
.m-desc p { font-size: 24px; color: #FFF; margin: 20px 0; }

.otherlinks { width: 468px; margin-top: 30px; }
.otherlinks li { float: left; display: inline; margin: 5px 0; }
.otherlinks img { display: block; }

/* g1.html - g8.html */
.mainer3 { width: 1100px; height: 1150px; background: #000 url(../images/main-bg3.jpg) no-repeat 100px 0; position: relative; }

.girls-info { font-size: 36px; color: #45c1dd; position: absolute; left: 280px; top: 17px; }
.girls-info span { font-size: 16px; color: #fff; margin-left: 20px; }

.girls-photo { width: 510px; position: absolute; left: 275px; top: 67px; }
.girls-photo li { width: 250px; height: 350px; float: left; display: inline; margin-left: 5px; margin-bottom: 5px; }
.girls-photo img { width: 250px; height: 350px; display: block;}

.change-girl { width: 43px; position: absolute; left: 830px; top: 66px; }
.change-girl li { float: left; display: inline; margin-bottom: 7px; }
.change-girl a { font-size: 18px; color: #fff; }