body {
    background:url('../media/background/bg.png') white center no-repeat fixed;
    margin: 0;
    padding: 0;
    height:100%;
}

a {
    color: #ff6c4a;
    text-decoration: none;
    /*text-decoration: underline;*/
    padding-bottom: 0px;
    border-bottom: solid;
    border-bottom-width: 1px;
    cursor: hand;
    /*ie old*/
    cursor: pointer;
}

a:hover {
    color: #ff6c4a;
    border-bottom-color: #ffffff;    
}

.jsOverlay, .blackLoading
{
    position:fixed;
    top:0;
    left:0;
    float:left;
    width:100%;
    height:100%;
    background-color: #000000;
    z-index:900000;
}
.blackLoading {
    z-index:890000 !important;
}

.blackOverlay
{
    position:fixed;
    top:0;
    left:0;
    float:left;
    width:100%;
    height:100%;
    background-color: #000000;
    /*Cross browser transparency*/
    filter:alpha(opacity=91); 
    -moz-opacity: 0.91; 
    opacity: 0.91;
    z-index:900;
}

.bgExplainTrigger {
    width:500px;
    height:300px;
    z-index:7000;    
    cursor: hand;
    /*ie old*/
    cursor: pointer;
}

.header {
    margin-bottom:15px;
}

.hoverHideTrigger {
    position: absolute;
    float:left;
    width: 235px;
    height: 100%;
}

.hoverHideTriggerNews {
    position: absolute;
    float:left;
    width: 215px;
    height: 100%;
    margin-top:20px;
}

.content {
    position:absolute;
    float:left;
    color: #ff6c4a;    
    font-size: 6.5pt;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    
    z-index:1000;
    margin-top: 15px;
    margin-left: 15px;
    line-height:12px;
}

.positionAsFr {
   margin-left:-5px !important;
   margin-top:20px !important;
}

.frBlock {
    color: #ff6c4a;
    z-index:10000; 
}

.enBlock {
    margin-top: 20px;
    margin-left: 20px;
    z-index:5000;
}


.innerContainer_en{
    padding-top: 5px;
}


.enBlock a {
    /*color: #485ee4;*/
    color: #485ee4;
}
.enBlock a:hover {
    border-bottom-color: #ffffff;
}

.white {
     color: #FFFFFF;
}
.light_en, .light_en a, .light_en a:hover {
    color: #485ee4 !important;
}
.light_en a:hover {
    border-bottom-color: #FFFFFF !important;
}

.variable_en, .variable_en a, .variable_en a:hover{
    color: #070916;
}
.dark_en, .dark_en a, .dark_en a:hover {
    color: #070916 !important;
}
.variable_en a:hover {
    border-bottom-color: #070916;
}

.dark_en a:hover {
    border-bottom-color: #070916 !important;
}

.dark_en_Under, .dark_en_Under a, .dark_en_Under a:hover {
    color: #cccfe0;
}
.dark_en_Under a, .dark_en_Under a:hover {
    border-bottom-color: #cccfe0 !important;
}

.light_fr, .light_fr a, .light_fr a:hover {
    color: #ff6c4a !important;
}
.light_fr a:hover {
    border-bottom-color: #FFFFFF !important;
}

.lightRed {
    color: #ff6c4a;
}

.variable_fr, .variable_fr a, .variable_fr a:hover{
    color: #070916;
}

.dark_fr, .dark_fr a, .dark_fr a:hover {
    color: #150b08;
}

.variable_fr a:hover {
    border-bottom-color: #070916;
}

.dark_fr a:hover {
    border-bottom-color: #150b08 !important;
}

.dark_fr_Under, .dark_fr_Under a, .dark_fr_Under a:hover {
    color: #ffc4b6;
}
.dark_fr_Under a, .dark_fr_Under a:hover {
    border-bottom-color: #ffc4b6 !important;
}

.context_en {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.header {
    position: relative;
}

.title {
    font-size: 7.5pt;
    margin-left: 18px;
    font-family: Arial,Helvetica,sans-serif;
}

.address {
    margin-top: 7px;
}

.tel {
    margin-left: 18px;
}

.email{
    margin-left: 18px;
    margin-top: 10px;
}

.projectList {
    position: relative;
    margin-top: 30px;
    margin-bottom: 5px !important;
}
.projectList h2 {
    font-weight: normal !important;
    font-size: 7.5pt;
    text-transform: none;
    letter-spacing: 1px;
    margin-bottom: 8px !important;
}

.permalink {
    font-size: 6.5pt;
}

.newsList {
    position: absolute;
    float:left;
    top:77px;
    width: 310px;
    left: 350px;
    margin-bottom: 5px !important;
    
}
.newsList h2 {
    font-weight: normal !important;
    font-size: 7.5pt;
    text-transform: none;
    letter-spacing: 1px;
    margin-bottom: 8px !important;
}

.moreLink{
    position: relative;
    display: block;
    float: left;
    clear: both;
    text-transform: none !important;
    margin-left: 15px;
    
    font-weight: normal !important;
    font-size: 7.5pt;
    letter-spacing: 1px;
}

.listLinkElem {
    position: relative;
    display: block;
    float: left;
    height: 24px;
    clear: both;
    line-height: 11px;
    width:350px !important;
}
.listLinkElem a {
    position:relative;
    float:left;
    margin-bottom:8px;
    font-size: 10pt;
    padding-bottom: 3px;
    border-bottom-width: 2px;
}
.listLinkElem a:hover {
    padding-bottom: 3px;
}

.textBlockLeft {
    position: relative;
    float:left;
    display: block;
    clear:both;
    margin-top: 15px;
    font-size: 7.5pt;
    text-transform: none;
    font-weight: normal !important;
    letter-spacing: 1pt;
    line-height: 11.5pt;
    width:250px;
}

.langBlock {
    margin-top: 25px;
    margin-bottom: 15px;
}

.textBlockLeft a, .project-info a, aboutBgContainer a {
    /*text-decoration: underline;*/
    padding-bottom: 0px;
    border-bottom: solid;
    border-bottom-width: 1px;
}
.textBlockLeft a:hover {
   border-bottom-color: #ffffff;
}

.textBlockReveal {
    position: absolute;
    float:left;
    left: 350px;
    top:0px;
    display: block;
    clear:both;
    font-size: 7.5pt;
    text-transform: none;
    font-weight: normal !important;
    letter-spacing: 1pt;
    line-height: 11.5pt;
    width:300px;
    visibility: hidden;
}

.textBlockReveal a {
    /*text-decoration: underline;*/
    padding-bottom: 0px;
    border-bottom: solid;
    border-bottom-width: 1px;
}
.textBlockReveal a:hover {
   border-bottom-color: #ffffff;
}

.bioName{
    color: #FFFFFF;
}

.bioAddress {
    margin-top: 11.5pt;
}

.lang {
    position: relative;
    margin-right: 5px;
    font-size:11px;
}

/******* project **********/

.projectContainer {
    position:absolute;
    float:left;
    left:250px;
    background-color: #000000;
    z-index: 7500;
    width:645px;
    height:100%;
    overflow-y: auto;
    overflow-x:hidden;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 7.5pt;
    text-transform: none;
    font-weight: normal !important;
    letter-spacing: 1pt;
    line-height: 11.5pt;
    padding-right: 5px !important;
    padding-left:60px !important;
}

.projectContainer_en {
    padding-right:0px !important;
    padding-left:65px !important; 
}

.project-info-block {
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
}

.project-title {
    color: #FFFFFF;
}

.project-info {
    padding-bottom: 15px;
}
.project-info-line {
    display: block;
    clear: both;
}
.project-description {
    position: relative;
    width:400px;
}

.innerContainer {
    position: relative;
    width: 600px;
}

.columns{
    -moz-column-count: 2;
    -moz-column-gap: 1.5em;
    -moz-column-rule: none;
    -webkit-column-count: 2;
    -webkit-column-gap: 1.5em;
    -webkit-column-rule: none;
    /* future proof */
    column-count: 2;
    column-gap: 1.5em;
    column-rule: none;
}
.textColumn{
    position: relative;
    display: inline;
    float: left;
    width: 250px;
    margin-right: 15px;
    margin-bottom: 20px;
}

.project-picture {
    position: relative;
    float:left;
    margin-left: 25px;
    padding-bottom: 25px;
}

.project-video {
    position: relative;
    float:left;
    width: 525px;
    height: 350px;
    margin-left: 25px;
    padding-bottom: 25px;
}

.project-source {
    position:relative;
    float:left;
    display: block;
    clear:both;
    padding-bottom: 25px;
    margin-left: 25px;
    color:#FFFFFF;
    width: 600px;
}

.project-top-links {
    position:relative;
    width:100%;
    text-align:right;
    display: block;
    clear: both;
    margin-bottom: 25px;
    margin-top: 15px;
}
.closeProject {
    position: relative;
    font-size: 7.5pt;
    font-weight: bold;
    text-transform: uppercase;
}

.closeLinkStyle{
    padding-bottom: 1px !important;
    border-bottom: solid;
    border-bottom-width: 1px !important;
}


/******* project **********/

.newsContainer {
    position:absolute;
    float:left;
    left:580px;
    background-color: #000000;
    z-index: 7500;
    width:300px;
    height:100%;
    overflow-y: auto;
    overflow-x:hidden;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 7.5pt;
    text-transform: none;
    font-weight: normal !important;
    letter-spacing: 1pt;
    line-height: 11.5pt;
    padding-left:105px;
    padding-right:5px;
}

.innerContainerNews {
    position: relative;
    width: 280px;
}

.newsContainer_en{
    padding-right:0px !important;
    padding-left:110px !important;    
}

.news-photo {
    position: relative;
    width:100%;
    float:left;
    padding-bottom: 25px;
}

.news-top-links {
    position:relative;
    text-align:right;
    display: block;
    clear: both;
    margin-bottom: 68px;
    margin-top: 15px;
}

.closeNews {
    position: relative;
    margin-right: 25px;
    font-size: 7.5pt;
    font-weight: bold;
    text-transform: uppercase;
}

.news-category{
    margin-bottom: 5px;
}

.news-date {
    font-size: 10pt;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.news-source {
    position:relative;
    float:left;
    display: block;
    clear:both;
    margin-bottom: 5px;
    padding-right: 25px;
    color:#FFFFFF;
    width: 260px;
}

.news-title {
    color: #FFFFFF;
    margin-bottom: 20px;
    padding-right: 25px;
    text-transform: uppercase;
}

.news-content {
    position: relative;
    float: left;
    display: block;
    padding-right: 25px;
    padding-bottom: 25px;
}

/* ABOUT BG */

.aboutBgContainer {
    position:absolute;
    float:left;
    z-index:60000;
    visibility: hidden;
    width:100%;
    height:100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.closeAboutBg {
    position: relative;
    margin-right: 15px;
    font-size: 7.5pt;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 18px;
    border-bottom-style: none !important;
}

.aboutBgList{
    position: relative;
    float:left;
    display:block;
    clear: left;
    margin-top: 100px;
    margin-left: 15px;
    width: 90%;
    font-size: 34px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 45px;
}
.aboutBgList a{
    text-decoration: none !important;
    border-bottom-style: none !important;
    cursor: hand;
    /*ie old*/
    cursor: pointer;
}

.aboutBgList a:hover{
    border-bottom-style: solid !important;
    padding-bottom: 1px;
    border-bottom-width: 3px;
}

.aboutBgImage {
    padding-top: 5px;
    margin-bottom: -2px;
}

.aboutBgImageBig{
    position:absolute;
    z-index:70000;
    visibility: hidden;
    margin-top: 10px;
}

.bgContent {
    left: 0 !important;
}

/*.bioFrank {
    visibility: hidden;
}

.bioMike {
    visibility: hidden;
}*/

.textBlockBgDesc {
    position: relative;
    float:left;
    margin-top: 7px;
    font-size: 7.5pt;
    text-transform: none;
    font-weight: normal !important;
    letter-spacing: 1pt;
    line-height: 11.5pt;
    width:450px;
}
.aboutBgBackground {
    position:absolute;
    text-align: center;
    margin: 0;
    padding: 0;
    height:100%;
    overflow: hidden;
    visibility: hidden;
    z-index: 110000;
    width:100%;
}

.bgWordHighlighted {
    background:url('images/bgLinkHighlight.png') repeat-x;
    color:#FFFFFF;
    padding-left: 2px;
    padding-right: 2px;
}

/*DRAGGABLES*/
.draggablePicture {
    position: absolute;
    z-index:0;
    visibility:hidden;
}
.draggablePictureFade {
    filter:alpha(opacity=40); 
    -moz-opacity: 0.40; 
    opacity: 0.40;
}

.draggableTrigger{
    position: absolute;
    width:190px;
    height:125px;
    
    /*background-color: #00ff1e;
    filter:alpha(opacity=50); 
    -moz-opacity: 0.50; 
    opacity: 0.50;*/
    
    z-index:7400;
}