@font-face{
    font-family:HelveticaNeueUltralight;
    src: url('fonts/helvetica_neue_ultralight.otf');
    }
@font-face {
    font-family:HelveticaNeueMedium;
    src: url('fonts/helvetica_neue_medium.otf');
    }
*{
    margin:0;
    padding:0;
}
body{
    background:#333333;
}

#content #left-side{
    width:394px;
    position:relative;
}
#content #left-side #title{
    margin-top:30px;
    padding-left:43px;
    color: white;
    font-size:38px;
    line-height:48px;
    border-bottom:2px solid #303030;
    padding-bottom:40px;
}
#content #left-side #title h1{
    display:none;
}
#content #left-side #title #logo{
    margin-left:191px;
    margin-bottom:20px;
}
#content #left-side #title h2 .style-1{
    font-family:HelveticaNeueUltralight, Arial, sans-serif;
    text-transform:uppercase;
    text-shadow:0 2px black;
    font-weight:normal;
    letter-spacing:-1px;
}
#content #left-side #title h2 .style-2{
    font-family:HelveticaNeueMedium, Arial, sans-serif;
    text-transform:uppercase;
    text-shadow:0 2px black;
    font-weight:normal;
    letter-spacing:-4px;
}
#content #left-side .text{
    font-family:HelveticaNeueUltralight, Arial, sans-serif;
    font-size:15px;
    text-shadow:0 1px #222;
    display:block;
    letter-spacing:0.03em;
    color: #5f5f5f;
}
#content #left-side #about {
    border-top:2px solid #3d3d3d;
    border-bottom:2px solid #303030;
    padding:40px 0 40px 43px;
}
#content #left-side #about .bullet-1 {
    float:left;
    width:43px;
    height:100px;
    background:url(img/bullet_01.jpg) no-repeat;
}    
#content #left-side #passions {
    border-top:2px solid #3d3d3d;
    border-bottom:2px solid #303030;
    padding:40px 0 40px 43px;
}
#content #left-side #passions .bullet-2 {
    float:left;
    width:43px;
    height:100px;
    background:url(img/bullet_02.jpg) no-repeat;
}
#content #left-side #contact {
    border-top:2px solid #3d3d3d;
    padding:40px 0 40px 43px;
}
#content #left-side #contact .bullet-3 {
    float:left;
    width:43px;
    height:100px;
    background:url(img/bullet_03.jpg) no-repeat;
}
#content #left-side #contact .text .for-freelancer{
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:1px;
}
#content #left-side #contact .text .email{
    font-size:13px;
    margin:10px 0 0 0;
    display:block;
}
#content #left-side #contact .text .phone{
    font-size:16px;
    margin-top:3px;
    padding:0 0 10px 0;
    display:block;
}
#content #left-side #contact .contact-links{
    width:180px;
    margin-left: 43px;
}
#content #left-side #contact .contact-links img{
    border:0;
    margin-right:10px;
    margin-bottom:20px;
}
#content #right-side{
    position:absolute;
    width: 556px;
    top:0;
    right:0;
    text-align:right;
}
#content #right-side ul{
    list-style:none;
    display:inline;
    clear:both;
}
#content #right-side li{
    float:right;
    width:139px;
    height:139px;
}
#content #right-side li img{
    border:0;
}
#content #right-side li a{
    opacity:0.3;
}
#content #right-side li .teste{
    opacity:0.3;
}
#content #right-side li .teste:hover{
    opacity:1;
}
#content #right-side li a:hover{
    opacity:1;
}
#content #fade{
    position:fixed;
    height:35px;
    width:100%;
    background: url(img/gray_fade.png) repeat-x;
    bottom:0;
    
}