/* 
    Document   : jcm.css
    Created on : 23/Ago/2011, 23:29:44
    Author     : helga
    Description:
        Purpose of the stylesheet follows.
*/
* {padding:0; margin: 0; }
html, body{ height: 100%; margin: 0; padding: 0; }
img#bg {
  position:fixed;
  top:0;
  left:0;   
}
#bg_div  {overflow: hidden; position: absolute; z-index: 0; top:0; left:0;  width:2px; }
#fullscreen_pic {position:absolute; bottom:0; right: 0; } 
/** elements **/
a { text-decoration: none;  color:black; text-transform: uppercase; outline: none; } 
a:hover { color:white; } 

body {text-align: center; background: no-repeat; background: no-repeat center center fixed; font-size: 10pt; font-family: "Trebuchet MS"; line-height: 17px; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; } 
img {display: in line-block; }
p{margin-bottom: 30px; text-align: justify;}
ul { list-style: none; }

.contact {  color:white; text-align: left; } 
.contact a {color:white;}
.contact .title {font-size:  16pt; margin-bottom: 60px; }
.contact .text_line {min-height: 20px;}
.contact .text_label { display: inline-block; width:110px; vertical-align: top} 
.contact .text_value { display: inline-block;   }
.contact .text_value a { text-transform: none; }
.contact_content {padding-left:250px; padding-top:80px; display:inline-block;} 
.contact .content_section {width:700px; height: 380px; }

.content{ 
    width:950px; 
    margin:auto; 
    position:relative; 
}

.content_section { display: inline-block; width:762px; background-color: rgba(0,0,0,0.9); color: white;    
                  height:460px; float:left; text-align: left; position:relative; overflow: hidden;}
.content_section_bg {display: inline;}

.fullscreen_bg{ 
    background-color: rgba(0,0,0,0.9);  
    width:100%; 
    height:100%;
    position: absolute;
    top:0;
    background-size: 100%;
} 

.fullscreen_bg img { z-index: 2000;}

.link_sub {  margin-left:30px !important; }
.logo { background: url("logo_jlcm.png") no-repeat; width:280px; height:75px; display:block; margin-bottom:10px; cursor: pointer; }

.menu_top{
     background-color: #4A5171;
     text-align:center; 
     height: 29px;
}
.menu_top .links { width:550px; display: inline-block;  overflow:  hidden; height: 29px;}
.menu_top .link { 
    margin-right:  173px;
    cursor:pointer; 
    text-transform: uppercase; 
    font-size: 10pt;
    line-height: 29px;
} 
.selected {color:white;} 
#project_scroll {width:203px; display:inline-block;  height: 460px;  overflow-x:hidden; outline: none; } 
.project_view {display:none; width: 550px; vertical-align: top; position: absolute; top:0; right: 0; }
.project_view .title {font-weight: bold; font-size: 14pt; margin-top:20px; margin-bottom:18px; height:40px; display:inline-block; z-index: 1002;}
.project_view img { display: inline-block; margin-right:15px; border:solid 2px rgba(73,82,108,0.5); margin-bottom: 70px; max-width: 256px; max-height: 193px; vertical-align: top;}
.project_view img:hover {border: solid 2px white;}
.project_view .text_label {font-weight: bold; width: 140px; display: inline-block; vertical-align: top;}
.project_view .text_value {width:400px; display: inline-block; vertical-align: top;}
.project_view .text_line {display: block;}

.project_preview {display:block; height:62px; margin-bottom:2px; margin-left:2px; background-color: #363D52; font-weight: bold; overflow: hidden;  width:182px; }
.project_preview:hover { background-color: #333333; }
.project_preview img {margin-top:2px; margin-left:2px; margin-right: 10px; vertical-align: middle;}
.project_preview .text {display: inline-block; vertical-align:  middle; width:100px; overflow: hidden; font-size: 9pt;}
.prj_selected { background-color: #333333; } 


.presentation { padding: 40px 97px 0px 97px; width: 568px; height:420px; }

.services_text { 
    display:inline-block;  
    margin-left: 98px; 
    vertical-align: top;
    margin-top:10px; 
}

.services img { position: absolute; top:40px; right:90px; }

.services_text h4 { font-size: 10pt; margin-top: 30px; position:relative; margin-bottom: 4px; text-decoration:bold; position: relative; left:-15px; }

.sidebar{
    width:188px; 
    height:420px; 
    background-color: rgba(74,80,109,0.9); 
    padding-top:40px; 
    text-align:left; 
    display:inline-block;  
    float: left;
    position:relative;
} 
 
.sidebar a {margin-bottom: 17px; margin-left:21px; display:  block; }

.site_content { 
    width: 950px; 
    height:460px;      
    display:block; 
}