body {background: #395166; margin: 0; width: 100%;}
body, td {font-family: helvetica, arial,tahoma; font-size: 8pt;}

a img {border: 0;}

#or {
width: 470px;
}

#or2 {
width: 470px;
line-height:20px;
}

#all {
width: 860px;
/*text-align: justify;*/
background: #ffffff;
color: #335067;
margin: 15px auto 125px auto;
position: relative center;
}

/* ØÀÏÊÀ
------------------------------ */
#toptop {
height: 80px;
width: 820px;
margin: 15px 20px 5px 20px;
border-bottom: 3px solid #da4c20;
}

#toplink {
display: block;
word-spacing: 3px;
color: #82878a;
font-family: tahoma;
text-transform: uppercase;
float: right;
white-space:nowrap;
}

#skb {
vertical-align: top;
font-size: 13pt;
padding: 10px 0 0 2px;
color: #da4c20;
position: relative;
top: -5px;
}

#toplink a {
font-family: helvetica, arial;
text-decoration: none;
color: #a3a7a9;
}

#toplink a:hover ,.leftmenu a:hover, #abr, #hov a,{
color: #da4c20
}

#abr a {
text-decoration:none;
color: #da4c20
}

#abr a:hover {
color: #da4c20;
text-decoration:underline;
}

#abr a:active {
text-decoration:none;
color: #da4c20
font-weight:bold;
}



#topbot {
height: 125px;
width: 820px;
background: url(images/top.png) no-repeat top;
margin: 5px 20px 5px 20px;
}

#topbot_about {
height: 63px;
width: 821px;
background: url(images/top_about.jpg) no-repeat top;
margin: 5px 20px 5px 20px;
}

#topbot_contact {
height: 63px;
width: 821px;
background: url(images/top_contact.jpg) no-repeat top;
margin: 5px 20px 5px 20px;
}

#topbot_news {
height: 63px;
width: 821px;
background: url(images/top_news.jpg) no-repeat top;
margin: 5px 20px 5px 20px;
}

#topbot_products {
height: 63px;
width: 821px;
background: url(images/top_products.jpg) no-repeat top;
margin: 5px 20px 5px 20px;
}

#topbot_careers {
height: 63px;
width: 821px;
background: url(images/top_careers.jpg) no-repeat top;
margin: 5px 20px 5px 20px;
}



/* TOOLTIP
------------------------------ */
.tt, .tt a.country{
	font-size: 12pt;
        position:relative;
	color: #6e7f8f;
        text-decoration:none;
	z-index:25;
}

.tt span{ display: none; }
#container {height: 400px;}

/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt { z-index:25; color: #6e7f8f; background:; }
.tt span.tooltip{
	z-index: 25;
    display:block;
    position:relative;
	padding: 15px 0 0 0;
	width: 235px;
	color: #335067;
}

#a1 .tt  span.tooltip {top:-110px; left:140px;} /*na*/
#a2 .tt  span.tooltip {top:-70px; left:140px;} /*sa*/
#a3 .tt  span.tooltip {top:-110px; left:80px;} /*europe*/
#a4 .tt  span.tooltip {top:-70px; left:70px;} /*africa*/
#a5 .tt  span.tooltip {top:-50px; left:-250px;} /*ap*/

.tt span.top{
	display: block;
	padding: 20px 8px 0;
    background: url(images/bubble.png) no-repeat top right;
}

.tt span.middle { 
	display: block;
	text-align: left;
	font-size: 8pt;
	text-transform: none;
	padding: 0 13px 0 45px;
	background: url(images/bubble_filler.png) repeat-y bottom right; 
}
.tt .title  {
	display: block;
	font-size:14px;
	font-weight:bold;}

.mail { 
	display: block;
	text-align: left;
	font-size: 8pt;
	line-height:10px;
	text-transform: none;
	color: #335067;
}

.tt span.bottom{
	display: block;
	padding: 3px 8px 7px;
    	background: url(images/bubble.png) no-repeat bottom right;
}

.ungl {
height: 30px;
width: 30px;
position: relative;
margin: 15px 10px -30px -43px;
border: 0px solid #cccccc;
}

#a5 .tt  span.top {background: url(images/bubble.png) no-repeat top left;}
#a5 .tt  span.middle {background: url(images/bubble_filler.png) repeat-y bottom left; padding: 0 45px 0 15px;}
#a5 .tt  span.bottom {background: url(images/bubble.png) no-repeat bottom left;}
#a1 .tt  .ungl {top: -140px; left: 0;}
#a2 .tt  .ungl {top: -70px; left: 0;}
#a3 .tt  .ungl {top: -35px; left: 0;}
#a4 .tt  .ungl {top: -70px; left: 0;}
#a5 .tt  .ungl {top: -77px; left: 231px;}

/* ÊÎÍÒÅÍÒ
------------------------------ */
#maps {
top: 20px !important;
top: 0;
height: 420px;
width: 820px;
position: relative;
background: url(images/map.png) no-repeat center;
}

#a1, #a2, #a3, #a4, #a5 {
text-transform: uppercase;
color: #6e7f8f;
font-size: 12pt;
position:absolute;
z-index:26;
}

#a1 {
top: 150px;
left: 60px;
}

#a2 {
top: 315px;
left: 160px;
z-index:100;
}

#a3 {
top: 150px;
left: 350px;
}

#a4 {
top: 280px;
left: 440px;
z-index:100;
}

#a5 {
top: 195px;
left: 590px;
}

#contentl {
vertical-align: top;
width: 325px;
padding: 0 0 10px 20px;
}

.leftmenu {
background: url(images/ugolok.gif) no-repeat top;
background-position: 4 5;
height: 30px;
width: 95px;
margin: 0 4px 0 0;
padding: 3px 0 0 12px;
float: left;
border: 1px solid #d9dcde;
}

.leftmenu a{
text-decoration: none;
font-family: helvetica, arial;
color: #335067;
font-size: 8pt;
text-transform: uppercase;
line-height: 12px;
font-weight: bold;
}

#hov {
background: url(images/ugolok.gif) no-repeat top #eef3f5;
background-position: 4 5;
}

#abr {
width: 200px;
vertical-align: top;
font-family: tahoma;
font-size: 10pt;
text-align: right;
float: right;
margin: 26px 35px 0 0px;
position: relative;
}

#contentr {
vertical-align: top;
font-family: tahoma;
font-size: 10pt;
width: 520px;
padding: 40px 20px 20px 0;
line-height:20px;
}

#img1 {
background: url(images/graph.jpg) no-repeat center;
height: 300px;
width: 470px;
}

/* ÏÎÄÂÀË
------------------------------ */
#footer {
height: 35px !important;
height: 40px; 
width: 820px;
font-size: 8pt;
text-align: right;
border-top: 3px solid #da4c20;
margin: 0 20px 5px 20px;
padding-top: 5px;
}


.anchnav a { text-decoration:none; color:#CC3300; font-size:8pt;}