body {
  font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  font-size: 0.8em;
  background: #fff url(images/page_bg.gif) repeat-y;
  text-align: left;
  margin: 0;
  color:#333;
  behavior: url(csshover.htc); /* call hover behaviour file */
}
hr { display:block; color:#456992; height:1px; background:#456992; margin:10px 0px; border:0px;}
img { border:0;}
a, a:visited { color:#0066FF; text-decoration:none; }
a:hover { text-decoration:underline; }

h2 { font-size: 1.4em; letter-spacing: 0.1em; font-weight: normal; }
h3 { font-size: 1.2em; color:#456992; }


#left_part { position:absolute; top:0; left:0; margin:0; padding:0; display:block;}
#left_part h1 { width:320px; height:290px; margin:0;
  background: #fff url(images/header_logo.gif) no-repeat top;
  text-indent:-5000px; }

#language { position:absolute; top:1px; left:190px;  z-index:100; }
#language a { display:block; width:120px; height:30px; text-indent:-30000px;background: url(images/language.gif) center center no-repeat;} 

#container {margin:0 0 0 320px;}
#page_header { padding: 0px;
  background: #0b1847 url(images/header_bg.gif) repeat-x; }
 
 #page_header .message1 { margin:0px 50px 30px 50px;
  display:block; height:70px;
  text-indent:-5000px;
  background: url(images/header_message_1.gif) no-repeat;
 }
 #page_header h2 { color:#fff; padding:0px 20px 15px 15px; }
 
#content {
  padding:0px;
  margin-top:-19px;
  background: url(images/content_bg.gif) repeat-x top;
  }
  
#supportingText { width:640px; padding:15px 0px 15px 40px;}
#supportingText p { padding-left:40px; }
#supportingText p.header_par { padding-left:0px; }
#supportingText li { list-style-type: disc; }

#navigation_div { background: transparent url(images/content_corner.gif) no-repeat 0% 0%;}

div.link_container { float:left; padding:10px; text-align:center; width:240px; height:200px; }
div.image_placer { display:block; width:220px; height:130px; padding:5px 0px;  background: transparent url(images/picture_bg.gif) no-repeat;}
div.image_placer:hover { display:block; width:220px; height:130px; padding:5px 0px;  background: transparent url(images/picture_bg_on.gif) no-repeat;}
div.clan_logo { border:1px solid #ccc; margin: 0px 10px 10px 10px; float:left; }
div.clan_logo:hover { border:1px solid #06f; margin: 0px 10px 10px 10px; float:left; }




div.image-container{width:500px; margin-left:28px; display:block;}
.small_frame_left{ float:left; background-image: url(images/small_frame.gif); background-repeat: no-repeat; width:244; height:195; }  
.small_frame_right{ float:right; background-image: url(images/small_frame.gif); background-repeat: no-repeat; width:244; height:195; } 
.small-picture {margin:16px 0px 17px 17px;}
.small-picture-vertical {margin:17px 0px 16px 21px;}
.small-picture-vertical-right { float:right; background-image: url(images/small_vertical_frame.gif); background-repeat: no-repeat;width:244; height:304; }  
.small-picture-vertical-left { float:left; background-image: url(images/small_vertical_frame.gif); background-repeat: no-repeat; width:244; height:304; } 
.proizvod-left { margin-left:40px; width:230; height:195; float:left}
.proizvod-right { width:230; height:195; float:right}
		











/* -- siteNav -- */
  #siteNav { position:relative; width:640px; height: 36px; padding: 0; margin: 0; list-style-image: url(images/menu_divider.gif); }
  #siteNav li { margin: 0; padding: 0 0 0 2px; display: inline; text-align:center;}
  #siteNav li a:link, #siteNav li a:visited {display: block; position: absolute; top: 0; height: 36px;}
  #siteNav li a:hover { background: transparent; }

  #siteNav .li1 a { text-indent: -30000px; left: 40px; width: 81px; background: url(images/menu_onama.gif) center center no-repeat;}
  #siteNav .li2 a { text-indent: -30000px; left: 120px; width: 81px; background: url(images/menu_proizvodi.gif) center center no-repeat;}
  #siteNav .li3 a { text-indent: -30000px; left: 200px; width: 81px; background: url(images/menu_projekti.gif) center center no-repeat;}
  #siteNav .li4 a { text-indent: -30000px; left: 280px; width: 81px; background: url(images/menu_clanovi.gif) center center no-repeat;}
/*  #siteNav .li5 a { text-indent: -30000px; left: 360px; width: 81px; background: url(images/menu_portfolio.gif) center center no-repeat;} */
  #siteNav .li5 a { text-indent: -30000px; left: 360px; width: 81px; background: url(images/menu_novosti.gif) center center no-repeat;}
  #siteNav .li6 a { text-indent: -30000px; left: 440px; width: 81px; background: url(images/menu_linkovi.gif) center center no-repeat;}
  #siteNav .li7 a { text-indent: -30000px; left: 520px; width: 81px; background: url(images/menu_kontakt.gif) center center no-repeat;}


  #siteNav .li1 a:hover, #siteNav .li1 a:hover span {background: url(images/menu_onama_on.gif) center center no-repeat;}
  #siteNav .li2 a:hover, #siteNav .li2 a:hover span {background: url(images/menu_proizvodi_on.gif) center center no-repeat;}
  #siteNav .li3 a:hover, #siteNav .li3 a:hover span {background: url(images/menu_projekti_on.gif) center center no-repeat;}
  #siteNav .li4 a:hover, #siteNav .li4 a:hover span {background: url(images/menu_clanovi_on.gif) center center no-repeat;}
/*  #siteNav .li5 a:hover, #siteNav .li5 a:hover span {background: url(images/menu_portfolio_on.gif) center center no-repeat;} */
  #siteNav .li5 a:hover, #siteNav .li5 a:hover span {background: url(images/menu_novosti_on.gif) center center no-repeat;}
  #siteNav .li6 a:hover, #siteNav .li6 a:hover span {background: url(images/menu_linkovi_on.gif) center center no-repeat;}
  #siteNav .li7 a:hover, #siteNav .li7 a:hover span {background: url(images/menu_kontakt_on.gif) center center no-repeat;}