body { background:#9c947b; font-size:11px; }
#Header { height:160px; overflow:hidden; }
#mainHeader{width: 100%; background: #B7AA80 url(../Images/Header/id-ir_he_2.gif) top left; height: 130px; position: absolute;}
#headerBanner{float: right; position:absolute; right:0; top:0; background:url(../Images/Header/id-ir_he_3.gif); width: 159px; height: 160px; border-left:1px solid #fff;}
#thumb1-Image {float: left; position: absolute; z-index: 999; top: -2px; display: none;}
#thumb2-Image {float: left; position: absolute; z-index: 999; top: -2px; left: 194px; display: none;}
#thumb3-Image {float: left; position: absolute; z-index: 999; top: 9px; left: 398px; display: none;}
#slideshow-thumbs {width: 620px; position: relative; top:-22px; height: 162px; margin-left: -20px; }

h1#IDIR {color:White; float:right; text-align:center; position: relative; width: 159px; height: 120px; left:0px; top:20px; overflow: hidden; font:600 14px 'Tahoma', Verdana, Arial, Helvetica, sans-serif;}
h1#IDIR a { cursor:pointer; text-decoration:none; color:#fff; } 
h1#IDIR span {position: absolute; width: 159px; height: 120px; right:0px; top:-30px; background: url(../Images/Header/Logo.gif) 20px center no-repeat; }

h2#ThumbHeader1 {color:White; float:right;  text-align:left; position:relative; top:50px; right:30px;width: 150px; height: 100px; overflow: hidden; font:600 11px 'Tahoma', Verdana, Arial, Helvetica, sans-serif; }
h2#ThumbHeader1 span {position: absolute; width: 150px; height: 100px; right:0; top:0px; background: url(../Images/Header/TitlesPack.gif) left top no-repeat; height:52px;}
h2#ThumbHeader1.big span {   background: url(../Images/Header/TitlesPack.gif) left -52px no-repeat; height:52px; font-size:14px; }

h2#ThumbHeader2 {color:White; float:right;  text-align:left; position:relative; top:40px; right:30px; width: 140px; height: 100px; overflow: hidden; font:600 11px 'Tahoma', Verdana, Arial, Helvetica, sans-serif; }
h2#ThumbHeader2 span {position: absolute; width: 140px; height: 100px; right:0; top:0px; background: url(../Images/Header/TitlesPack.gif) left -104px no-repeat; height:52px;}
h2#ThumbHeader2.big span {   background: url(../Images/Header/TitlesPack.gif) left -156px no-repeat; height:52px; font-size:14px; }

h2#ThumbHeader3 {color:White; float:right;  text-align:left; position:relative; top:50px; right:60px; width: 110px; height: 100px; overflow: hidden; font:600 11px 'Tahoma', Verdana, Arial, Helvetica, sans-serif; }
h2#ThumbHeader3 span {position: absolute; width: 110px; height: 100px; right:0; top:0px;  background: url(../Images/Header/TitlesPack.gif) left -208px no-repeat; height:52px;}
h2#ThumbHeader3.big span {   background: url(../Images/Header/TitlesPack.gif) left -260px no-repeat; height:52px; font-size:14px; }

#thumb1-textImage {float: left; margin-top: 20px; margin-left: 20px;}
#thumb2-textImage {margin-top: 10px; margin-left: 20px;}
#thumb3-textImage {margin-top: 25px; margin-left: 20px;}
.thumbs-mainLinks {position: absolute; right: 5px; top: 8px;}
.thumbs-mainLinks a {display: block;overflow: hidden; width: 22px; height: 25px;}
#navBar { height: 25px; background: #968C71; overflow:hidden; position: relative; z-index: 5; top: -55px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; white-space: nowrap;} 
#slideshow-thumbs .thumb1,
#slideshow-thumbs .thumb2,
#slideshow-thumbs .thumb3,
#slideshow-thumbs .thumb1Big,
#slideshow-thumbs .thumb2Big,
#slideshow-thumbs .thumb3Big
 { border-right: #fff 1px solid; border-top: #fff 1px solid; left: 12px; bottom: 0px; border-bottom: #fff 1px solid; position: absolute; float:left; border-left: #fff 1px solid;}
#slideshow-thumbs .thumb1 div,
#slideshow-thumbs .thumb2 div,
#slideshow-thumbs .thumb3 div,
#slideshow-thumbs .thumb1Big div,
#slideshow-thumbs .thumb2Big div,
#slideshow-thumbs .thumb3Big div { height:100%;}
#RightBottom {} 
.EnglishNameIDIR {float:right; margin-right:30px; margin-top:5px; color: #fff; font-weight: bold; font-size: 12px; font-family: 'Tahoma';}
.EnglishNameIDIR strong { font-variant:small-caps; font-weight: bold; font-size: 12px; font-family: 'Tahoma', Verdana, Arial, Helvetica, sans-serif;}  
#Square {width: 29px; float:right; position: absolute; right:160px; top:130px;  height: 30px; border-left: 1px solid #fff; background: #993300}
#Vertebra {float: right; position: relative; z-index: 6; top: -106px;}
a.navLink { float:left; font-weight:600; padding:7px; text-decoration:none; display:block; border-right: #fff 1px solid; color:#fff; font:600 10px 'Tahoma'; }
.bullet {float: right; position: absolute; right: 5px; bottom: 5px; display: none;}

.thumb1, .thumb1Big  {z-index: 3; width: 210px;cursor: pointer; position: absolute;height: 120px;background: #564F3F;}
.thumb2, .thumb2Big { z-index: 2; width: 210px;cursor: pointer; position: absolute; height: 120px;background: #806C47;}
.thumb3, .thumb3Big {z-index: 1;width: 210px;cursor: pointer; position: absolute;height: 120px;background: #A89769;}
.thumb1 span, .thumb1Big span, .thumb2 span, .thumb2Big span, .thumb3 span, .thumb3Big span { margin-bottom:-18px;}
.thumb1 span a, .thumb1Big span a, .thumb2 span a, .thumb2Big span a, .thumb3 span a, .thumb3Big span a
 {position:relative; float:right; clear:both; color:#eee; text-decoration:none; left:5px;}
div#navBar div#links { margin-left:10px; }
#slideshow-thumbs .thumb1 {margin: 0px 99% 0px 0%;}
#slideshow-thumbs .thumb2 {margin: 0px 66% 0px 33%;}
#slideshow-thumbs .thumb3 {margin: 0px 33% 0px 66%;}

.ct,  .ct  .cl,  .cb,  .cb  .cl ,
.ct1, .ct1 .cl1, .cb1, .cb1 .cl1,
.ct2, .ct2 .cl2, .cb2, .cb2 .cl2,
.ct3, .ct3 .cl3, .cb3, .cb3 .cl3
{ display:block;height:9px;margin:0;font-size:0;line-height:0;position:relative }
.ct,  .cb,
.ct1, .cb1,
.ct2, .cb2,
.ct3, .cb3
{right:1px; width:100%;}

.ct  .cl, .cb  .cl,
.ct1 .cl1,.cb1 .cl1,
.ct2 .cl2,.cb2 .cl2,
.ct3 .cl3,.cb3 .cl3 
{left:2px;}

.thumb1 .ct1 { top:-1px;}
.thumb1 .ct1 .cl1 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat right -18px; }
.thumb1 .cb1 { bottom:-1px;}
.thumb1 .cb1 .cl1 {  background:transparent url(../Images/Header/CornersPack.gif) no-repeat right -27px;}

.thumb1Big .ct1 { top:-1px;}
.thumb1Big .ct1 .cl1 {background:transparent url(../Images/Header/CornersPack.gif) no-repeat right top; }
.thumb1Big .cb1 { bottom:-1px;}
.thumb1Big .cb1 .cl1 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat right -9px;}

.ct2 { top:-1px;}
.ct2 .cl2 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat right -72px; }
.cb2 {  bottom:-1px;}
.cb2 .cl2 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat right -81px;}

.thumb2Big .ct2 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat left -54px;top:-1px;}
.thumb2Big .ct2 .cl2 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat right -36px; }
.thumb2Big .cb2 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat left -99px;}
.thumb2Big .cb2 .cl2 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat right -45px;}

.ct3 {top:-1px;}
.ct3 .cl3 {  background:transparent url(../Images/Header/CornersPack.gif) no-repeat right -108px; }
.cb3 {bottom:-1px;}
.cb3 .cl3 {  background:transparent url(../Images/Header/CornersPack.gif) no-repeat right -117px;}

.thumb3Big .ct3 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat left -126px;top:-1px;}
.thumb3Big .ct3 .cl3 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat right -153px;top:-1px; }
.thumb3Big .cb3 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat left -135px;bottom:-1px;}
.thumb3Big .cb3 .cl3 { background:transparent url(../Images/Header/CornersPack.gif) no-repeat right -163px;}

.cb { background:transparent url(../Images/Right/RightSW.gif) no-repeat bottom left;bottom:-1px;}
.cb .cl { background:transparent url(../Images/Right/RightSE.gif) no-repeat bottom right;}