/* CSS */

html, body {
margin:0;
padding:0;
overflow:auto;
text-transform:uppercase;
}

body {
width:100%;
max-width:100%;
background-color:#000;
font:10px arial, sans-serif;
color:#696969;
line-height:14px;
}

a {
text-decoration:underline;
color:#ccc;
}

a:hover {
text-decoration:none;
color:#fff;
}

img {
border:none;
}

#left {
position:absolute;
top:0;
left:0; 
overflow:hidden; 
height:100%;
width:33%;
text-align:right;
background-color:#000;
}

#logo {
float:right;
height:35px;
width:211px;
padding:9px 39px 0px 0px;
clear:both;
}

#left #logo h1 {
margin:0;
padding:0;
}

#left #logo h1 .logo {
background:transparent url(images/logo.jpg) no-repeat scroll 0 0;
display:block;
height:35px;
text-indent:-9999px;
width:211px;
text-align:left;
}

#languages {
width:50px;
height:20px;
padding:51px 44px 0px 0px;
clear:right;
float:right;
font-size:9px;
}

#languages a {
text-decoration:none;
color:#282828;
}

#languages a:hover {
text-decoration:none;
color:#fff;
}

#languages a.active {
color:#fff;
}

#outer {
position:absolute;
left:0;
width:100%;
height:200px;
margin-top:160px;
}

body > #left {
position:fixed;
}

#main {
height:100%;
margin:0 0 20px 38%;
padding-top:160px;
overflow:visible;
width:400px;
}

h2.title {
display:block;
margin:0 0 25px 0;
font:600 12px arial, sans-serif;
color:#fff;
}

a.menu {
display:block;
margin:0 0 -7px 0;
text-decoration:none;
color:#fff;
padding:0 39px 0 0;
}

a.menu:hover {
text-decoration:none;
}

.ro {}

div.text {
margin-left:3px;
border-left:1px solid #3a3a3a;
padding: 0 0 25px 5px;
text-align:justify;
}

div.text p {
margin:0px;
}

div.text span {
color:#fff;
}

img.portfolio {
margin:0;
padding:3px;
border:1px solid #3A3A3A;
}

#footer {
display:block;
text-align:left;
color:#3a3a3a;
margin:0 0 25px 0;
font:10px arial, sans-serif;
text-transform:uppercase;
clear:left;
}