html { height: 100% }

body {
  padding: 0;
  margin: 0;
  height: 100%;
  color: #826619;
  background: url(/images/bg.jpg);
  font: 80% Arial, Verdana, sans-serif
}

a { color: #A85504 }

#wrapper {
  position: relative;
  height: 100%;
  min-height: 100%;
  width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 760)? "760px" : "100%");
  background: url(/images/top_bg.gif) repeat-x;
  min-width: 760px
}

body>#wrapper {
  height: auto;
  width: 100%
}

#left {
  position: relative;
  float: left;
  width: 331px;
  height: 580px
}

#right { margin-left: 331px }

#top {
  height: 87px;
  position: relative;
  width: 100%;
  top: 0;
  left: 0  
}

#left_bg {
  background: url(/images/left_bg.png) no-repeat;
// background: none;
// filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/left_bg.png');
}

#menu {
  position: absolute;
  width: 286px;
  right: 37px;
  top: 140px;
  text-align: right
}

#logo {
  position: absolute;
  left: 0;
  top: 0
}

#al {
  position: absolute;
  width: 500px;
  left: 20px;
  top: 10px;
  text-align: left;
  font-weight: bold
}

#content {
  position: relative;
  width: 100%
}

div.w { width: 100% }

div.pad { padding: 5px }

img { border: 0 }

img.b {
  border: 1px solid #826619;
  position: relative
}

div.img_left {
  width: 49%;
  float: left
}

#r_chair {
  position: absolute;
  top: 0;
  right: 0
}

img.png { behavior: url(/png.htc) }

#chair {
  position: absolute;
  left: 20px;
  top: 360px
}

#clear {
  clear: both;
  height: 67px
}

#footer {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #DAC767 url(/images/line.gif) top repeat-x;
  text-align: right;
  width: 100%;
  height: 57px
}

#copy { padding: 10px }

h1 {
  font-size: 120%;
  display: inline
}

h1, .red { color: #A85504 }
