/* The navigation bar */
.navbar {
    overflow: hidden;
    background-color: #FFFFFF;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
}

/* Links inside the navbar */
.navbar a {
    float: left;
    display: block;
    color: #000000;
    text-align: center;
    padding: 0px 10px 10px 10px;
    text-decoration: none;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1.4em;
}

/* Change background on mouse-over */
.navbar a:hover {
    background: #ddd;
    color: black;
}

/* Main content */
.main {
    margin-top: 100px; /* Add a top margin to avoid content overlay */
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align: center;
}

.bgklogo {
    padding-right: 50px;
}

.title {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 2.5em;
    padding-top: 50px;
}

.partner_logo {
    padding-top: 50px;
}

.toolpics {
    margin-top: 50px;
}

.main_image {
    }

.textformainpics {
    text-align: center;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 5em;
    color: #FFFFFF;
    padding-bottom: 50px;
    padding-top: 50px;
    text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;
}

.article {
    text-align: center;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1.2em;
    padding-bottom: 50px;
    padding-top: 20px;
    margin: auto;
    width: 900px;
}

.bottom {
    text-align: center;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1em;
    padding-bottom: 50px;
    padding-top: 50px;
}

#prectool {
	background: url(images/prectool.jpg) center;
	background-repeat: no-repeat;
	height: 220px;
}

#voltool {
	background: url(images/voltool.jpg) center;
	background-repeat: no-repeat;
	height: 220px;
}

#sparepart {
	background: url(images/sparepart.jpg) center;
	background-repeat: no-repeat;
	height: 220px;
}

span.reverse {
        unicode-bidi: bidi-override;
        direction: rtl;
}

.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}
