ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
  margin: 0; 
  padding: 0; 
}
a img,
:link img,
:visited img { 
  border: none; 
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
body, td {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  line-height: 1.3em;
  background-color: #fff;
  color: #000;
}
body, html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.clear {
  clear: both;
}
h2 {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 1em;
}

#wrapper {
  background-color: #fff;
  position: absolute;
  z-index: 10;
  top: 15px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  
}
* html #wrapper {
  width: expression((document.body.clientWidth - 20) + "px");
  height: expression((document.body.clientHeight - 25) + "px");
}
.wrapper_text {
  background-color: #eff0f0;
  overflow-x: hidden;
  overflow-y: auto;
}
.wrapper_slider {
  background-color: #fff;
  overflow: auto;
  overflow-y: hidden;
  overflow-x: auto;
}
.wrapper_home {
  background-color: #fff;
  overflow: hidden;
}
.wrapper_thumbnails {
  background-color: #eff0f0;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

#nav {
  position: absolute;
  top: -6px;
  left: 70px;
  font-family: "CourierSans-Light", "Courier New", courier, fixed;
  font-size: 40px;
  line-height: 32px;
  z-index: 1;
}
#nav:hover,
#nav.over {
  z-index: 200;
}
#nav,
#nav ul {
  list-style: none inside;
}
#nav ul {
  margin-top: -3px;
}
#nav li {
  text-transform: uppercase;
  xpadding-top: 4px;
  xclear: left;
  margin-bottom: -3px;
}
* html #nav li {
  margin-bottom: -2px;
}
#nav li a {
  background: url(../images/nav_li_active_bg.png) repeat-x top left;
  color: #fff;
  padding-left: 40px;
  xheight: 28px;
  display: inline-block;
  xfloat: left;
  padding-top: 3px;
}
#nav.color0 li a {
  background-image: url(../images/nav_li_active_bg_0.png);
}
#nav.color1 li a {
  background-image: url(../images/nav_li_active_bg_1.png);
}
#nav.color2 li a {
  background-image: url(../images/nav_li_active_bg_2.png);
}
#nav.color3 li a {
  background-image: url(../images/nav_li_active_bg_3.png);
}
#nav.color4 li a {
  background-image: url(../images/nav_li_active_bg_4.png);
}
#nav.color5 li a {
  background-image: url(../images/nav_li_active_bg_5.png);
}
#nav.color6 li a {
  background-image: url(../images/nav_li_active_bg_6.png);
}
#nav.color7 li a {
  background-image: url(../images/nav_li_active_bg_7.png);
}
* html #nav li a {
  padding-top: 0px;
}
*+html #nav li a {
  padding-top: 1px;
}
#nav li a:hover {
  color: #fff;
  text-decoration: none;
}
#nav li li a:hover,
#nav.color0 li li a:hover,
#nav.color1 li li a:hover,
#nav.color2 li li a:hover,
#nav.color3 li li a:hover,
#nav.color4 li li a:hover,
#nav.color5 li li a:hover,
#nav.color6 li li a:hover,
#nav.color7 li li a:hover {
  color: #000;
}
#nav li li.active a,
#nav.color0 li li.active a,
#nav.color1 li li.active a,
#nav.color2 li li.active a,
#nav.color3 li li.active a,
#nav.color4 li li.active a,
#nav.color5 li li.active a,
#nav.color6 li li.active a {
  color: #000;
}
#nav li li a,
#nav.color0 li li a,
#nav.color1 li li a,
#nav.color2 li li a,
#nav.color3 li li a,
#nav.color4 li li a,
#nav.color5 li li a,
#nav.color6 li li a,
#nav.color7 li li a {
  background: url(../images/nav_li_bg.png) repeat-x top left;  
  color: #a5b9c4;
}
#nav.color0 li li a {
  color: #a5b9c4;
}
#nav.color1 li li a {
  color: #fde35a;
}
#nav.color2 li li a {
  color: #875cb6;
}
#nav.color3 li li a {
  color: #b80717;
}
#nav.color4 li li a {
  color: #729328;
}
#nav.color5 li li a {
  color: #37f45c;
}
#nav.color6 li li a {
  color: #6b70aa;
}

.content {
  position: relative;
}
.text_body {
  margin-top: 150px;
  padding-left: 100px;
  line-height: 1.3em;
  width: 600px;
  font-size: 14px;
}
.text_body h2 {
  font-size: 16px;
}
.wrapper_text .print_btn {
  position: absolute;
  top: 120px;
  left: 100px;
  font-size: 11px;
}
.thumbnail_list {
  margin-top: 160px;
  padding-left: 60px;
}
.picture_slider {
  width: 50000px;
}

#info_box {
  position: absolute;
  top: 15px;
  right: 0px;
  max-height: 95%;
  overflow-y: scroll;
  width: 370px;
  padding: 10px 10px 40px;
  color: #fff;
  background: url(../images/info_box_bg.png) repeat;
  z-index: 50;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
#info_box a {
  color: #fff;
}
#info_box hr {
  border: 0 none;
  height: 8px;
  background-image: url(../images/info_box_ruler.gif);
  background-repeat: no-repeat;
}

.back_btn {
  position: fixed;
  top: 650px;
  left: 10px;
  font-size: 1.2em;
  z-index: 10;
  color: #fff;
  background-color: #000;
}
* html .back_btn {
  position: absolute;
}
.goto_link {
  position: absolute;
  color: #fff;
  background-color: #000;
  z-index: 10;
  font-size: 1.2em;
  top: 600px;
  left: 0;
}
.file_download {
  font-size: 14px;
}

.thumbnail_list h2 {
  margin-top: 0em;
  margin-bottom: 1em;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
}
.picture {
  position: relative;
  margin: 0 10px 10px 0;
  zoom: 1;
  float: left;
  xmin-width: 110px;
  height: 120px;
}
* html .picture {
  width: 110px;
}
.picture .legend {
  position: absolute;
  left: 0;
  right: 0;  
}
.picture_slider .description {
  float: left;
  width: 350px;
  height: 510px;
  margin: 0 10px 10px 0;
  padding: 130px 10px 10px 100px;
  font-size: 14px;
  line-height: 1.2em;
}
.picture_slider .picture {
  min-height: 620px;
  height: auto;
}
.picture_slider .picture .legend {
  top: 620px;
  padding-left: 0;
  height: auto;
  padding: 2px 6px 2px 0;
}
.picture img {
  display: block;
}
.thumbnail_list .picture .legend {
  top: 0;
  padding: 12px 6px 2px 6px;
  background-image: url(../images/project_title_bg.png);
  color: #fff;
  height: 106px;
  font-size: 14px;
  line-height: 1.2em;
  cursor: pointer;
}
.thumbnail_list .picture .legend a {
  color: #fff;
}
.thumbnail_list .picture:hover .legend {
  display: block;
}