* { margin: 0; padding: 0; }
body { font-family: Verdana, Arial, Helvetica; font-size: 14px; background: #333333; }
li { list-style: none; }
a { text-decoration: none; }
img { border: none; }

.wrapfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.wrapfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .wrapfix {height: 1%;}
*+html .wrapfix {height: 1%;}
.wrapfix {display: block;}
/* End hide from IE-mac */

.layout { width: 754px; margin: 0 auto; }

.head { height: 150px; background: url(../images/title.jpg) no-repeat 0 0 ; border: solid #fff 2px; }
.main { background: #666666; border-left: solid #fff 2px; border-bottom: solid #fff 2px; border-right: solid #fff 2px; }
.foot { height: 56px; background: #333333; }

.left-main { width: 188px; background: #666666; float: left; display: block; position: relative; }
.left-main li { width: 188px; height: 77px; border-bottom: solid #fff 2px; float: left; display: inline; }
.left-main li a { width: 104px; height: 23px; margin-left: 42px; margin-top: 25px; }

.left-main li .cil1 { background: url(../images/home.gif) no-repeat 0 0; display: block; }
.left-main li .cil1:hover { background: url(../images/home.gif) no-repeat 0 100%; }
.left-main li .cil2 { background: url(../images/rate.gif) no-repeat 0 0; display: block; }
.left-main li .cil2:hover { background: url(../images/rate.gif) no-repeat 0 100%; }
.left-main li .cil3 { background: url(../images/contact.gif) no-repeat 0 0; display: block; }
.left-main li .cil3:hover { background: url(../images/contact.gif) no-repeat 0 100%; }
.left-main li .cil4 { background: url(../images/employment.gif) no-repeat 0 0; display: block; }
.left-main li .cil4:hover { background: url(../images/employment.gif) no-repeat 0 100%; }

.right-main { width: 560px; border-left: solid #fff 2px; float: right;  background: #ffffcc; }
.right-main li { width: 280px; height: 120px; float: left; display: inline; }
.right-main li a { width: 100px; height: 100px; float: left; margin: 10px 30px 10px 20px; }
.right-main li p { color: #333333; font-weight: bold; height: 36px; line-height: 36px; margin-top: 5px; }
.right-main img { width: 100px; height: 100px; float: left; }

.girl1 { background: #ffffcc; }
.girl2 { background: #ccffcc; }
.girl3 { background: #ffff99; }
.girl4 { background: #ccff99; }
.girl5 { background: #ffff66; }
.girl6 { background: #ccff66; }
.girl7 { background: #ffff33; }
.girl8 { background: #ccff33; }
.girl9 { background: #ffcc00; }
.girl10 { background: #cccc00; }

.foot p { color: #fff; text-align: center; height: 52px; line-height: 52px; font-size: 12px; background: #333333; }


.infor { height: 465px; background: #ffffcc; }
.title { font-size: 24px; text-align: center; margin-top: 10px; margin-bottom: 45px; }
.desc { font-weight: bold; height: 36px; line-height: 36px; text-align: center; background: #ffffcc; }

.girls-main { width: 560px; border-left: solid #fff 2px; float: right; background: #ffffcc; text-align: center; }
.girls-main p { margin-top: 20px; margin-bottom: 10px; }

.girls-name { font-size: 16px; margin-top: 10px; margin-bottom: 10px; }