@CHARSET "UTF-8";

/* - MASTER.RESET <<<--------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,active,hover,selected {
margin:0;
padding:0;
border:0;
outline:none;
text-decoration:none;
} 

html {
overflow:hidden;
behavior: url(PIE.htc);
}

body {
}

a {
outline: 0;
}

a:focus {
background-color: transparent;
}
							 
img {
border-style:none;
outline: 0;
}

#main {
width:1024px;
height:115px;
margin-top:4px;
margin-left:9px;
font-family:Ubuntu, sans-serif;
font-style:normal;
font-weight:400;
font-size:12px;
text-align:left;
line-height:20px;
overflow:hidden;
text-shadow: 0px 0px 1px rgba(255,255,255,0.7), 2px 2px 3px rgba(0,0,0,1);
}

#main a {
color:rgba(255,255,255,0.7);
text-decoration:none;
outline:0;
border-bottom: 1px solid rgba(0,0,0,0);
-webkit-transition:all .6s;
-moz-transition:all .6s;
-ms-transition:all .6s;
-o-transition:all .6s;
transition:all .6s;
}

#main a:hover {
color:rgba(255,214,64,1);
text-shadow: 0px 0px 1px rgba(255,214,64,1);
border-bottom: 1px solid rgba(255,214,64,1);
outline:0;
} 

#main a.active {
display:inline-block;
height:16px;
line-height:16px;
color:rgba(0,0,0,1);
text-shadow: 1px 1px 2px rgba(0,0,0,0.4),0px 0px 1px rgba(0,0,0,1);
background-color:rgba(255,214,64,1);
border: 0px solid rgba(0,0,0,0);
font-size:10.5px;
outline:0;
border-radius:2px;
margin-top:3px;
padding:0px 3px 1px 3px;
box-shadow:1px 1px 2px rgba(0,0,0,1), 2px 2px 5px rgba(0,0,0,0.95);
font-weight:700;
cursor:default;
pointer-events: none;
} 

.header {
width:150px;
margin:0px 0px 1px 0px;
font-family:Ubuntu, sans-serif;
font-style:normal;
font-weight:400;
font-size:13px;
color: #ffffff;
text-shadow: 0px 0px 1px rgba(255,255,255,0.8);
overflow:hidden 
}

.ie-header-class {
text-shadow: 0px 0px 2px rgba(255,255,255,0.7)
}

.link {
font-family:Ubuntu, sans-serif;
font-style:normal;
font-weight:400;
font-size:11px;
line-height:19px
}

.spacer {
float:left;
height:115px;
width:20px
}

.line {
width:1px;
height:105px;
margin-left:10px;
background-color:silver;
-webkit-box-shadow:1px 1px 1px #000;
-moz-box-shadow:1px 1px 1px #000;
-ms-box-shadow:1px 1px 1px #000;
-o-box-shadow:1px 1px 1px #000;
box-shadow:1px 1px 1px #000
}

.node1,.node2,.node3,.node4,.node6,.node7 {
margin:1px;
padding:3px 5px 3px 7px;
float:left;
height:100px;
width:105px;
background-color:rgba(0,0,0,0.8);
-webkit-box-shadow:5px 5px 8px #000, 0 0 0 1px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.9);
-moz-box-shadow:5px 5px 8px #000, 0 0 0 1px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.9);
-ms-box-shadow:5px 5px 8px #000, 0 0 0 1px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.9);
-o-box-shadow:5px 5px 8px #000, 0 0 0 1px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.9);
box-shadow:5px 5px 8px #000, 0 0 0 1px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.9);
border:1px solid rgba(0,0,0,0.8);
border-radius:3px;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}

.node5 {
margin:1px;
padding:3px 5px 3px 10px;
float:left;
height:100px;
width:125px;
background-color:rgba(0,0,0,0.7);
-webkit-box-shadow:5px 5px 8px #000, 0 0 0 1px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.9);
-moz-box-shadow:5px 5px 8px #000, 0 0 0 1px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.9);
-ms-box-shadow:5px 5px 8px #000, 0 0 0 1px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.9);
-o-box-shadow:5px 5px 8px #000, 0 0 0 1px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.9);
box-shadow:5px 5px 8px #000, 0 0 0 1px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.9);
border:1px solid rgba(0,0,0,0.8);
border-radius:3px;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}

.node1:hover,.node2:hover,.node3:hover,.node4:hover,.node5:hover,.node6:hover,.node7:hover {
border-radius:4px;
background-color:rgba(0,0,0,0.9);
border:1px solid rgba(255,214,46,0.8);
} 

.underline {
position:absolute;
top:29px; 
width: 102px;
height: 1px;
text-align:left;
background-color:rgba(255,214,46,1);
box-shadow:1px 1px 1px rgba(0,0,0,0.95);
}

.underline_node5 {
position:absolute;
top:29px; 
width: 122px;
height: 1px;
text-align:left;
background-color:rgba(255,214,46,1);
box-shadow:1px 1px 1px rgba(0,0,0,0.95);
}

.footer {
width:1024px;
height:26px;
text-align:center;
padding-top:2px;
color:rgba(255,255,255,0.7);
font-family:'dungeon';
font-style:italic;
font-weight:normal;
font-size:18px;
text-shadow:0px 0px 1px rgba(255,255,255,0.9), 1px 1px 3px rgba(255,255,255,0.4);
background-color:#000;
}

hr {
width:30px;
height:1px;
margin-top:12px;
border: 3px;
box-shadow: 0px 0px 1px rgba(255,255,255,0.6), 1px 1px 3px rgba(255,255,255,0.4);
background:rgba(255,255,255,0.9);
}

.hr1 {
float:left;
margin-left:360px;
margin-right:7px;

}

.hr2 {
float:right;
margin-left:7px;
margin-right:360px;
}

.block {
padding-right:5px
}

.end {
width:1024px;
height:24px;
margin-top:0px;
text-align:left;
color:rgba(0,0,0,0.7);
font-family:Tahoma;
font-style:italic;
font-weight:700;
font-size:10px;
padding-top:2px;
text-shadow:1px 1px 3px rgba(0,0,0,0.95);
background-color:transparent;
}

.vendor {
	display: none;
	float:left;
	color:rgba(0,0,0,0.6);
	width:330px;
}

.vendor-ie-11 #vendor-ie-11,
.vendor-ie-10 #vendor-ie-10,
.vendor-ie-9 #vendor-ie-9,
.vendor-ie-8 #vendor-ie-8,
.vendor-ie-7 #vendor-ie-7,
.vendor-khtml #vendor-khtml,
.vendor-mozilla #vendor-mozilla,
.vendor-opera #vendor-opera,
.vendor-opera-mini #vendor-opera-mini,
.browser-android #browser-android,
.browser-chrome #browser-chrome,
.browser-wiiu #browser-wiiu {
	display: block;
}

.end a {
color:rgba(0,0,0,0.7);
text-decoration:none;
outline:0;
border:none;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}

.end a:hover {
color:rgba(0,0,0,0.5);
text-decoration:underline;
outline:0;
border:none
} 

.flag {
float:right;
margin-top:5px;
margin-right:25px;
}

#img2 {
position: absolute;
border: 1px solid #202020;
box-shadow:1px 1px 3px #000;
}

#img1 {
position: absolute;
border: 1px solid #808080;
box-shadow:1px 1px 3px #000;
}

#img3 {
position: absolute;
right: 30px;
border: 1px solid #202020;
box-shadow:1px 1px 3px #000;
} 

#pseudo_link3 {
position: fixed;
top: 0px;
left: 0px;
width:1px;
height:1px
}

.copyright {
position: absolute;
bottom: 0px;
width:1024px;
text-align: center;
font-weight:400;
font-size:13px;
}

.media {
position: absolute;
bottom: 0px;
width:1024px;
text-align: left;
padding-left: 3px;
}

.linkedin {
float:left;
width: 32px;
height: 32px;
display: block;
background: transparent url('../images/linkedin-logo_32.png') center top no-repeat;
opacity: .5;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
}

.linkedin:hover {
background-image: url('../images/linkedin-logo_32_hover.png');
opacity: 1;
}

.google {
float:left;
margin-left: 3px;
width: 32px;
height: 32px;
display: block;
background: transparent url('../images/google-logo_32.png') center top no-repeat;
opacity: .5;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
}

.google:hover {
background-image: url('../images/google-logo_32_hover.png');
opacity: 1;
}

.parts {
float:left;
margin-left: 3px;
width: 32px;
height: 32px;
display: block;
background: transparent url('../images/spare_parts.png') center top no-repeat;
opacity: .5;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
}

.parts:hover {
background-image: url('../images/spare_parts_hover.png');
opacity: 1;
}

/* Image Preloader */
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px
}