body {
color:#502901;
background:#000 url('../design/background.jpg') top center fixed repeat-x; 
_text-align: center;
}

#container {
position: relative;
margin: 0 auto;
width:748px;
min-height: 100%;
_height: 100%;
_text-align: justify;
}

#main {
position: absolute;
width:748px;
z-index:3;
height:100%;
left:0px;
top:0px;
}

#layer {
_text-align: center;
_background:url('../design/background-paper.jpg') 16px 260px repeat-y;
}

#text {
position:relative;
margin:0 auto;
width:645px;
z-index:4;
padding: 280px 15px 215px 10px;
_padding: 0px 5px 185px 0pt;
_text-align: justify;
}

#bg01 {
position:absolute;
left:0px;
top:0px;
width:17px;
min-height:100%;
height:100%;
z-index:1;
background: url('../design/border-left.png') 0px 260px;
_background: url('../design/border-left.gif') 0px 260px;

}

#bg02 {
position:absolute;
left:17px;
top:0px;
width:712px;
min-height:100%;
height:100%;
background:#fefbeb url('../design/background-paper.jpg') 0px 260px;
z-index:1;
}

#bg03 {
position:absolute;
left:729px;
top:0px;
width:17px;
min-height:100%;
height:100%;
z-index:1;
background: url('../design/border-right.png') 0px 260px;
_background: url('../design/border-right.gif') 0px 260px;

}




/* Header
--------------------------------------------------------------------------------------- */

#top {
position:fixed;
_position: relative;
width:748px;
height:269px;
z-index:20;
}

#top02 {
position:absolute;
left:-32px;
width:349px;
height:260px;
background: url('../design/top02.jpg');
}

#top03 {
position:absolute;
left:317px;
width:428px;
height:260px;
background: url('../design/top03.jpg') no-repeat;
}

#top03 a {
position:absolute;
display:block;
top:0px;
right:0px;
width:100%;
height:200px;
text-indent:-4000px
}

#top04 {
position:absolute;
width:748px;
top:260px;
height:9px;
background:transparent url('../design/top_shadow.png');
_display:none;
}


#slideshow {
		position: relative;
		left:51px;
		width: 293px;
		height: 225px;
		overflow: hidden;
	}
#slideshow img {
		position: absolute;
		left: 0;
		top: 0;
		width: 293px;
		height: 225px;
	}



/* Menu
--------------------------------------------------------------------------------------- */


ul#menu, ul#menu.en {
position: absolute;
width:443px;
height:42px;
bottom:2px;
right:30px;
background: url('../design/menu.gif') no-repeat;
z-index:50;
list-style-type: none;
}

ul#menu li {
top:0;
left:0;
position: absolute;
z-index:4;
}

ul#menu li a{
position: absolute;
height: 18px;
display: block;
text-indent: -4000px;
}

ul#menu a#m01 {width: 106px; left:37px; top:0px}
ul#menu a#m02 {width: 85px; left:143px; top:0px}
ul#menu a#m03 {width: 49px; left:228px; top:0px}
ul#menu a#m04 {width: 99px; left:277px; top:0px}
ul#menu a#m05 {width: 67px; left:376px; top:0px}

ul#menu a#m06 {width: 60px; left:76px; top:18px}
ul#menu a#m07 {width: 52px; left:136px; top:18px}
ul#menu a#m08 {width: 64px; left:188px; top:18px}
ul#menu a#m09 {width: 71px; left:252px; top:18px}
ul#menu a#m10 {width: 65px; left:323px; top:18px}
ul#menu a#m11 {width: 55px; left:388px; top:18px}
ul#menu a#m12 {width: 42px; left:26px; top:18px}

ul#menu a#m01:hover {background: url('../design/menu.gif') -37px 42px }
ul#menu a#m02:hover {background: url('../design/menu.gif') -143px 42px }
ul#menu a#m03:hover {background: url('../design/menu.gif') -228px 42px }
ul#menu a#m04:hover {background: url('../design/menu.gif') -277px 42px }
ul#menu a#m05:hover {background: url('../design/menu.gif') -376px 42px }

ul#menu a#m06:hover {background: url('../design/menu.gif') -76px 24px }
ul#menu a#m07:hover {background: url('../design/menu.gif') -136px 24px }
ul#menu a#m08:hover {background: url('../design/menu.gif') -188px 24px }
ul#menu a#m09:hover {background: url('../design/menu.gif') -252px 24px }
ul#menu a#m10:hover {background: url('../design/menu.gif') -323px 24px }
ul#menu a#m11:hover {background: url('../design/menu.gif') -388px 24px }
ul#menu a#m12:hover {background: url('../design/menu.gif') -26px 24px }

ul#menu.en {
background: url('../design/menu-en.gif') no-repeat;
}

ul#menu.en a#m01 {width: 54px; left:83px; top:0px}
ul#menu.en a#m02 {width: 103px; left:137px; top:0px}
ul#menu.en a#m03 {width: 53px; left:240px; top:0px}
ul#menu.en a#m04 {width: 85px; left:293px; top:0px}
ul#menu.en a#m05 {width: 65px; left:378px; top:0px}

ul#menu.en a#m06 {width: 116px; left:17px; top:18px}
ul#menu.en a#m07 {width: 70px; left:133px; top:18px}
ul#menu.en a#m08 {width: 55px; left:203px; top:18px}
ul#menu.en a#m09 {width: 65px; left:258px; top:18px}
ul#menu.en a#m10 {width: 64px; left:323px; top:18px}
ul#menu.en a#m11 {width: 56px; left:387px; top:18px}


ul#menu.en a#m01:hover {background: url('../design/menu-en.gif') -83px 42px }
ul#menu.en a#m02:hover {background: url('../design/menu-en.gif') -137px 42px }
ul#menu.en a#m03:hover {background: url('../design/menu-en.gif') -240px 42px }
ul#menu.en a#m04:hover {background: url('../design/menu-en.gif') -293px 42px }
ul#menu.en a#m05:hover {background: url('../design/menu-en.gif') -378px 42px }

ul#menu.en a#m06:hover {background: url('../design/menu-en.gif') -17px 24px }
ul#menu.en a#m07:hover {background: url('../design/menu-en.gif') -133px 24px }
ul#menu.en a#m08:hover {background: url('../design/menu-en.gif') -203px 24px }
ul#menu.en a#m09:hover {background: url('../design/menu-en.gif') -258px 24px }
ul#menu.en a#m10:hover {background: url('../design/menu-en.gif') -323px 24px }
ul#menu.en a#m11:hover {background: url('../design/menu-en.gif') -387px 24px }



/* Footer
--------------------------------------------------------------------------------------- */

#bottom {
position:absolute;
left:-3px;
bottom:0px;
clear:both;
z-index:3;
height:296px;
}

#copyright {
position:absolute;
left:117px;
bottom:114px;
width:190px;
height:50px;
z-index:15;
font-size: 11px; 
text-align:left;
line-height:120%
}

#fife {
position:absolute;
left:50px;
bottom:118px;
width:50px;
height:50px;
background: url('../design/fife_logo.gif');
z-index:20;
}

#bot01 {
position:absolute;
left:0px;
top:0px;
width:17px;
z-index:3;
background: url('../design/border-bottom-left.png');
_background: url('../design/border-bottom-left.gif');
height:296px;

}

#bot02 {
position:absolute;
left:17px;
top:0px;
width:720px;
z-index:1;
background:#fefbeb url('../design/bottom.jpg');
height:296px;
}

#bot03 {
position:absolute;
left:737px;
top:0px;
width:11px;
z-index:3;
background: url('../design/border-bottom-right.png');
_background: url('../design/border-bottom-right.gif');
height:296px;

}





/* Index
--------------------------------------------------------------------------------------- */

div#index {
position: relative;
margin: 0 auto;
width:736px;
min-height: 100%;
_height: 100%;
background:url('../design/background-index.jpg') -5px 0px;
}

div#index div {
position: relative;
margin:0px auto;
top:150px;
width:428px;
height:180px;
background: url('../design/top03.jpg') no-repeat;
text-indent:-4000px;
}


a#pl {
position: absolute;
display:block;
text-indent:-4000px;
top:200px;
left:100px;
width: 94px; 
height: 91px;
background: url('../design/flaga-pl.gif') no-repeat;
}

a#en {
position: absolute;
display:block;
text-indent:-4000px;
top:200px;
right:120px;
width: 94px; 
height: 91px;
background: url('../design/flaga-en.gif') no-repeat;
}