html{
height: 100%;
font-family: verdana;
font-size: 14px;
color: #FFFFFF;
}
body{
margin: 0;
padding: 0;
background-color: #343434;
}
#main{
z-index: 995;
overflow: hidden;
position: absolute;
top: 15%;
left: 15%;
width: 70%;
}
#mainimage{
z-index: 994;
position: absolute;
top: 15%;
left: 15%;
width: 70%;
height: 75%;
background-image: url(../mmdb/ring.jpg);
background-repeat: repeat;
}
#right{
z-index: 996;
position: absolute;
top: 15%;
left: 85%;
width: 15%;
height: 75%;
background-image: url(../mmdb/linksbckg.jpg);
background-repeat: repeat;
}

#shadowdown{
position: absolute;
top: 90%;
height: 20px;
width: 100%;
color: #AAAAAA;
font-size: 10px;
text-align: center;
background-image: url(../mmdb/shadow_down.jpg);
background-repeat: repeat-x;
}

#shadowup_01{
position: absolute;
bottom: 85%;
height: 20px;
width: 15%;
background-image: url(../mmdb/shadow_up.jpg);
background-repeat: repeat-x;
}

#shadowup_02{
position: absolute;
bottom: 85%;
left: 85%;
height: 20px;
width: 15%;
background-image: url(../mmdb/shadow_up.jpg);
background-repeat: repeat-x;
}
#shadowstretch{
position: absolute;
width: 16%;
height: 100;
background-image: url(../mmdb/shadow_up.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
/*----------------------links---------------------*/
#links{
z-index: 902;
position: absolute;
top: 15%;
left: 0;
margin: 0;
padding: 0;
}
#links li{
width: 100px;
height: 3%;
margin-top: 2px;
text-align: center;
font-size: 15px;
line-height: 40px;
list-style-type: none;
cursor: pointer;
color: #AAAAAA;
background-color: #000000;
}
#links li.active{
background-color: #818284;
color: #FFFFFF;
letter-spacing: 3px;
}
#undermenu{
z-index: 901;
position: absolute;
bottom: 10%;
left: 0;
width: 15%;
height: 75%;
background-image: url(../mmdb/linksbckg.jpg);
background-repeat: repeat;
}
/*-----------------topanim-------------------------*/
#topanim{
position: absolute;
top: 0;
left: 15%;
height: 15%;
width: 70%;
}

#topanim div{
position: absolute;
bottom: 0;
font-size: 20px;
margin: 0;
padding: 0;
}

#topanim div div{
position: absolute;
bottom: 0;
width: 10px;
height: 30px;
margin-left: 5px;
}
/*------------------logo-----------------------------*/
#ftl00{
left: 0;
width: 16%;
height: 100;
background-image: url(../mmdb/ball.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
/*------------------topanimdivs---------------------*/
#f01{
left: 16%;
width: 6%;
background-image: url(../mmdb/f01.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
#o02{
left: 22%;
width: 6%;
background-image: url(../mmdb/o02.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
#t03{
left: 28%;
width: 6%;
background-image: url(../mmdb/t03.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
#o04{
left: 34%;
width: 6%;
background-image: url(../mmdb/o04.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
#s05{
left: 40%;
width: 6%;
background-image: url(../mmdb/s05.jpg);
background-repeat: repeat-x;
background-position: bottom;
color: #000000;
}
#t06{
left: 46%;
width: 6%;
background-image: url(../mmdb/t06.jpg);
background-repeat: repeat-x;
background-position: bottom;
color: #000000;
}
#u07{
left: 52%;
width: 6%;
background-image: url(../mmdb/u07.jpg);
background-repeat: repeat-x;
background-position: bottom;
color: #000000;
}
#d08{
left: 58%;
width: 6%;
background-image: url(../mmdb/d08.jpg);
background-repeat: repeat-x;
background-position: bottom;
color: #000000;
}
#i09{
left: 64%;
width: 6%;
background-image: url(../mmdb/i09.jpg);
background-repeat: repeat-x;
background-position: bottom;
color: #000000;
}
#o10{
left: 70%;
width: 6%;
background-image: url(../mmdb/o10.jpg);
background-repeat: repeat-x;
background-position: bottom;
color: #000000;
}
#d11{
left: 76%;
width: 6%;
background-image: url(../mmdb/d11.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
#u12{
left: 82%;
width: 6%;
background-image: url(../mmdb/u12.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
#g13{
left: 88%;
width: 6%;
background-image: url(../mmdb/g13.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
#a14{
left: 94%;
width: 6%;
background-image: url(../mmdb/a14.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
/*---------------imageslider----------------*/
#slike, #video{
text-align: center;
}
#imageslider{
position: relative;
margin: 0px auto;
margin-top: 25px;
right: 0;
width: 556px;
height: 100px;
background-color: #343434;
}
#thumbslide{
position: absolute;
top: 0;
left: 25px;
height: 100px;
width: 506px;
overflow: hidden;
}
#imageslider #prev{
position: absolute;
cursor: pointer;
top: 0;
left: 0;
display: block;
width: 25px;
height: 100px;
border-right: 1px solid #BABABA;
background-image: url(../mmdb/imagesprev.jpg);
background-repeat: no-repeat;
background-position: top;
}
#imageslider #next{
cursor: pointer;
position: absolute;
top: 0;
right: 0px;
display: block;
width: 25px;
height: 100px;
border-left: 1px solid #BABABA;
background-image: url(../mmdb/imagesnext.jpg);
background-repeat: no-repeat;
background-position: top;
}
#imagesul{
position: absolute;
top: 0;
left: 0;
margin: 0; padding: 0;
margin-left: 0; /* animated */
width: 0; /* generated */
}
#imagesul li{
display: table-cell;
vertical-align: middle;
margin: 0;
padding: 0;
padding-left: 1px;
width: 100px;
list-style-type: none;
height: 100px;
}
#imagesback{
cursor: pointer;
}
/*------------slider-hacks-----------*/
* html #imagesul li{
display: inline;
height: auto;
}