@import url('reset.css');
body{font: 12px Arial, 'Helvetica Neue', sans-serif; color: #9D753A; background: #ffffff url('pattern.gif');}
h1{font: bold 14px  Arial, Helvetica, sans-serif; color: #22C7FF; margin-bottom: 12px;}
a{color: #22C7FF;}

#main{margin: auto; height: 540px; width: 677px; background: url('main.png') no-repeat center center; position: relative;}
#home{position: absolute; display: block; width: 50px; height: 50px; margin-top: 100px; 
margin-left: 290px; text-indent: -200px; overflow: hidden;}

#nav1{z-index: 1; position: absolute; top: 355px; left: 522px; height: 100px; width: 100px;}
#nav2{z-index: 1; position: absolute; top: 220px; left: 28px; height: 100px; width: 100px;}

#thumbnails{z-index: 0; position: absolute; left: 110px; top: 219px; width: 370px; height: 115px; overflow-x: auto; overflow-y: hidden;}
#thumbnails table{background: #000}
#thumbnails td{vertical-align: top; padding: 3px;}
#thumbnails td div{overflow: hidden;}

#language{position: absolute; bottom: 0px; left: 522px;}
#language a{text-decoration: none; font-size: 9px; font-weight: bold; color: #3DC5F3;}
#language a.active{color: #9D753A;}

.labelTitle{color: #3DC5F3; font: bold 11px Arial, Helvetica, sans-serif; margin-top: 5px;}
.navTree li{line-height: 11px;}
.navTree li a{font: bold 11px Arial, sans-serif; color: #3DC5F3; text-decoration: none; display: block; }

.navTree li a:hover{text-decoration: underline; }
.navTree li ul{width: 120px; padding: 3px 0 20px 0;
background-color: #fff; position: absolute; margin: -16px 0 0 70px; }

#textContent{line-height: 18px; background: url('textbg.png'); width: 700px; height: 460px; margin-top: 35px;}
#textContent div.contentPadding{margin: 0px 50px 0px 35px;}

#butterflyNav{text-indent: -1000px; width: 50px; height: 50px; 
top: 100px; left: 290px; display: block; position: absolute;}

/* fix */
.contentPadding{height: 370px; overflow: auto; padding: 0 12px 0 0;}

/* ie6 extra */
html, body{width: 100%; height: 100%;}
.navTree li{height: 13px; overflow: hidden;}
/* things inside content */
#textContent blockquote{margin: 0 0 0 17px;}
#textContent strong{font-weight: bold;}
#textContent em{font-style: italic;}
.contentPadding img{float: left; margin-right: 12px; margin-bottom: 12px; }
/* lightbox */
.lightBoxCaption{background: #000; opacity: 0.75; filter:alpha(opacity=75);}