#info {position:relative;}
#holder {position:absolute; width:750px; top:20px; left:50%; margin-left:-400px;}
div#fisheye {text-align:center;}
div#container {display:inline-block; margin:0 auto;}

ul.level1 {display:inline; padding:0; margin:0 auto; list-style:none;}
ul.level1 ul {padding:0; margin:0; list-style:none;}

ul.level1 table {border-collapse:collapse; padding:0; margin:-1px 0 0 0; width:0; height:0;}

ul.level1 li {float:left; display:block; padding:1px 3px 3px; background:url(trans.gif);}
* html ul.level1 li {float:left; display:block; padding:0}

ul.level1 li a {display:block;}
* html ul.level1 li a {display:block; padding:1px 3px 3px;}

ul.level1 li a img {width:100px; cursor:pointer; border:0;}
* html ul.level1 li.inner a {padding:0;}

ul.level1 li a:hover {border:0;}

ul.level1 :hover ul li.inner img {width:100px;}
ul.level1 :hover ul :hover ul li.inner img {width:110px;}
ul.level1 :hover ul :hover ul :hover ul li.inner img {width:120px;}
ul.level1 :hover ul :hover ul :hover ul :hover ul li.inner img {width:130px;}

dl.curved {background:#7f0f9c url(c_tl.gif) top left no-repeat; margin:50px auto 50px auto; padding:0; width:50%;}
dl.curved dt {background:transparent url(c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.curved dd {background:#eee url(c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(c_br.gif) bottom right no-repeat; }



.curvy {position:relative; width:320px; background:#bee6f5; color:#000; margin:1em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#bee6f5; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#bee6f5; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:9px 2px;font-family:Arial; font-size:1em; color:#0000a0;}

.curvyNaslov {position:relative; width:320px; background:#41a5c3; color:#000; margin:0.2em auto;}
.curvyNaslov em b {position:absolute; font-size:150px; font-family:arial; color:#41a5c3; line-height:40px; font-weight:normal;}
.curvyNaslov p {position:relative; z-index:100; padding:7px 2px;font-family:Verdana; font-size:1.3em; color:#0000a0;}

.curvyLevNaslov {position:relative; width:220px; background:#41a5c3; color:#000; margin:0.2em auto;}
.curvyLevNaslov em b {position:absolute; font-size:150px; font-family:arial; color:#41a5c3; line-height:40px; font-weight:normal;}
.curvyLevNaslov p {position:relative; z-index:100; padding:7px 2px;font-family:Verdana; font-size:1.3em; color:#0000a0;}

#xsnazzyPage h1, #xsnazzyPage h2, #xsnazzyPage p {margin:0 0px; letter-spacing:1px; padding:0;}
#xsnazzyPage h1 {font-size:2.5em; color:#fff;}
#xsnazzyPage h2 {font-size:2em;color:#06a; border:0;background:#cac;}
#xsnazzyPage p {padding-bottom:0.5em;}
#xsnazzyPage h2 {padding-top:0.5em;}
#xsnazzyPage {background:transparent; margin:1em 1px 1em 1px;}
.xtopPage, .xbottomPage {display:block; background:transparent; font-size:1px;}
.xb1Page, .xb2Page, .xb3Page, .xb4Page {display:block; overflow:hidden;}
.xb1Page, .xb2Page, .xb3Page {height:1px;}
.xb2Page, .xb3Page, .xb4Page {background:#0cf; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1Page {margin:0 5px; background:#08c;}
.xb2Page {margin:0 3px; border-width:0 2px;}
.xb3Page {margin:0 2px;}
.xb4Page {height:2px; margin:0 1px;}
.xboxcontentPage {display:block; background:#0cf; border:0 solid #08c; border-width:0 1px;}

/* ============================================== */
/* =========    ova e za okvirite =============== */
/* ============================================== */
list-style-type: lower-roman 
.xsnazzyV h6 {margin:0; }
.xsnazzyV ul {list-style-type: square;text-align:left;font-size:x-small;font-family:Verdana,Tahoma,Arial;font-weight:normal;}


.zsnazzy {width:920px; margin:0 0 0px 0px;}
.xsnazzy h1, .xsnazzyVProizvodi h1, .xsnazzy2 h1, .xsnazzyV h1, .xsnazzyV2 h1, .zsnazzy h1 {margin:0; font-size:medium;font-family:Verdana,Tahoma,Arial; padding:0 5px 5px 25px; border-bottom:1px solid #440;}
.zsnazzy p { margin:0; padding:5px 5px 5px 10px; font-size:middle;font-family:Verdana,Arial;}
/* =========    ova se za kolonite (2-nivo) ========================== */ 
.xsnazzy p, .xsnazzy2 p { margin:0; padding:2px 2px 2px 4px;font-size:small;font-family:Verdana,Arial;}
/* =========    ova se za vertikalnite boxovi (3-nivo) ===================== */ 
.xsnazzyV p, .xsnazzyV2 p { margin:0; padding:2px 2px 2px 4px; font-size:small;font-family:Verdana,Arial;}
/* =========    ova se za sitni listi pr. proizvodi (3-nivo) =============== */
.xsnazzyVProizvodi p { margin:0; padding:2px 2px 2px 4px; font-size:xx-small;font-family:Verdana,Arial;}
.xsnazzyVProizvodi h2 {font-size:x-small;font-family:Arial,Verdana;padding:0 5px 5px 5px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
/* =========    ova se boi za kosinjata xb 2,3,4 pozadinite za sekoj box (3-nivo) =============== */ 
.xb2, .xb3, .xb4 {background:#CEE7FB; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
/* =========    ova se boi za pozadinite za sekoj box (3-nivo) isto kako gornata boja =============== */ 
.xboxcontent {display:block; background:#CEE7FB; border:0 solid #444; border-width:0 1px; height:auto;}
/* =========    ova se boi za naslovnite hederi za sekoja strana posebno  =============== */
.color_NV {background:#06C; color:#fff;}
.color_NU {background:#FC6; color:#000;}
.color_NP {background:#06A; color:#fff;}
.color_NC {background:#408; color:#fff;}
.color_NK {background:#BEBE7E; color:#000;}
/* =========    ova se boi za hederite na levata, srednata, desnata kolona vo sekoja strana  =============== */
.color_L {background:#7C7C7C; color:#fff;}
.color_S {background:#676767; color:#fff;}
.color_D {background:#545454; color:#fff;}

.color_a, .color_b, .color_c {background:#c9ba65; color:#000;}
/* ==== .color_b {background:#d4d8bd; color:#000;} ============== */ v
/* ==== .color_c {background:#758279; color:#fff;}
.color_d {background:#b2ab9b; color:#000;}
/* =========    ova se boi za kosinjata xb 2,3,4 pozadinite za sekoja strana posebno (1-nivo) =============== */
.color_NVP {background:#BBDDFF}
.color_NUP {background:#CE8C64}
.color_NPP {background:#0FF}
.color_NCP {background:#BEBE7E}
.color_NKP {background:#DEDEBE}
/* =========    ova se boi za pozadinite na sekoja strana posebno (1-nivo), isti kako gornite  =============== */
.xboxcontent_NV {display:block; background:#BBDDFF; border:0 solid #444; border-width:0 1px; height:auto;}
.xboxcontent_NU {display:block; background:#CE8C64; border:0 solid #444; border-width:0 1px; height:auto;}
.xboxcontent_NP {display:block; background:#0FF; border:0 solid #444; border-width:0 1px; height:auto;}
.xboxcontent_NC {display:block; background:#BEBE7E; border:0 solid #444; border-width:0 1px; height:auto;}
.xboxcontent_NK {display:block; background:#DEDEBE; border:0 solid #444; border-width:0 1px; height:auto;}
/* =========    ova se boi za kosinjata xb 2,3,4 pozadinite za sekoja Kolona posebno (2-nivo) =============== */
.color_LP {background:#B6B6B6}
.color_SP {background:#A3A3A3}
.color_DP {background:#C5C5C5}
/* =========    ova se boi za pozadinite na sekoja Kolona posebno (2-nivo), isti kako gornite  =============== */
.xboxcontent_LP {display:block; background:#B6B6B6; border:0 solid #444; border-width:0 1px; height:auto;}
.xboxcontent_SP {display:block; background:#A3A3A3; border:0 solid #444; border-width:0 1px; height:auto;}
.xboxcontent_DP {display:block; background:#C5C5C5; border:0 solid #444; border-width:0 1px; height:auto;}
/* =========    ova se dimenziite (3-nivo) vertikalnite koloni, za 2 i za 3  =============== */
.xsnazzyV, .xsnazzyVProizvodi {width:296px; margin:2px 0 0px 0px;}
.xsnazzyV2 {width:442px; margin:1px 0 0px 0px;}
/* =========    ova se dimenziite (2-nivo) vertikalni okviri za 2 i za 3  =============== */
.xsnazzy {background: transparent; width:302px; float:left; margin:2px 2px; display:inline;}
.xsnazzy2 {background: transparent; width:451px; float:left; margin:2px 2px; display:inline;}

/* =========    ova e za POP UP da prikazuva tekst i slika  =============== */

a.screen, a.screen:visited {color:#000;text-decoration:none; position:relative; z-index:1;}
a.screen b {position:absolute;visibility:hidden; /* hide the image */width:200px; /* give it a width */
	height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
	/*border:1px solid #000; /* add a border */	left:260px; /* position:the image */top:-200px;}
a.screen:hover {text-decoration:none; border:0; /* needed for this to work in IE */ z-index:1000;}
a.screen:hover b {visibility:visible; /* make the image visible */ height:150px; /* now give it a height */
		cursor:pointer; /* for IE */z-index:500;}
a.screen:hover b img {border:1; background:#E2E2E2; /* remove the link border */}
a.screen:hover b em {display:block; position:relative; width:300px;left:-1px; top:150px; color:#000; border:1px solid #000; background:#E2E2E2;
			 padding:3px;font: Normal normal 1.3em tahoma,verdana;text-align:left;}

a.screenD, a.screenD:visited {color:#000;text-decoration:none; position:relative; z-index:1;}
a.screenD b {position:absolute;visibility:hidden; /* hide the image */width:200px; /* give it a width */
	height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
	/*border:1px solid #000; /* add a border */	left:-340px; /* position:the image */top:-200px;}
a.screenD:hover {text-decoration:none; border:0; /* needed for this to work in IE */ z-index:1100;}
a.screenD:hover b {visibility:visible; /* make the image visible */ height:150px; /* now give it a height */
		cursor:pointer; /* for IE */z-index:500;}
a.screenD:hover b img {border:1; /* remove the link border */}
a.screenD:hover b em {display:block; position:relative; width:330px;left:-1px; top:150px; color:#000; border:1px solid #000; background:#E2E2E2;
			 padding:3px;font: Normal normal 1.3em tahoma,verdana;text-align:left;}
			 

#backing {width:920px; height:285px; background:url(images/hatInfo.jpg); font-family: arial, sans-serif;}
#imgReplacement {padding:200px 0 0 50px; margin:1px; list-style:none;}
#imgReplacement li {float:left; position:relative;}
#imgReplacement li.home {width:90px; height:40px; overflow:hidden;}
#imgReplacement li.home img {width:90px; height:40px; background:url(images/home.png); border:0;}
#imgReplacement li.home a:hover img {background-image:url(images/home-hover.png);}
 
#imgReplacement li.services {width:120px; height:40px; overflow:hidden;}
#imgReplacement li.services img {width:120px; height:40px; background:url(images/services.png); border:0;}
#imgReplacement li.services a:hover img {background-image:url(images/services-hover.png);}

#imgReplacement li.products {width:190px; height:40px; overflow:hidden;}
#imgReplacement li.products img {width:190px; height:40px; background:url(images/products.png); border:0;}
#imgReplacement li.products a:hover img {background-image:url(images/products-hover.png);}
 
#imgReplacement li.privacy {width:250px; height:40px; overflow:hidden;}
#imgReplacement li.privacy img {width:250px; height:40px; background:url(images/privacy.png); border:0;}
#imgReplacement li.privacy a:hover img {background-image:url(images/privacy-hover.png);}
 
 
#imgReplacement li.location {width:140px; height:40px; overflow:hidden;}
#imgReplacement li.location img {width:140px; height:40px; background:url(images/location.png); border:0;}
#imgReplacement li.location a:hover img {background-image:url(images/location-hover.png);}
 
#imgReplacement li a {display:block; width:100%; height:40px; font:bold 25px/40px arial, sans-serif; color:#000; text-decoration:none;}
#imgReplacement li a:hover {color:#0080c0;}