* { margin: 0; padding: 0; }

body { color: #393C41; }

p { margin-bottom: 1em; }

a { text-decoration: none; color: #d96a1f; }
a:hover { color: #000; }

a img { border: 0; }

#header { width: 250px; padding-right: 7px; float: left; position: fixed; top: 0; left: 0; bottom: 0; z-index: 2; min-height: 450px; }
.body_intro #header {  background: url(i/intro_bg.png) repeat-y top right;  }

#logo { margin: 40px 0 56px 70px; }

#navigation { list-style: none; margin-left: 75px; margin-bottom: 60px; }
.en #navigation li a { background: url(i/menu_en.png) no-repeat; width: 100px; height: 16px; display: block; text-indent: -9999px; }
.hr #navigation li a { background: url(i/menu_hr.png) no-repeat; width: 100px; height: 16px; display: block; text-indent: -9999px; }
.jp #navigation li a { background: url(i/menu_jp.png) no-repeat; width: 100px; height: 16px; display: block; text-indent: -9999px; }
#navigation li#n_foundation  a { background-position: 0 0; }
#navigation li#n_gallery     a { background-position: 0 -16px; }
#navigation li#n_biography   a { background-position: 0 -32px; }
#navigation li#n_art         a { background-position: 0 -48px; }
#navigation li#n_exhibitions a { background-position: 0 -64px; }
#navigation li#n_events      a { background-position: 0 -80px; }

#navigation li#n_foundation  a:hover { background-position: -100px 0; }
#navigation li#n_gallery     a:hover { background-position: -100px -16px; }
#navigation li#n_biography   a:hover { background-position: -100px -32px; }
#navigation li#n_art         a:hover { background-position: -100px -48px; }
#navigation li#n_exhibitions a:hover { background-position: -100px -64px; }
#navigation li#n_events      a:hover { background-position: -100px -80px; }

.body_intro #navigation li#n_foundation  a:hover { background-position: -200px 0; }
.body_intro #navigation li#n_gallery     a:hover { background-position: -200px -16px; }
.body_intro #navigation li#n_biography   a:hover { background-position: -200px -32px; }
.body_intro #navigation li#n_art         a:hover { background-position: -200px -48px; }
.body_intro #navigation li#n_exhibitions a:hover { background-position: -200px -64px; }
.body_intro #navigation li#n_events      a:hover { background-position: -200px -80px; }

#navigation li#n_foundation.active  a { background-position: -100px 0; }
#navigation li#n_gallery.active     a { background-position: -100px -16px; }
#navigation li#n_biography.active   a { background-position: -100px -32px; }
#navigation li#n_art.active         a { background-position: -100px -48px; }
#navigation li#n_exhibitions.active a { background-position: -100px -64px; }
#navigation li#n_events.active      a { background-position: -100px -80px; }

#navigation li#n_events  { margin-bottom: 16px; }

#lang_switch { list-style: none; margin-left: 97px; position: absolute; bottom: 30px;  }
#lang_switch li a { background: url(i/lang_menu.png) no-repeat; width: 55px; height: 16px; display: block; text-indent: -9999px; }
#lang_switch li#lang_en a { background-position: 0 0; }
#lang_switch li#lang_hr a { background-position: 0 -16px; }
#lang_switch li#lang_jp a { background-position: 0 -32px; }

#lang_switch li#lang_en a:hover { background-position: -55px 0; }
#lang_switch li#lang_hr a:hover { background-position: -55px -16px; }
#lang_switch li#lang_jp a:hover { background-position: -55px -32px; }

#lang_switch li#lang_en.active a { background-position: -55px 0; }
#lang_switch li#lang_hr.active a { background-position: -55px -16px; }
#lang_switch li#lang_jp.active a { background-position: -55px -32px; }

.body_intro #lang_switch li#lang_en a:hover { background-position: -110px 0; }
.body_intro #lang_switch li#lang_hr a:hover { background-position: -110px -16px; }
.body_intro #lang_switch li#lang_jp a:hover { background-position: -110px -32px; }

.body_intro #lang_switch li#lang_en.active a { background-position: -110px 0; }
.body_intro #lang_switch li#lang_hr.active a { background-position: -110px -16px; }
.body_intro #lang_switch li#lang_jp.active a { background-position: -110px -32px; }

#main { background: #fff; position: fixed; top: 0; bottom: 0; right: 0; left: 250px; z-index: 1; overflow-y: auto;  }
.body_intro #main { background: transparent; }

#brlog { position: absolute; bottom: 36px; right: 30px; z-index: 10; }
.body_intro #brlog { display: none; }

#content { margin-top: 239px; margin-left: 43px; width: 600px; font: 16px/24px Georgia, "Times New Roman", serif; margin-bottom: 30px; }
.body_intro #content { color: #fff; text-shadow: #333 1px 1px 1px; width: 650px; }

#content h1 {  font: 16px/24px Georgia, "Times New Roman", serif; margin-bottom: 1em; color: #000; }

#art_filter { color: #000; }
#art_filter a { color: #777; }
#art_filter a:hover { color: #000; }

#art_filter a.active { color: #d96a1f; }

#art_title { text-align: right; }
#art_title a { display: block; float: left; }

.year { font-family:"Trebuchet MS", sans-serif; font-size: 10px; width: 40px; }
.city { font-family:"Trebuchet MS", sans-serif; font-size: 16px; font-style: italic; width: 120px; padding-right: 20px; }

table td { vertical-align: top; }

.item { float: left; width: 290px; margin-bottom: 20px; }
.item.mr  { margin-right: 20px; }
.item .caption, .image_caption { font-size: 10px; font-family: "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; color: #777; background: #e5e5e5; display: block; padding: 2px 8px; }

a:hover .caption, a:hover .image_caption { background: #d96a1f; color: #fff; }

.cb { clear: both; }

.image.right { float: right; width: 290px; margin: 8px 0 20px 20px; }
.image.left { float: left; width: 290px; margin: 8px 20px 10px 0; }

.image.full { width: 600px; margin: 8px 0 20px 0; }

::-moz-selection
{
background:#d96a1f;
color:#fff;
}

::selection 
{
background:#d96a1f;
color:#fff;
}

#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }