/*
PAULINA JAZIVC (http://www.paulinajazvic.hr)
Desing and code: Sixpack66 (http://www.sixpack66.com)
2007
*/

body{
margin: 0;
padding: 0;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.8em;
color:#313131;
}




									/*links*/
a{
text-decoration: none;
padding:.4em 0;
}

a:link{
color:#9d0c15;
}

a:visited{
color:#8a4748;
}

a:hover{
text-decoration:underline;
}




h1, h2{
margin:1em 0 0 9em;
font-family:Georgia, "Times New Roman", Times, serif;
color: #9c9336;
line-height: 1.2em;
font-size: 1.6em;
}

h2{
font-size: 1.3em;
margin:1em 0 0 8em;
}


/*
#slike h1{margin:1em 0 0 5em;}
*/

									/*pagargaf vijest*/
.vijest{ width:400px;
margin-left:20em;}


.slike_naslovi{color: #666;}

#menia{ background:url(slike/slajsevi/menia.jpg) repeat-x bottom;
width:100%;
height:70px;
}
								/*navigacija*/
								
ul#jezici{padding:0; margin:0 0 0 3em; list-style-type:none; width:120px; float:left;}
ul#jezici li a{display:block; width:45px; padding:0; outline:none;}



ul#navigacija {padding:0; margin:20px 0 0 0; width:580px; float:left;list-style-type:none; text-indent: -9000px;}
ul#navigacija li {display:inline; }
ul#navigacija li a {float:left; display:block;outline:none;}


a.navigacija-a1 {background:url(slike/slajsevi/navigacija/home.jpg) no-repeat; width:77px; height:35px;}
a.navigacija-a2 {background:url(slike/slajsevi/navigacija/biografija.jpg) no-repeat; width:110px; height:35px;}
a.navigacija-a3 {background:url(slike/slajsevi/navigacija/slike.jpg) no-repeat; width:69px; height:35px;}
a.navigacija-a4 {background:url(slike/slajsevi/navigacija/instalacije.jpg) no-repeat; width:116px; height:35px;}
a.navigacija-a5 {background:url(slike/slajsevi/navigacija/press.jpg) no-repeat; width:68px; height:35px;}
a.navigacija-a6 {background:url(slike/slajsevi/navigacija/kontakt.jpg) no-repeat; width:102px; height:35px;}


/*hoover*/
.navigacija-a1:hover {background:url(slike/slajsevi/navigacija/home.jpg) no-repeat; background-position:-77px 0px;}
.navigacija-a2:hover {background:url(slike/slajsevi/navigacija/biografija.jpg) no-repeat; background-position:-110px 0px;}
.navigacija-a3:hover {background:url(slike/slajsevi/navigacija/slike.jpg) no-repeat; background-position:-69px 0px;}
.navigacija-a4:hover {background:url(slike/slajsevi/navigacija/instalacije.jpg) no-repeat; background-position:-116px 0px;}
.navigacija-a5:hover {background:url(slike/slajsevi/navigacija/press.jpg) no-repeat; background-position:-68px 0px;}
.navigacija-a6:hover {background:url(slike/slajsevi/navigacija/kontakt.jpg) no-repeat; background-position:-102px 0px;}



#home a.navigacija-a1 {background:url(slike/slajsevi/navigacija/home.jpg) no-repeat; background-position:-77px 0px;}
#bio a.navigacija-a2 {background:url(slike/slajsevi/navigacija/biografija.jpg) no-repeat; background-position:-110px 0px;}

#slika_galerija a.navigacija-a3 {background:url(slike/slajsevi/navigacija/slike.jpg) no-repeat; background-position:-69px 0px;}
#slike a.navigacija-a3 {background:url(slike/slajsevi/navigacija/slike.jpg) no-repeat; background-position:-69px 0px;}

#kontakt a.navigacija-a6 {background:url(slike/slajsevi/navigacija/kontakt.jpg) no-repeat; background-position:-102px 0px;}

#press a.navigacija-a5 {background:url(slike/slajsevi/navigacija/press.jpg) no-repeat; background-position:-68px 0px;}
#instalacije a.navigacija-a4 {background:url(slike/slajsevi/navigacija/instalacije.jpg) no-repeat; background-position:-116px 0px;}
#instalacije_3 a.navigacija-a4 {background:url(slike/slajsevi/navigacija/instalacije.jpg) no-repeat; background-position:-116px 0px;}



/*_______________________ENGLISH________________________________________*/

	
	
	/*navigacija*/



ul#navigation {padding:0; margin:20px 0 0 0; width:580px; float:left;list-style-type:none; text-indent: -9000px;}
ul#navigation li {display:inline; }
ul#navigation li a {float:left; display:block;outline:none;}


a.navigation-a1 {background:url(slike/slajsevi/navigacija/eng/home.jpg) no-repeat; width:77px; height:35px;}
a.navigation-a2 {background:url(slike/slajsevi/navigacija/eng/biography.jpg) no-repeat; width:97px; height:35px;}
a.navigation-a3 {background:url(slike/slajsevi/navigacija/eng/paintings.jpg) no-repeat; width:101px; height:35px;}
a.navigation-a4 {background:url(slike/slajsevi/navigacija/eng/installations.jpg) no-repeat; width:121px; height:35px;}
a.navigation-a5 {background:url(slike/slajsevi/navigacija/eng/press.jpg) no-repeat; width:72px; height:35px;}
a.navigation-a6 {background:url(slike/slajsevi/navigacija/eng/contact.jpg) no-repeat; width:96px; height:35px;}


/*hoover*/
.navigation-a1:hover {background:url(slike/slajsevi/navigacija/eng/home.jpg) no-repeat; background-position:-77px 0px;}
.navigation-a2:hover {background:url(slike/slajsevi/navigacija/eng/biography.jpg) no-repeat; background-position:-97px 0px;}
.navigation-a3:hover {background:url(slike/slajsevi/navigacija/eng/paintings.jpg) no-repeat; background-position:-101px 0px;}
.navigation-a4:hover {background:url(slike/slajsevi/navigacija/eng/installations.jpg) no-repeat; background-position:-121px 0px;}
.navigation-a5:hover {background:url(slike/slajsevi/navigacija/eng/press.jpg) no-repeat; background-position:-72px 0px;}
.navigation-a6:hover {background:url(slike/slajsevi/navigacija/eng/contact.jpg) no-repeat; background-position:-96px 0px;}



#home a.navigation-a1 {background:url(slike/slajsevi/navigacija/home.jpg) no-repeat; background-position:-77px 0px;}
#bio a.navigation-a2 {background:url(slike/slajsevi/navigacija/eng/biography.jpg) no-repeat; background-position:-97px 0px;}
#slika_galerija a.navigation-a3{background:url(slike/slajsevi/navigacija/eng/paintings.jpg) no-repeat;background-position:-101px 0px;}
#slike a.navigation-a3 {background:url(slike/slajsevi/navigacija/eng/paintings.jpg) no-repeat; background-position:-101px 0px;}
#kontakt a.navigation-a6 {background:url(slike/slajsevi/navigacija/eng/contact.jpg) no-repeat; background-position:-96px 0px;}
#press a.navigation-a5 {background:url(slike/slajsevi/navigacija/eng/press.jpg) no-repeat; background-position:-72px 0px;}
#instalacije a.navigation-a4 {background:url(slike/slajsevi/navigacija/eng/installations.jpg) no-repeat; background-position:-121px 0px;}
#instalacije_3 a.navigation-a4 {background:url(slike/slajsevi/navigacija/eng/installations.jpg) no-repeat; background-position:-121px 0px;}


/*________________________________________________________________*/


/*sadrzaj*/

#sadrzaj{
height:650px;
width:750px; 
background:url(slike/slajsevi/home.jpg) bottom no-repeat ;}




div.thumbnail{
width: 130px;
height: 185px;
float: left;
padding-top:0.5em;

}

div.thumbnail a:hover{ border: 1px dotted #999;
border-width: 1px 0;}

div.thumbnail p{
margin: 0;
padding: 0.5em 0.7em 0 1em;
}


#galerija_slika{
margin:2em 0 0 17em; width:570px}


/*footer*/

#footer{
margin:0; 
height:20px; 
clear:both;
background:url(slike/slajsevi/footer.jpg) repeat-x;}



#fot{margin:0;
padding:0.4em 0 0 1.5em;}




/* V A R I J A C I J E */


/* // B I O // */
#bio #sadrzaj{
height:1500px;
background:url(slike/slajsevi/bio.jpg) bottom no-repeat ;}

#bio{background-image:url(slike/slajsevi/sanjalasam.gif);
background-repeat: no-repeat;
background-position: 0 70em;}


/* // S L I K E // */
#slike #sadrzaj{
height:1380px;
background:url(slike/slajsevi/slike.jpg) bottom no-repeat ;}

#slika_galerija #sadrzaj{ height:850px; background: none;}
#slika_galerija .vijest{margin:0 0 5em 20em;}

#slika_galerija{background-image:url(slike/slajsevi/sijelasam.jpg);
background-repeat: no-repeat;
background-position: 38em 31em;}

ul#brojevi{ list-style-type:none; margin:0; float:right; padding:0; font-size:13px; clear:both;}
ul#brojevi li{display:inline; text-align:center;}
ul#brojevi li a{display: block; float:left;width:2em; margin-left: 1px; background-color:#DBDBDB; outline:none;}


/* // K O N T A K T // */
#kontakt #sadrzaj{
height:500px;
background:url(slike/slajsevi/kontakt.jpg) bottom no-repeat ;}



/* //INSTALACIJE// */
#instalacije #sadrzaj{
height:1100px;
background:url(slike/slajsevi/instalacije.jpg) bottom no-repeat ;}


/* //INSTALACIJE_3// */
#instalacije_3 #sadrzaj{
height:1050px;
background:url(slike/slajsevi/instalacije.jpg) bottom no-repeat ;}





/* //P R E S S// */


#press #sadrzaj{
height:2000px;
background:url(slike/slajsevi/press.jpg) bottom no-repeat ;}


/*______________________GALERIJA INSTALACIJA_____________________________________________________________*/





.gallerycontainer{
position: relative;
padding:2em 0 0 2em;
}

.inst_thumbnail img{
margin: 0 5px 5px 0;
border:none;

}

.inst_thumbnail:hover{
background-color: transparent;

}



.inst_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFFF;
padding: 3px;
left: -1000px;
border: 1px solid #C9C9C9;
visibility: hidden;
color:#666;
text-decoration: none;
}

.inst_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.inst_thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 10px;
left: 280px; /*position where enlarged image should offset horizontally */
z-index: 60;
}