/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album_alpe, #album_aol, #album_ism, #album_genet, #album_som, #album_valery, #album_ecotech, #album_intours, #album_vedezevalka, #album_vtera, #album_techne, #album_oblak, #album_infinium, #album_mojserviser, #album_lestur_splet, #album_mlm_splet {
width:489px; 
height:425px;
border:1px solid #000;
margin:15px auto 0 auto;
}

#album_som_c, #album_potres_c, #album_genet_c, #album_eoko_c, #album_asper_c, #album_noval_c, #album_trupej_c, #album_techne_c, #album_infinium_c, #album_zidana_c, #album_vtera_cgp, #album_oblak_cgp, #album_fourwear_c, #album_lestur_c, #album_choco_c, #album_mlm_c, #album_mansutti_c, #album_toptime_c, #album_simplex_cgp, #album_veteranclub_cgp {
width:489px; 
height:425px;
border:1px solid #000;
margin:15px auto 0 auto;
}

#album_ubs_o, #album_supra_o, #album_kovaci_o, #album_zlatigric_o, #album_mojserviser_o {
width:489px; 
height:425px;
border:1px solid #000;
margin:15px auto 0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0 0 20px 0; 
margin:425px 0 0 0; 
list-style-type:none; 
position:relative;
width:489px;
z-index:3000;
}
 .gallery{
	height:14px;
	}

/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left;
text-decoration:none; 
color:#b5a04a; 
text-align:center;
width:12px;
line-height:24px;
height:1px;
}

/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-425px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-435px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
}

/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#000; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}


#album_aol {
background:url(../slike/reference/w_AOL1.jpg) no-repeat;
}
#album_alpe {
background:url(../slike/reference/w_alpeadria1.jpg) no-repeat;
}
#album_ism {
background:#000 url(../slike/reference/w_ISM2.jpg) no-repeat;
height:372px;
}
#album_ism .gallery {
margin:372px 0 0 0; 
}
#album_ism .gallery li a img {
top:-372px;
} 
#album_ism .gallery li a img.landscape {
top:-382px;
}
#album_genet {
background:url(../slike/reference/W_genet1.jpg) no-repeat;
}
#album_som {
background:url(../slike/reference/w_SOM1.jpg) no-repeat;
}
#album_valery {
background:url(../slike/reference/w_valery1.jpg) no-repeat;
}
#album_ecotech {
background:url(../slike/reference/w_ecotech1.jpg) no-repeat;
}
#album_intours {
background:url(../slike/reference/inter1.jpg) no-repeat;
}
#album_vedezevalka {
background:url(../slike/reference/w_vedezevalka1.jpg) no-repeat;
}
#album_vtera {
background:url(../slike/reference/w_vtera1.jpg) no-repeat;
}
#album_techne {
background:url(../slike/reference/w_techne1.jpg) no-repeat;
}
#album_oblak {
background:url(../slike/reference/w_oblak1.jpg) no-repeat;
}
#album_infinium {
background:url(../slike/reference/w_infinium1.jpg) no-repeat;
height:444px;
}
#album_mojserviser {
background:url(../slike/reference/w_mojserviser1.jpg) no-repeat;
}
#album_lestur_splet {
background:url(../slike/reference/w_lestur.jpg) no-repeat;
}
#album_mlm_splet {
background:url(../slike/reference/w_mlm1.jpg) no-repeat;
}

#album_som_c {
background:url(../slike/reference/SOM1.jpg) no-repeat;
}
#album_potres_c {
background:url(../slike/reference/cgp_potres1.jpg) no-repeat;
}
#album_genet_c {
background:url(../slike/reference/cgp_genet1.jpg) no-repeat;
}
#album_eoko_c {
background:url(../slike/reference/cgp_eo1.jpg) no-repeat;
}
#album_asper_c {
background:url(../slike/reference/cgp_asper1.jpg) no-repeat;
}
#album_noval_c {
background:url(../slike/reference/cgp_noval2.jpg) no-repeat;
}
#album_trupej_c {
background:url(../slike/reference/cgp_trupej1.jpg) no-repeat;
}
#album_techne_c {
background:url(../slike/reference/cgp_techne1.jpg) no-repeat;
}
#album_infinium_c {
background:url(../slike/reference/cgp_infinium1.jpg) no-repeat;
}
#album_zidana_c {
background:url(../slike/reference/cgp_zidana2.jpg) no-repeat;
}
#album_vtera_cgp {
background:url(../slike/reference/cgp_vtera.jpg) no-repeat;
}
#album_oblak_cgp {
background:url(../slike/reference/cgp_oblak.jpg) no-repeat;
}
#album_fourwear_c {
background:url(../slike/reference/cgp_4wear1.jpg) no-repeat;
}
#album_lestur_c {
background:url(../slike/reference/cgp_lestur1.jpg) no-repeat;
}
#album_choco_c {
background:url(../slike/reference/cgp_miss_chocolate.jpg) no-repeat;
}
#album_mlm_c {
background:url(../slike/reference/cgp_mlm1.jpg) no-repeat;
}
#album_mansutti_c {
background:url(../slike/reference/cgp_mm1.jpg) no-repeat;
}
#album_toptime_c {
background:url(../slike/reference/cgp_toptime2.jpg) no-repeat;
}
#album_simplex_cgp {
background:url(../slike/reference/simplex_redesign.jpg) no-repeat;
}
#album_veteranclub_cgp {
background:url(../slike/reference/veteran_klub_kartica.jpg) no-repeat;
}



#album_ubs_o {
background:url(../slike/reference/cgp_ubs.jpg) no-repeat;
}
#album_supra_o {
background:url(../slike/reference/brosura_supra.jpg) no-repeat;
}
#album_kovaci_o {
background:url(../slike/reference/brosura_kovaci.jpg) no-repeat;
}
#album_zlatigric_o {
background:url(../slike/reference/tiskovine_zlatigric.jpg) no-repeat;
}
#album_mojserviser_o {
background:url(../slike/reference/plakat_mojserviser.jpg) no-repeat;
}