* { margin: 0 ; padding: 0 }
img { border: 0; }
body { background: #fff url(../images/background.png) }

/*html { height: 101%}*/

td { vertical-align: top }
ul { list-style: none }

a { color: #555 }
a:hover { color: #a16646 }


table { border-collapse: collapse }

div#boundary { width: 953px; margin: 83px auto 0 auto }

div#top { height: 83px; background: #000; position: relative }

dl#menu { width: 602px; height: 83px;}
dl#menu a span { display: none; }
dl#menu a { display: block; height: 83px }
dl#menu dt { float: left;}
a#title { display: block; width: 293px; height: 30px; position: absolute; left: 628px; top: 25px}
a#title span {display: none}
div#logo { background: #000 url(../images/logo.png) no-repeat 66px 4px; width: 218px; height: 210px; float: right; position: relative;}
div#page { background: #fff; min-height: 570px; width: 720px; padding-right: 15px;position:relative;}

div#footer { 
    background: url(../images/footer-bg.png) no-repeat right top; 
    height: 24px; 
    width: 735px; 
    padding-top: 16px;
    margin-top: 10px;
    clear:both;
}
div#footer #copyright {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 10px; 
    color: #555;
    margin-right: 125px;
    text-align:right;
}

div#footer a#designer { 
    display: block; 
    background: url(../images/designer.png) no-repeat top left; 
    width: 59px; 
    height: 10px; 
    position: relative; 
    bottom: 12px; 
    left: 650px}
div#footer #designer span { display: none }

#titleimage { padding-top: 13px; margin-bottom: 6px }
#titleimage-alt { padding-top: 13px; margin-bottom: 6px }
div#page { font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; color: #4c5454}

h1#intro { font-size: 11px; font-weight: bold; margin-bottom: 10px; text-align:left}
h1#smallintro { font-size: 9px; font-weight: normal; margin-bottom: 0; text-align:left}

div#stiklalogo { height: 50px; background: url(../images/logo-stikla.png) no-repeat top right; margin-bottom: 9px;}

div#about table { text-align: right }
div#about table h1 { font-size: 11px; font-weight: bold; padding-bottom: 11px; }
div#about table td { width: 350px; padding: 0 0 10px 10px }
div#about table p { margin-bottom: 11px; font-size: 10px; line-height: 160%}

a.more { text-decoration: none; color: #666; font-size: 9px; font-weight: bold}
a.more img {display: inline; vertical-align: middle}

#news li a { background-image: url(../images/menu-news.png) }

ul#news { position: absolute; display: block; width: 150px; height: 72px; left: 127px; }
.lv ul#news #n1 a { display: block; width: 150px; height: 36px; background-position: 0px 0px }
.lv ul#news #n2 a { display: block; width: 150px; height: 36px; background-position: 0px -36px }
.en ul#news #n1 a { display: block; width: 150px; height: 36px; background-position: 0px -72px }
.en ul#news #n2 a { display: block; width: 150px; height: 36px; background-position: 0px -108px }

ul#news span { display: none }
.lv ul#news #n1 a:hover, .lv ul#news #n1 a.selected { background-position: -150px 0px }
.lv ul#news #n2 a:hover, .lv ul#news #n2 a.selected { background-position: -150px -36px }
.en ul#news #n1 a:hover, .en ul#news #n1 a.selected { background-position: -150px -72px }
.en ul#news #n2 a:hover, .en ul#news #n2 a.selected { background-position: -150px -108px }

p.minus img {padding: 0 40px}
p.minus a { text-decoration: none; font-weight: bold}
div#about p.minus { text-align: center; }

table#gallery {
    float: right;
    margin-top: 11px;
}

a.galselected span { display: none }
a.galunselected span { display: none }

a.galselected, a.galunselected {
    display: block;
    width: 27px;
    height: 24px;
    margin-bottom: 10px;
    margin-left: 12px;
}

a.galselected { 
    background: url(../images/news-selected.png);
}
a.galunselected { 
    background: url(../images/news-unselected.png);
}

p#gallerydesc { font-size: 10px; padding-top: 3px; }
div#gallerytext { text-align: right; clear: right; padding-top: 10px }
div#gallerytext h1, div#gallerytext h2 { font-size: 11px;}
div#gallerytext h3#times { font-weight: normal; font-size: 10px; margin-bottom: 5px}
div#gallerytext img { margin: 5px 0}
div#gallerytext p { font-size: 10px; line-height: 160%; margin: 5px 0 5px 40px;  text-align:right}
div#gallerytext p.minus { margin-top: 15px; clear: left}


div#features {padding-bottom: 30px}
div#features h2 { text-align: right; font-size: 11px; margin-bottom: 13px;}
div#features p { text-align: right; font-size: 10px; padding: 4px 20px 4px; background: url(../images/features-bling.png) no-repeat right 9px; margin-right: 13px}


div#contacts table { margin-left: 130px}
div#contacts table td { width: 265px; padding-lefT: 30px}
div#contacts table h1 { font-size: 11px; margin-bottom: 11px; }
div#contacts table p { font-size: 10px; line-height: 160% }

div#contacts a.popup { font-size: 10px; font-weight: bold; text-decoration: none; display: block; background: url(../images/popup-icon.png) no-repeat left top; padding-left: 26px; height: 15px; margin-top: 6px;}

div.lightbox { display: none }
#ibox_content {
	position:relative;
	top:0;
	left:0;
}

#ibox_wrapper {
	position: absolute;
    text-align:center;
	top: 0;
	left: 0;
	z-index:1000;
    cursor: pointer;
	width:761px;
	height:544px;
}

.en #ibox_wrapper {
    background: #fff url(../images/lightbox-bg-en.gif) no-repeat left top;
}
.lv #ibox_wrapper {
    background: #fff url(../images/lightbox-bg-lv.gif) no-repeat left top;
}

#ibox_w{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
    background-color: #333;
    background: transparent url(../images/background.png);
    /*
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;*/
}
a#language { display: block; width: 30px; height: 16px; position: absolute; top: 142px; left: 115px;}
a#language span { display: none}
a#language { background: url(../images/lang_button.png) no-repeat}
.en a#language { background-position: -30px 0px}
.en a#language:hover { background-position: -30px -16px}
.lv a#language { background-position: 0px 0px}
.lv a#language:hover { background-position: 0px -16px}



div.lbtext { color: #777; font-family: verdana, arial, sans-serif; font-size: 11px; text-align: right; padding: 80px 65px 0 55px;}
div.lbmap { text-align:center; padding-top: 80px}
div.lbtext p { line-height: 170%; margin-bottom: 6px; }
div.lbtext h2 { font-size: 11px;  margin: 6px 0; }
div.lbasuna { background: url(../images/lightbox-asuna.png) no-repeat 30px 30px}
div.lbstikla { background: url(../images/lightbox-stikla.png) no-repeat 30px 30px}
p.years { padding-top: 30px; margin-left: 20px }
p.years a { padding: 0 5px}
p.years a.selected { font-weight: bold}

div#yearstuff {float:left}
form#yearform {padding-top: 30px; margin-left: 32px}
form#yearform select { width: 100px }
div#year-exhibits { margin: 10px 5px 20px 20px; line-height: 100%;}
div#year-exhibits td { padding-right: 10px}
#year-exhibits a { padding-lefT: 12px; font-size: 10px; text-decoration: none }
#year-exhibits li { margin-bottom: 3px }
#year-exhibits a.selected {font-weight: bold; background:url(../images/selected-arrow.png) no-repeat left 3px;}
#year-exhibits a:hover {background:url(../images/selected-arrow.png) no-repeat left 3px;}
a.more { background: url(../images/more-arrow.png) no-repeat right top; padding:3px 30px 7px 0;}
a.more:hover { background: url(../images/more-arrow.gif) no-repeat top right }
fieldset { border:0;}

div#login {
    padding: 30px 0 0 50px;
}
div#login h1 { font-family: tahoma, verdana, sans-serif;
    font-size: 20px;
    color: #666;
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
}
div#login input {
    border: 1px solid #ccc;
    padding: 4px;
    width: 170px;
    border-left: 1px solid #666;
    border-top: 1px solid #666;
    background-color: #ffd;
    margin-top: 15px;

}
div#login button {
    border: 1px solid #666;
    padding: 4px 0;
    width: 178px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: 3px;
    cursor: pointer;

}