*{PADDING:0px; MARGIN:0px}
H1{FONT-WEIGHT:normal}
H2{FONT-WEIGHT:normal}
H3{FONT-WEIGHT:normal}
H4{FONT-WEIGHT:normal}
H5{FONT-WEIGHT:normal}
H6{FONT-WEIGHT:normal}
PRE{FONT-WEIGHT:normal}
BLOCKQUOTE{FONT-WEIGHT:normal}
LABEL{FONT-WEIGHT:normal}
ACRONYM{CURSOR:help}
UL{FONT-WEIGHT:normal; list-style:none}
OL{FONT-WEIGHT:normal}
DL{FONT-WEIGHT:normal}
LI{MARGIN-LEFT:0px}
ADDRESS{FONT-WEIGHT:normal}
.clear{CLEAR:both; FONT-SIZE:0px; LINE-HEIGHT:0px; HEIGHT:0px}
A IMG{BORDER-STYLE:none; text-decoration:none}
BODY{FONT-WEIGHT:normal; FONT-SIZE:12px; LINE-HEIGHT:20px; color:#FFF; font-family:"Trebuchet",Arial,sans-serfi; BACKGROUND:url(../images/metuzalembg.jpg) repeat left top; margin:0px; padding:0px}
A:hover, A:hover.readon{COLOR:#fff; font-weight:bold}
.okvir A{COLOR:#8a7549; font-weight:bold; display:inline; text-decoration:underline}
.okvir A:hover{COLOR:#705a03}
P{FONT-WEIGHT:normal; TEXT-ALIGN:justify}
P A:hover{font-weight:bold}
P.more A:hover{COLOR:#FFF; font-weight:bold}
a{color:#333; display:block; font-weight:bold; text-decoration:none; font-size:12px; cursor:pointer}
a:hover{color:#FFF}
.tab h3{color:#333; padding:3px; font-size:16px; margin:0 1px 1px 0; text-align:center; background:#6FB9E9}
#wrapper2, #wrapper3{width:600px; margin:0 auto}
#left, #left3{float:left; width:150px}
#right, #right3{float:right; width:450px}
.tab{color:#333; padding:3px; margin:0 1px 1px 0; text-align:center; background:#6FB9E9}
.stretcher{background:#6FB9E9}
.wrapper .content{height:600px; width:590px; margin:5px 0px; font-size:14px; color:#000; overflow:hidden; font-weight:normal; position:relative; float:none}
.wrapper .contentALL{width:600px; margin-left:183px; font-weight:normal; margin-top:25px; font-size:16px; color:#000; position:relative}
.wrapper .contentALL .malo H1{font-size:22px; color:#705a03; margin-bottom:20px}
.wrapper .contentALL .desno{color:#000; float:right; font-size:24px}
.wrapper{height:760px; width:960px; margin:0px auto}
.wrapper .logo{background-image:url(../images/logo_metuzalem.png); background-position:left center; height:183px; width:160px; margin:-53px auto 0px 0px; padding:0px; position:relative; float:left; display:block; line-height:183px; z-index:1}
.language{height:20px; width:70px; z-index:3; position:relative; top:-34px; left:-75px}
.language a{text-decoration:none; color:#ccb765; display:inline}
.language, .language a:hover, .language a.odb{display:inline}
.menuholder{height:56px; width:960px; margin:0px; z-index:20}
.menu{height:56px; width:602px; margin:0px auto; padding:0px; display:block}
.gotohome A{background-image:url(../images/home_all.png); background-position:left center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left}
.gotohome A:hover, .gotohomeM{background-image:url(../images/home_all.png); background-position:right center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left}
.gotoabout A{background-image:url(../images/about_all.png); background-position:left center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left}
.gotoabout A:hover, .gotoaboutM{background-image:url(../images/about_all.png); background-position:right center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left}
.gotoservices A{background-image:url(../images/services_all.png); background-position:left center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left}
.gotoservices A:hover, .gotoservicesM{background-image:url(../images/services_all.png); background-position:right center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left}
.gotoproducts A{background-image:url(../images/products_all.png); background-position:left center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left}
.gotoproducts A:hover, .gotoproductsM{background-image:url(../images/products_all.png); background-position:right center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left}
.gotoreferences A{background-image:url(../images/references_all.png); background-position:left center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left}
.gotoreferences A:hover, .gotoreferencesM{background-image:url(../images/references_all.png); background-position:right center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left}
a#contact-1.contact, a#contact-2.contact, a#contact-3.contact, a#contact-4.contact, a#contact-5.contact{background-image:url(../images/contact1.png); background-position:left center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left; border:none}
a:hover#contact-1.contact, a:hover#contact-2.contact, a:hover#contact-3.contact, a:hover#contact-4.contact, a:hover#contact-5.contact{background-image:url(../images/contact2.png); background-position:left center; background-repeat:no-repeat; height:56px; width:100px; margin:0px; padding:0px; display:block; float:left}
.footer{margin:180px auto 0px auto; text-align:left; font-size:11px; line-height:14px; color:#FFF; width:960px; height:50px}
.footer A{font-size:11px; color:#FFF; display:inline-block; padding:3px 5px 3px 5px; font-weight:normal; text-decoration:none}
.footer A:HOVER, .footer A:active{font-weight:normal; background-color:#705a02}
#about{height:1200px; top:0px; background:transparent url(../images/metuzalem_about.jpg) no-repeat scroll 50% 0; text-align:left}
#home{top:1200px; height:1250px; BACKGROUND:transparent url(../images/metuzalem_home.jpg) no-repeat scroll 50% 0; text-align:left}
#services{top:2450px; height:1150px; BACKGROUND:transparent url(../images/metuzalem_services.jpg) no-repeat scroll 50% 0; text-align:left}
#products{top:3600px; height:1200px; BACKGROUND:transparent url(../images/metuzalem_products.jpg) no-repeat scroll 50% 0; text-align:left}
#references{top:4800px; height:1000px; BACKGROUND:transparent url(../images/metuzalem_references.jpg) no-repeat scroll 50% 0; text-align:left}
/* glider */
.glidecontentwrapper{position:relative; width:591px; height:515px; overflow:hidden; color:#000}
.glidecontent{position:absolute; visibility:hidden; width:591px; font-size:14px}
.glidecontentbkg{position:absolute; background:transparent url(../images/content.png) no-repeat scroll 50% 0; width:591px; height:515px; z-index:-1}
.glidecontent .okvir{padding:80px 0px 0px 45px; width:500px}
.glidecontenttoggler{width:528px; margin-top:-105px; margin-left:30px; position:absolute; z-index:9000; text-align:center; font-size:12px}
.glidecontenttoggler a{display:inline-block; color:#8a7549; font-weight:normal; text-decoration:none; text-align:center}
.glidecontenttoggler a:hover{font-weight:normal; color:#fff; background-color:#705a02}
.glidecontenttoggler a.selected{font-weight:normal; background-color:#705a02; color:#fff}
.glidecontenttoggler a:hover.selected{font-weight:normal; color:#fff}
.glidecontenttoggler a.toc{display:inline; padding:3px 5px 3px 5px}
.glidecontenttoggler a.prev{background:transparent url(../images/left.png) no-repeat scroll center; width:32px}
.glidecontenttoggler a.next{background:transparent url(../images/right.png) no-repeat scroll center; width:32px; text-align:center}
.glidecontenttoggler a.prev:hover{background:transparent url(../images/lefth.png) no-repeat scroll center}
.glidecontenttoggler a.next:hover{background:transparent url(../images/righth.png) no-repeat scroll center}
.language{height:20px; width:70px; z-index:3; position:relative; top:-34px; left:-75px}
.language a{text-decoration:none; color:#ccb765; display:inline}
.language, .language a:hover, .language a.odb{color:#705A02; display:inline}
/* kontakt */
#contact-overlay{cursor:wait}
#contact-container{width:420px; left:50%; top:15%; margin-left:-210px; font-family:'Trebuchet MS',Verdana,Arial; font-size:16px; text-align:left}
#contact-container .contact-content{background-color:#e9deb0; color:#333; height:40px;  margin:-9px 0px}
#contact-container h1{margin:5px 0px 6px 12px; padding:0px 0px 6px 12px; font-size:1.2em; text-align:left}
#contact-container .contact-loading{position:absolute; background:url(../images/load2.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0}
#contact-container .contact-message{text-align:center}
#contact-container .contact-error{width:92%; font-size:.8em; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px}
#contact-container br{clear:both}
#contact-container form{padding:0; margin:0}
#contact-container label{clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold}
#contact-container .contact-input{font-family:'Trebuchet MS',Verdana,Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:250px}
#contact-container textarea{height:84px}
#contact-container .contact-top{height:13px; background:url(../images/form_top.gif) no-repeat; padding:0; margin:0}
#contact-container .contact-bottom{height:13px; background:url(../images/form_bottom.gif) no-repeat; font-size:.7em; text-align:center; margin-top:3px}
#contact-container .contact-bottom a, #contact-container .contact-bottom a:link, #contact-container .contact-bottom a:active, #contact-container .contact-bottom a:visited{position:relative; top:-4px; text-decoration:none; color:#666}
#contact-container .contact-bottom a:hover{color:#888}
#contact-container .contact-button{margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle}
#contact-container .contact-send{width:50px; background:url(../images/send.png) no-repeat}
#contact-container .contact-cancel{width:65px; background:url(../images/cancel.png) no-repeat}
#contact-container a.modalCloseX, #contact-container a.modalCloseX:link, #contact-container a.modalCloseX:active, #contact-container a.modalCloseX:visited{text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-2px; left:400px; color:#999}
#contact-container a.modalCloseX:hover{color:#9bb3b3}