body{
  margin: 0;
  margin-bottom: 10px;
  background-color: #0B522C; 
  text-align: center;
}

body, div, td, th{
  font-family: "Trebuchet MS", "Lucida Sans", "Helvetica", Sans-serif;
  font-size: 13px;
}

img{
  border: 0;
  margin: 5px;
}

a.toplink{
  display: block;
  width: 330px;
  height: 95px;
  text-indent: -9999px;
}

.toplink_text{
  float: right;
  margin-top: 70px;
  margin-right: 15px;
  color: #FFF;
}

.toplink_text a{
  color: #FFF;
  text-decoration: none;
}

#wrapper{
  margin: 0 auto;
  width: 708px;
  background: transparent url(public/images/layout_repeat.jpg) center top repeat-y;
  text-align: left;
}

#layout_top{
  background: transparent url(public/images/top_banner.jpg) center top no-repeat;
  height: 95px;
}

#layout_footer{
  background: transparent url(public/images/layout_footer.jpg) center top no-repeat;
  height: 50px;
  padding: 10px;
  color: #FFF;
  font-size: 11px;
}

ul#layout_menu{
  list-style: none;
  background: transparent url(public/images/mainmenu_background.jpg) center top no-repeat;
  height: 57px;
  margin: 0;
  padding: 0;
  margin-bottom; 5px;
}

ul#layout_menu li{
  margin: 0;
  padding: 0;
  float: left;
  height: 57px;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
}

ul#layout_menu li a{
  border: 0;
  display: block;
  height: 100%;
  text-indent: -9999px;
}

ul#layout_menu li a:hover{
  background-position: left -57px;
}

ul#layout_menu li a:active, ul#layout_menu li a.selected{
  background-position: left -114px;
}

ul#layout_menu li.logo_part{
  background-image: url(public/images/logo_part.jpg);
  width: 167px;
}

ul#layout_menu li.about a{
  background-image: url(public/images/about.jpg);
  width: 93px;
}

ul#layout_menu li.stone a{
  background-image: url(public/images/stone.jpg);
  width: 69px;
}

ul#layout_menu li.stonebook a{
  background-image: url(public/images/stonebook.jpg);
  width: 54px;
}

ul#layout_menu li.stonecatalog a{
  background-image: url(public/images/stonecatalog.jpg);
  width: 80px;
}

ul#layout_menu li.aboutauthor a{
  background-image: url(public/images/aboutauthor.jpg);
  width: 93px;
}

ul#layout_menu li.bracelet a{
  background-image: url(public/images/bracelet.jpg);
  width: 79px;
}


ul#layout_menu li.gallery a{
  background-image: url(public/images/gallery.jpg);
  width: 68px;
}

#layout_context{
  margin-left: 3px;
  margin-right: 5px;
  padding: 20px;
  color: #FFF;
  /*min-height: 500px; */
}

#layout_context a{
  color: #FFF;
}

#layout_context h1{
  font-size: 24px;
  color: #FFF;
}

#layout_context h2{
  font-size: 20px;
  color: #9ED5AE;
}

#layout_context h3{
  font-size: 18px;
  color: #88DAA0;
}

#layout_context h4{
  font-size: 16px;
  color: #88DAA0;
}

#layout_textcontext{
  margin: 5px 0;
  margin-left: 3px;
  margin-right: 5px;
  color: #153A27;
  background: transparent url(public/images/textcontent_repeat.jpg) center top repeat-y;
}

h1, h2, h3, h4{
  padding: 0;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 10px;
  line-height: 1.1em;
}

#layout_textcontext p{
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
  line-height: 1.4em; 
}

#layout_textcontext h1, #layout_textcontext h2, #layout_textcontext h3{
  color: #0B522C;
}

#layout_textcontext h1{
  font-size: 24px;
}

#layout_textcontext h2{
  font-size: 20px;
}

#layout_textcontext h3{
  font-weight: normal;
  font-size: 18px;
}

#layout_textcontext h4{
  font-weight: normal;
  font-size: 16px;
  color: #0A6E33;
}

#layout_textcontext .textcontent_top{
  background: transparent url(public/images/textcontent_top.jpg) center top no-repeat;
}

#layout_textcontext .textcontent_bottom{
  background: transparent url(public/images/textcontent_bottom.jpg) center bottom no-repeat;
  padding: 10px 30px;
}


ul#subnav{
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}

ul#subnav li{
  float: left;
  margin: 3px;
}

ul#subnav li a{
  display: block;
  width: 103px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: transparent url(public/images/sub_button_bg.jpg) center top no-repeat; 
}

ul#subnav li.highlight a{
  background: transparent url(public/images/sub_button_bg_highlight.jpg) center top no-repeat; 
}
