/* ------------------------------------------------------ MISC ---- */

* {
margin: 0;
padding: 0;
}

#body,html {
background: #000000 url(../img/bg1.png) repeat-y 50% 0;
margin: 0 auto;
color: #000;
font-size: 14px;
font-family: Trebuchet MS;
text-align: center;
}

#container {
width: 600px;
margin: 0 auto;
text-align: left;
position: relative;
min-height: 600px;
background-color: #ffffff;
}

img {
border: none;
}

/* ------------------------------------------------------ HEADER ---- */

#header {
background: #ffffff;
width: 600px;
margin: 0 auto;
height: 268px;
position: absolute;
}

#lang {
position: relative;
margin: -268px 0 0 520px;
}

#lang ul {
white-space: nowrap;
list-style: none;
}

#lang li {
display: inline;
}

#lang li a {
color: #9dd700;
text-decoration: none;
}

/* ------------------------------------------------------ NAV ---- */

#nav {
position: relative;
font-size: 12px;
margin: 215px 0 0 35px;
}

#nav ul {
white-space: nowrap;
list-style: none;
}

#nav li {
display: inline;
}

#nav li a {
color: #9dd700;
text-decoration: none;
margin-right: 20px;
}

#nav li a:hover {
color: #ffffff;
}

#nav li a.current {
border-bottom: 1px solid #979797;
}

#nav li.res {
margin-left: 5px;
}

#nav li.res a {
color: #ff0000;
}

#nav li.res a[href^="mailto"]:after { 
content: "" url(../img/fs.png); 
}

#nav li.res a:hover {
color: #ffffff;
}

/* ------------------------------------------------------ MAIN ---- */

#content {
position: absolute;
margin: 295px 30px 20px 30px;
width: 540px;
line-height: 1.7;
}

#content a {
color: #0080ff; 
text-decoration: none; 
}

#content a:hover { 
text-decoration: underline; 
}


h1 {
color: #01a0db;
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-weight: bold;
font-size: 17px;
margin: 0 0 1em 0;
}

p {
font-size: 14px;
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
margin-bottom: 1em;
}

p.left {
float: left;
width: 200px;
}

p.right {
float: right;
width: 200px;
}

p.clear {
clear: both;
}