div#referenceslide {
width : 330px;

position: relative;
}

div#referenceslide div#slide-holder {
/*background:url(../design/pozadireference.gif) center no-repeat;*/

z-index : 40;
width : 330px;
height : 100px;
position: relative;


}
div#referenceslide div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 305px;
height : 278px;
height : 200px;
overflow : hidden;
position : absolute;
}


div#referenceslide div#slide-holder img {
margin : 0;
display : none;
position : absolute;
width : 305px;
overflow : hidden;
}
div#referenceslide div#slide-holder div#slide-controls {
left : 0;
margin-top: 80px;
width : 305px;
height : 46px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0;
}

div#referenceslide div#slide-holder div#slide-controls a:link{
color : #666666;
text-decoration : none;
}

div#referenceslide div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#referenceslide div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#referenceslide div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#referenceslide div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#referenceslide div#slide-holder div#slide-controls p#slide-nav a {
    color: #fff;
    background-image : url(../images/silde-nav.png);
}
div#nav ul li a {
background : url(../../images/nav.png) no-repeat;
}