html {
  overflow: hidden;
  height: 99%;
}

body {
  text-align: center;
  margin: 0;
  padding: 0;
  background: #272727;
  height: 99%;
  line-height: 150%;
  font-size: 13px; 
  font-family: Arial;
}

* {
  color: #666666;
  text-align: left;
}

/* === Containers === */

#first_container {
  margin: 0 auto 0 auto; 
  display: table; 
  height: 100%;  
  position: relative; 
  width: 789px;
}

#second_container {
  position: absolute; 
  top: 50%;
  vertical-align: middle;
  width: 789px; 
}

#third_container {
  position: relative; 
  top: -163px; 
  width: 789px;
}

#third_container_painting {
  position: relative; 
  top: -234px; 
  width: 789px;
}

.page {
  padding: 0;
  height: 274px;
  text-align: left;
}

.page_painting {
  padding: 0;
  height: 480px;
  text-align: left;
  vertical-align: top;
}

.sidebar {
  background-color: #000000;
  width: 227px;
  height: 234px;
  padding: 40px 0 0 0;
  text-align: center;
  float: left;
}

.sidebar_painting {
  background: url("images/bg-painting.gif") repeat-x top;
  width: 227px;
  height: 480px;
  padding: 111px 0 0 0;
  text-align: center;
  float: left;
}

.painting_description {
  padding: 40px 0 0 25px;
  color: #D7D7D7;
}

.content {
  margin: 0 0 0 3px;
  padding: 0;
  height: 274px;
  overflow: none;
  float: left;
  font-size: 0;
}

.painting {
  background: url("images/bg-painting.gif") repeat-x top;
  margin: 0;
  padding: 0;
  height: 480px;
  overflow: none;
  float: left;
  font-size: 0;
  width: 515px;
  text-align: center;
}

.painting img {
  background: #EEEEEE;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  padding: 0px;
}

.text_short {
  font-size: 13px; 
  width: 413px;
  height: 232px;
  color: #DADADA;
  background-color: #171717;
  padding: 21px 16px 21px 16px;
}

h1 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #DADADA;
}

.rside_pic {
  width: 110px;
  height: 274px;
  padding: 0 0 0 2px;
  float: left;
}

.nav_painting {
  width: 45px;
  height: 409px;
  padding: 71px 0 0 2px;
  float: left;
  font-size: 0;
}

.rnav {
  cursor: default;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 45px;
}

.rnav a {
  cursor: default;
}

.rnav li {
  color: inherit;
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

.rnav img {
  border-width: 0;
  color: inherit;
  vertical-align: top;
  width: 45px;
}

.next_prev {
  height: 55px;
}

.back {
  height: 24px;
  padding: 2px 0 0 0;
}

.top {
  padding: 0 0 2px 0;
}

#footer {
  font-size: 11px;
  margin-top: 5px;
  text-align: right;
  color: #9F9F9F;
  background-color: inherit;
}

#footer a:link, #footer a:visited {
  font-size: 11px;
  color: #9F9F9F;
  text-decoration: none;
  font-weight: bold;
}

#footer a:hover, #footer a:active {
  font-size: 11px;
  color: #000000; 
  text-decoration: underline;
  font-weight: bold;
}