@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
font-size:8pt;
color:#000;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background:url(img/bg.gif) repeat-x;
overflow:hidden;
}

#container {
position:absolute;
top:50%;
margin-top:-220px;
width:760px;
height:440px;
left:50%;
margin-left:-380px;
}
#logo {
position:absolute;
left:9px;
top:-22px;
}
a img {
border:none;
}


#lng {
position:absolute;
top:-40px;
right:105px;
display:block;
}
#lng ul {
list-style:none;
}
#lng ul li {
display:inline;
}
#lng ul li a {
display:block;
float:left;
width:28px;
text-decoration:none;
text-align:center;
color:#000;
}
#lng ul li a:hover {
text-decoration:underline;
}
#lng ul li a.active {
position:relative;
top:-360px;
display:block;
float:left;
width:24px;
margin-left:2px;
margin-right:2px;
padding-top:360px;
background:#0af;
color:#FFFFFF;
}
#lng ul li a.active:hover {
text-decoration:none;
}

#lng ul li a.home, #lng ul li a.mail, #lng ul li a.links {
margin-left:8px;
margin-right:8px;
width:12px;
overflow:hidden;
}
#lng ul li a span {
visibility:hidden;
}
#lng ul li a.home {
background:url(/img/home.gif) no-repeat left;
}
#lng ul li a.mail {
background:url(/img/mail.gif) no-repeat left;
}
#lng ul li a.links {
background:url(/img/links.gif) no-repeat left;
}

#menu {
position:absolute;
top:60px;
left:75px;
width:100px;
}
#menu ul {
list-style:none;
text-align:right;
margin:8px 8px 0 0;
padding:0;
}
#menu ul li {
/*margin:0 0 16px 8px;*/
padding:0 0 16px 8px;
}
#menu ul li a {
display:block;
color:#000;
text-decoration:none;
}
#menu ul li a:hover, #menu ul li a.active {
display:block;
color:#000;
background:#0af;
margin:0 -8px 0 -8px;
padding:0 8px 0 0;
text-decoration:none;
}
#menu ul li a.active {
color:#fff;
}
#menu .hr {
position:absolute;
display:block;
width:1px;
height:420px;
right:-1px;
top:-60px;
background:#0af;
}

#content {
position:absolute;
top:60px;
left:175px;
width:585px;
min-height:420px;
}
#content h1 {
position:absolute;
top:0px;
left:0;
display:block;
height:0px;
width:0px;
overflow:visible;
white-space:nowrap;
font-size:144pt;
color:#fcfcfc;
z-index:0;
}
#content .text {
position:relative;
margin:8px 0 0 8px;
text-align:justify;
margin-bottom:96px;
z-index:8;
}
#content .text p {
padding:0 0 16px 0;
margin:0;
}
#content .text a {
color:#0af;
}
#content .text ul {
margin:0 0 16px 16px;
padding:0;
}
#content .text ul li {
margin:0;
padding:0;
line-height:16px;
}

#content .text .portfolio {
position:relative;
display:block;
height:128px;
width:128px;
float:left;
text-align:center;
z-index:3;
}
#content .text .portfolio img {
border:none;
}
#content .text .portfolio a h1 {
position:relative;
font-size:8pt;
font-weight:normal;
color:#0af;
white-space:normal;
padding:0;
margin:0;
text-decoration:underline;
}

#copy {
position:absolute;
right:48px;
bottom:48px;
}

#validator {
position:absolute;
right:48px;
bottom:0px;
}
#validator img {
border:none;
}
#validator a {
text-decoration:none;
}