HTML, BODY { background: #b9b9a9 url(bg01.png); }
BODY { padding: 0 0 25px 0; }
* HTML A { position: relative; }
UL { list-style: none; }

/* Layout */

#box00 { position: fixed; top: 122px; right: 0; z-index: 2000; }
* HTML #box00 { position: absolute; }
#contact-ctn { width: 497px; height: 609px; position: relative; }
#contact-ctn.english { background: url(en/contact02.png) no-repeat; }
#hide-contact { position: absolute; top: 10px; left: 18px; width: 37px; height: 145px; cursor: pointer; }
#contact-ctn P.heading { margin: 0; position: absolute; top: 18px; left: 99px; font-size: 15px; color: #000; text-transform: uppercase; text-align: center; }
#contact-ctn DIV.form-ctn { position: absolute; right: 0; top: 54px; width: 400px; font-size: 14px; color: #000; }

#box01 { width: 1000px; padding: 16px 0 0 0; margin: auto; z-index: 1; }

#index { position: relative; min-height: 440px; background: url(bg03.png) no-repeat; }
* HTML #index { height: 440px; }
#subpage { position: relative; background: url(bg03a.png) no-repeat; }
#subpage DIV.pad { padding: 0 70px 55px 70px; background: url(bg09.png) 10px 100% no-repeat; }
#header { height: 208px; }

#logo { margin: 0; position: absolute; top: 21px; left: 22px; }
#logo A { display: block; width: 155px; height: 155px; }

#search { position: absolute; top: 78px; left: 198px; }
#search INPUT.txt
{
	float: left; background: none; border: none; color: #999; font-style: italic; font-size: 13px; width: 141px; padding: 2px 3px 0 3px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 16px;
}
#search SPAN.btn,
TABLE.form SPAN.btn { float: left; padding: 0 0 0 3px; }
#search SPAN.btn INPUT,
TABLE.form SPAN.btn INPUT
{
	float: left; padding: 1px 3px 1px 3px; background: #c9381d; border: 1px solid #aea886; color: #fff; font-size: 13px; font-weight: bold; cursor: pointer; font-family: Georgia, "Times New Roman", Times, serif;
}
#slogan { margin: 0; position: absolute; top: 39px; left: 615px; font-size: 28px; color: #b20005; text-align: center; line-height: normal; }
#slogan SPAN { font-size: 18px; color: #717171; }
#langselect { margin: 0; position: absolute; top: 124px; left: 200px; text-transform: uppercase; color: #990000; }
#langselect A { color: #990000; text-decoration: none; padding: 0 3px; }
#langselect A:hover,
#langselect A.active { color: #000; text-decoration: none; }

#menu01 { margin: 0; padding: 0; position: absolute; top: 124px; right: 50px; text-transform: uppercase; font-size: 15px; }
#menu01 * { float: left; }
#menu01 LI { padding: 0 2px 0 0; background: url(bg06.gif) no-repeat 100% 0; }
#menu01 LI.last { padding: 0; background: none; }
#menu01 A { color: #990000; text-decoration: none; padding: 0 15px 14px 15px; }
#menu01 A:hover,
#menu01 A.active { color: #000; text-decoration: none; background: url(bg05.gif) 50% 100% no-repeat; }

#front-info { padding: 214px 0 0 0; line-height: 16px; text-align: justify; }
#front-info P.heading { margin: 0; color: #000; font-size: 16px; }
#front-info TABLE { width: 100%; }
#front-info TABLE TD { padding: 0 20px 0 0; }

#front-info01 { width: 848px; padding: 0 66px 40px 66px; margin: auto; background: url(bg19.png) no-repeat 0 100%; }

#box02 { width: 980px; margin: auto; background: url(bg04.png) repeat-y; }

#front-info02 { padding: 25px 0 45px 57px; width: 605px; }

#front-info03 { position: relative; width: 868px; height: 163px; padding: 0 0 45px 42px; }
#front-info03 UL { margin: 0; padding: 0; text-transform: uppercase; font-size: 15px; font-weight: bold; line-height: 18px; }
#front-info03 UL LI { float: left; padding: 0 30px 0 0; }

#front-info03 UL LI A { display: block; color: #fff; text-decoration: none; position: relative; }
#front-info03 UL LI A SPAN { position: absolute; top: 65px; left: 0; width: 100%; text-align: center; }
#front-info03 UL LI A:hover { color: #fff; text-decoration: underline; }
#front-info03 UL LI.item01 A { width: 160px; height: 162px; }
#front-info03 UL LI.item02 A { width: 193px; height: 162px; }
#front-info03 UL LI.item03 A { width: 204px; height: 162px; }
#front-info03 UL LI.item04 A { width: 182px; height: 162px; }

#box03 { width: 980px; height: 108px; margin: auto; background: url(bg08.png) no-repeat; overflow: hidden; position: relative; }
#box04 { width: 980px; margin: auto; line-height: 18px; }
#box04 P { margin: 0; padding: 10px 0 0 0; }
#box04 A { color: #333; text-decoration: none; }
#box04 A:hover { color: #333; text-decoration: underline; }

DIV.sub-info01 { width: 608px; padding: 0 0 0 70px; }
DIV.sub-info02 { width: 980px; margin: auto; padding: 0 0 55px 0; background: url(bg09.png) 0 100% no-repeat; }

UL.animals { margin: 2em 0 0 0; padding: 0; height: 70px; background: url(bg10.png) 0 35px no-repeat; text-transform: uppercase; font-size: 15px; line-height: 14px; }
UL.animals LI { float: left; }
UL.animals LI.first { padding: 0 0 0 40px; }

UL.animals A { display: block; padding: 0; color: #a00000; text-decoration: none; text-align: center; width: 150px; }
UL.animals A:hover,
UL.animals A.active { color: #000; text-decoration: none; }

UL.animals A SPAN { display: block; padding: 9px 0 15px 0; }
UL.animals A:hover SPAN,
UL.animals A.active SPAN { background: url(bg05.gif) 50% 100% no-repeat; } 

DIV.menu02 { width: 445px; height: 283px; background: url(bg16.png) no-repeat; }
.col03 P { margin: 0; padding: 0 0 6px 30px; font-size: 15px; color: #000; }

DIV.menu02 UL { margin: 0; padding: 14px 0 0 0; line-height: 18px; font-size: 14px; }
DIV.menu02 UL LI { float: left; padding: 2px 0; width: 100%; clear: both; }
DIV.menu02 UL LI A { padding: 0 12px 0 20px; text-decoration: none; }
DIV.menu02 UL LI A:hover,
DIV.menu02 UL LI A.active { color: #000; text-decoration: none; background: url(ln01.gif) 100% 6px no-repeat; }

/* Cols */

.col { float: left; min-height: 1px; }
* HTML .col { height: 1px; }
.col01 { width: 280px; padding: 0 40px 0 0; }
.col02 { width: 227px; }
.col03 { width: 445px; padding: 20px 0 0 30px; }
.col04 { width: 135px; }
.col05 { width: 308px; padding: 1px 0 0 0; text-align: center; }

/* Content */

.content { line-height: 16px; }
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border: solid #fff; border-width: 1px; padding: 4px 10px; background: #990000; font-weight: bold; color: #fff; }
.content TABLE TD { line-height: normal; border: solid #fff; border-width: 1px; padding: 4px 10px; background: #fdf8dd; }
.content TABLE TR.even TD { background: #ede5bb; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(dot03.gif) 0 3px no-repeat; padding: 0 0 0 12px; }

/* Messages */

.msg-error,
.msg-ok { padding: 5px; color: #fff; font-size: 14px; text-align: center; font-weight: bold; }
.msg-error { background: #c9381d; }
.msg-ok { background: #829258; }

/* Forms */

TABLE.form { width: auto; }
TABLE.form TH { line-height: 18px; padding: 6px; border: none; background: none; font-size: 14px; font-weight: normal; color: #000; text-align: left; }
TABLE.form TD { line-height: 18px; padding: 6px; border: none; background: none; font-size: 14px; font-weight: normal; color: #000; text-align: left; }

TABLE.form TD INPUT.default,
TABLE.form TD TEXTAREA.default { float: left; padding: 2px; width: 191px; background: #fff; border: 1px dotted #c9381d; font-size: 13px; font-style: italic; color: #4d4d4d; overflow: hidden;  }

/* Easy Slider */

#slider { margin: auto; }
#slider UL { padding: 1px 0 0 0; }
#slider, #slider LI { width: 800px; height: 102px; overflow:hidden; text-align: center; }

#slider LI IMG { margin: 0 20px; }
* HTML #slider LI IMG { padding: 12px 0 0 0; }
#prevBtn,
#nextBtn,
#slider1next,
#slider1prev { display: block; width: 13px; height: 22px; position: absolute; top: 40px; left: 50px; z-index: 1000; }	
#nextBtn, #slider1next { left: 918px; }														

#prevBtn A,
#nextBtn A,
#slider1next A,
#slider1prev A { display: block; width: 30px; height: 77px; background:url(btn_prev.gif) no-repeat 0 0; }

#nextBtn A, #slider1next a { background:url(btn_next.gif) no-repeat 0 0; }

/* Slider image replacement */

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

/* Modal Overlay */
  
/* Z-index of #mask must lower than #boxes .window */   
#mask { position: absolute; z-index: 9000; background: url(bg02.png); display: none; top: 0; left: 0; }   
     
#boxes .window { position: absolute; display: none; z-index: 9999; }

#dialog { width: 453px; height: 341px; background: url(bg18.png) no-repeat; color: #000;  }
#dialog A.close { position: absolute; top: 6px; right: 8px; width: 19px; height: 19px; background: url(ico_close.gif) no-repeat; }
#dialog P.heading { margin: 0; position: absolute; top: 8px; left: 6px; text-transform: uppercase; font-size: 15px; color: #000; width: 150px; text-align: center; }
#dialog DIV.modal-content { position: absolute; top: 54px; left: 37px; }