body {
  margin: 0;
  padding: 0;
  background: #738788 url("img/bg_body.jpg") 0 0 no-repeat;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #222f38;
  font-size: 12px;
}

a {
  color: #222f38;
}

img {
  border: 0;
}

form, p {
  margin: 0;
  padding: 0;
}

.nocss {
  display: none;
}

#wrapper {
  width: 847px;
  margin: 62px 0 0 60px;
}

/* MENU */

#menu {
  height: 34px;
}

#menu ul {
  height: 26px;
}

#menu ul, #menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu li {
  display: inline;
  padding: 0 47px 0 0;
}

/* // MENU */

/* PAGEBODY */

#pagebody {
  margin: 49px 0 0 27px;
  height: 320px;
}

#pagebody h1 {
  font-size: 12px;
  margin: 0 0 0 10px;
  padding: 0;
  text-transform: uppercase;
  width: 535px;
}

#pagebody h1.start {
  margin: 0;
  padding: 123px 0 0 0;
  text-transform: uppercase;
  width: auto;
}


/* content */

div.content {
  margin: 18px 0 0 10px;
  width: 535px;
  line-height: 16px;
}

div.content p {
  margin: 0 0 16px 0;
}

div.content a:hover {
  color: #6c6c5f;
}

/* // content */


/* book */

div.bookWrapper {
  padding: 59px 0 0 0;
  position: relative;
  left: 0;
  top: 0;
}

div.bookWrapper #book {
  width: 422px;
  height: 247px;
}

/* port1 */
div.bW47889 #book {
  background: url("img/bg_book_port1.jpg") 0 0 no-repeat;
}

/* port2 */
div.bW47890 #book {
  background: url("img/bg_book_port2.jpg") 0 0 no-repeat;
}

div.bookWrapper #bookstart {
  cursor: pointer;
  background: url("img/bg_book_closed.jpg") 0 0 no-repeat;
  width: 422px;
  height: 247px;
}

div#back {
  position: absolute;
  left: 15px;
  top: 269px;
  cursor: pointer;
}

div.bW47889 div#back {
  left: 22px;
}

div#next {
  position: absolute;
  left: 405px;
  top: 269px;
  cursor: pointer;
}

div.bW47889 div#next {
  left: 398px;
}

/* // book */


/* imageContainer */

#imgContainerLeft, #imgContainerRight {
  height: 221px;
  float: left;
  overflow: hidden;
}

/* port1, port2 */

div.bW47889 #imgContainerLeft, div.bW47889 #imgContainerRight {
  width: 168px;
  margin: 9px 0 0 22px;
}

div.bW47890 #imgContainerLeft, div.bW47890 #imgContainerRight {
  width: 182px;
  margin: 9px 0 0 15px;
}
  
html>body div.bW47889 #imgContainerLeft {
  margin: 9px 0 0 44px;
}

html>body div.bW47890 #imgContainerLeft {
  margin: 9px 0 0 30px;
}

div.bW47889 #imgContainerRight, div.bW47890 #imgContainerRight {
  margin: 9px 0 0 1px;
}

#imgContainerLeft img.pointer, #imgContainerRight img.pointer {
  cursor: pointer;
}

/* // imageContainer */


/* FOOTER */

#footer {
  text-align: right;
  margin: 48px 0 0 0;
}

#footer ul {
  height: 17px;
}

#footer ul, #footer li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer li {
  display: inline;
  padding: 0 0 0 66px;
}

/* // FOOTER */

/* // PAGEBODY */