/* CSS Document */



body {

  margin: 0;

  padding: 0;

  font-family: Tahoma;

  font-size: 11px;

  color: #4d4744;

  background-color: #e9e6dc;

}



div#main {

  position: relative;

  margin: 0 auto;

  padding: 0;

  width: 980px;

  min-height: 900px;

  _height: 900px;

}



div#top {

  position: relative;

  margin: 0;

  padding: 0;

  width: 980px;

  height: 271px;

}



div#topStrip {

  position: relarive;

  margin: 0;

  padding: 0;

  width: 980px;

  height: 6px;

  background-color: #b56622;

  overflow: hidden;

}



div#topLogoArea {

  position: relative;

  margin: 0;

  padding: 0;

  width: 980px;

  height: 109px;

  background-image: url(../img/logoArea.jpg);

}



img#logo {

  position: relative;

  float: left;

  padding: 0;

  margin: 0;

  width: 460px;

  height: 109px;

  border: none;

}



div#topLogoAreaRight {

  position: reative;

  float: left;

  padding: 0;

  margin: 0;

  width: 520px;

  height: 109px;

}



div#topBanner {

  position: relative;

  margin: 0;

  padding: 9;

  width: 980px;

  height: 156px;

  background-image: url(../img/banner.jpg);

}



div#smallLinksArea {

  position: relative;

  float: right;

  width: 250px;

  height: 25px;

  font-size: 10px;

  color: #938681;

  padding: 0;

  padding-top: 5px;

  margin: 0;

}



a.smallLinks {

  position: relative;

  float: left;

  padding: 0;

  margin: 0;

  margin-top: 3px;

  margin-right: 10px;

  color: #938681;

  font-size: 10px;

  text-decoration: none;

}



img.smallIcons {

  position: relative;

  float: left;

  padding: 0;

  margin: 0;

  border: none;

}



a.smallLinks:hover {

  text-decoration: underline;

}



div#menuArea {

  position: relative;

  width: 960px;

  height: 30px;

  padding: 0;

  margin: 0;

  padding-left: 20px;

}



a.menu {

  position: relative;

  float: left;

  height: 22px;

  padding: 0 10px;

  margin: 0;

  background-image: url(../img/menu_off.gif);

  background-repeat: no-repeat;

  background-position: top right;

  color: #4d4744;

  text-decoration: none;

  padding-top: 8px;

}



a.menu:hover {

  text-decoration: none;

  background-image: url(../img/menu_on.gif);

  background-repeat: no-repeat;

  background-position: top center;

  background-color: #d9d6cc;

  color: #4d4744;

}

a.menuClicked {

  position: relative;

  float: left;

  height: 22px;

  padding: 0 10px;

  margin: 0;
  
  text-decoration: none;

  padding-top: 8px;
  background-image: url(../img/menu_on.gif);

  background-repeat: no-repeat;

  background-position: top center;

  background-color: #d9d6cc;

  color: #4d4744;

}



div#content {

  position: relative;

  margin: 0;

  padding: 0;

  padding-top: 10px;

  padding-bottom: 20px;

  width: 980px;

  min-height: 500px;

  _height: 500px;

}

div#contentBook {

  position: relative;

  margin: 0;

  padding: 0;

  padding-top: 10px;

  padding-bottom: 20px;

  width: 980px;
  overflow:auto;

}



div#contentLeft {

  position: relative;

  float: left;

  padding: 0;

  margin: 0;

  width: 380px;

  height: 495px;

  padding-left: 20px;

}

div#contentLeftBook {

  position: relative;

  float: left;

  padding: 0;

  margin: 0;

  width: 380px;

  padding-left: 20px;
  overflow:auto;

}



div#contentRight {

  position: relative;

  float: left;

  padding: 0;

  margin: 0;

  width: 520px;

  height: 495px;

  margin-left: 25px;

}


div#contentRightBook {

  position: relative;

  float: left;

  padding: 0;

  margin: 0;

  width: 520px;
  overflow:auto;
  margin-left: 25px;

}



div#bottom {

  position: relative;

  margin: 0;

  padding: 0;

  width: 980px;

  height: 207px;

  background-image: url(../img/bottom.gif);

  background-repeat: repeat-x;

}



div#bottomLeft {

  position: relative;

  float: left;

  margin: 0;

  padding: 0;

  padding-top: 20px;

  padding-left: 20px;

  width: 580px;

  height: 187px;

}



div#bottomRight {

  position: relative;

  float: left;

  margin: 0;

  padding: 0;

  padding-top: 20px;

  height: 187px;

  width: 380px;

}



div#footer {

  position: relative;

  margin: 0;

  padding: 0;

  width: 980px;

  height: 100px;

}



div.title {

  position: relative;

  height: 25px;

  width: auto;

  margin: 0;

  margin-bottom: 20px;

  padding: 0;

  padding-top: 5px;

  padding-left: 50px;

  background-image: url(../img/arrow.gif);

  background-repeat: no-repeat;

  background-position: center left;

  font-family: Arial;

  font-size: 16px;

  font-weight: bold;

  color: #352f2c;

  clear: both;

}



div#titleWhite {

  color: #d9d6cc;

}



div#galleryLeft {

  position: relative;

  float: left;

  width: 265px;

  height: 108px;

  _height: 103px;

  padding: 0;

  margin: 0;

}



div#galleryRight {

  position: relative;

  float: left;

  width: 265px;

  height: 108px;

  _height: 103px;

  padding: 0;

  margin: 0;

  margin-left: 5px;

}



a.gallery {

  display: block;

  position: relative;

  width: 255px;

  height: 18px;

  margin: 0;

  margin-top: 5px;

  padding: 0;

  padding-left: 10px;

  padding-top: 4px;

  background-color: #605650;

  color: #d9d6cc;

  text-decoration: none;

  text-align: left;

  background-image: url(../img/arrow_small.gif);

  background-repeat: no-repeat;

  background-position: center right;

  clear: both;

}



a.gallery:hover {

  background-color: #564d48;

  text-decoration: none;

}



div#galleryMore {

  display: block;

  position: relative;

  padding: 0;

  margin: 0;

  margin-top: 5px;

  width: 535px;

  height: 20px;

  clear: both;

}



div#footerLeft {

  position: relative;

  float: left;

  margin: 0;

  padding: 0;

  width: 880px;

  height: auto;

  padding-left: 20px;

}



div#footerRight {

  position: relative;

  float: left;

  margin: 0;

  padding: 0;

  width: 260px;

  height: auto;

  font-size: 10px;

  text-align: left;

  color: #4d4744;

  padding-top: 5px;

  padding-left: 25px;

}



a.footerMenu {

  position: relative;

  float: left;

  display: block;

  color: #4d4744;

  font-size: 10px;

  text-decoration: none;

  margin: 5px;

}



a.footerMenu:hover {

  text-decoration: underline;

}



div.footerDot {

  position: relative;

  float: left;

  width: 2px;

  height: 2px;

  background-color: #c88925;

  overflow: hidden;

  margin: 0 4px;

  margin-top: 10px;

}



a.button {

  position: relative;

  float: right;

  display: block;

  padding: 3px 5px;

  color: #ffffff;

  background-color: #bd7523;

  font-size: 10px;

  font-weight: bold;

  text-decoration: none;

}



a.button:hover {

  text-decoration: none;

  background-color: #aa6c25;

}



div#titleNews {

  width: 160px;

  position: relative;

  float: left;

}



div#newsNumbersArea {

  position: relative;

  float: left;

  width: 100px;
  
  margin-left:70px;

  height: 30px;  

}



a.newsNumbers {

  display: block;

  position: relative;

  float: left;

  width: 16px;

  height: 15px;

  background-color: #d9d6cc;

  color: #7e736e;

  font-size: 10px;

  font-weight: bold;

  text-decoration: none;

  margin-left: 5px;

  text-align: center;

  padding-top: 1px;

  margin-top: 10px;

}



a.newsNumbers:hover {

  text-decoration: none;

  background-color: #f6f5ee;

  color: #4d4744;

  text-decoration: none;

}



div#newsTitleDate {

  position: relative;

  width: 380px;

  height: 20px;

  padding: 0;

  margin: 0;

  clear: both;

}



div#newsTitle {

  position: relative;

  float: left;

  width: 300px;

  height: 20px;

  font-weight: bold;

}



div#newsDate {

  position: relative;

  float: left;

  width: 80px;

  height: 20px;

  color: #7e736e;

  font-size: 10px;

  text-align: right;

}



div#newsText {

  position: relative;

  width: 380px;

  height: auto;

  text-align: justify;

  line-height: 18px;

  padding: 0;

  margin: 0;

  clear: both;

  margin-top: 10px;

  margin-bottom: 5px;

}



div#newsMore {

  position: relative;

  width: 380px;

  height: 20px;

  margin-bottom: 20px;

}



div#reviewsMore {

  position: relative;

  width: 380px;

  height: 20px;

  clear: both;

  padding: 0;

  margin: 0;

  margin-top: 5px;

}



a.reviews {

  display: block;

  position: relative;

  width: 370px;

  height: 18px;

  margin: 0;

  margin-top: 5px;

  padding: 0;

  padding-left: 10px;

  padding-top: 4px;

  background-color: #f6f5ee;

  color: #4d4744;

  text-decoration: none;

  text-align: left;

  background-image: url(../img/arrow_small_dark.gif);

  background-repeat: no-repeat;

  background-position: center right;

}



a.reviews:hover {

  text-decoration: none;

  background-color: #ffffff;

}



div.line {

  position: relative;

  width: 380px;

  float: right;

  height: 1px;

  overflow: hidden;

  background-color: #d9d6cc;

  margin: 20px 0;

  clear: both;

}



div.book {

  position: relative;

  float: left;

  background-color: #f6f5ee;

  width: 99px;

  height: 161px;

  margin-right: 31px;

  margin-bottom: 35px;

}



div#bookLast {

  margin: 0;

}



div.bookCoverArea {

  position: relative;

  width: 93px;

  height: 135px;

  padding: 3px;

}



div.bookGo {

  position: relative;

  width: 93px;

  height: 14px;

  padding: 3px;

  text-align: center;

}

div.bookGoL {

  position: relative;

  width: 93px;

  height: 14px;

  padding: 3px;

  text-align: Left;
  
  background-image: url(../img/arrow_small_dark.gif);

  background-repeat: no-repeat;

  background-position:right;
  
}


img.bookCover {

  position: relative;
  border:none;

  padding: 0;

  margin: 0;

  width: 93px;

  height: 134px;

}



a#catalogue {

  position: absolute;

  width: 338px;

  height: 183px;

  background-image: url(../img/catalogue.gif);

  top: 15px;

}

div#bookPagL {
	float:left; 
	width:170px; 
	height:20px; 
}

div#bookPagR {
	float:left; 
	width:150px; 
	height:20px;
}

div#bookPagC {
	float:left; 
	width:180px; 
	height:20px;
}