img
{
 border:0px;
}

h3{
  margin-top:40px;
  margin-bottom:6px;
}
  #sidebar-left
      {
          top:300px;
          left:40px;  
          width:340px;
          position:fixed;                
      }

      .menuItem{
        clear:both;
        width:260px;
        padding:2px;
        color:black;
        text-decoration:none;
        display:none;
      }

     .menuItem:hover div  
      {
        color:blue;
        cursor:pointer;
        text-decoration:underline;
      }
      div#projectMenu
      {
         padding-top:0px;
        margin-top:42px;  
        padding-left:0px;      
      }

      #projectMenu div
      {
        padding-top:2px;
        font-size:10pt;
      }


      #projectMenu div.selected div
      {
        color:blue;
        text-decoration:underline;      
      }
      
      #projectMenu div.selected *.arrow
      {
        visibility:visible;  
      }


      #projectMenu div 
      {
        margin-left:4px;
        font-size:14px;
        font-weight:bold;
        padding-left:0px;
        float:left;
      }

     #logo
      {
        cursor:pointer;
      }

      #projectMenu div .selectedArrow,#projectMenu a .selectedArrow
      {
        width:21px;    
        float:left;
        padding-top:2px;
        visibility:hidden;   
      }

      
      .column
      {
        width:650px;
        position:absolute;
        left:380px;
        padding-top:344px; 
        padding-bottom:144px;
      }
      
      
      .columnProject
      {
        width:1024px;
        position:absolute;
        left:380px;
        padding-top:72px;
 
      }

.hideOnStartup{
  /*Safari and Chrome*/

}

      .projectTitleDetail
      {

           font-size:36px;
          font-weight:bold;
          text-align:left;

      /*Safari and Chrome*/
      -webkit-animation:fadein 0.4s;
      -moz-animation:fadein 0.4s;
      animation:fadein 0.4;
-ms-animation:fadein 0.4s;

      }
      
      .projectSubTitleDetail
      {
          margin-top:8px;
          font-size:24px;
          font-weight:bold;
          text-align:left;
          -webkit-animation:fadein 0.6s;
          -moz-animation:fadein 0.6s;
          animation:fadein 0.6s;
          -ms-animation:fadein 0.6s;
      }

      .projectDetail
      {
        -webkit-animation:fadein 1.2s;
        -moz-animation:fadein 1.2s;
        animation:fadein 1.2s;
        -ms-animation:fadein 1.2s;
        padding-bottom:120px;

      }

            #pintro
            {
              font-size:36px;
              font-weight:bold;
              padding-bottom:340px;
                         }
            
            a
            {
              color:#216fcf;
                  text-decoration:underline;

            }
          
            a:hover
            {
                text-decoration:underline;

            }
          
            .small
            {
                font-size:9pt;
            }
            
            .projectTileText{

               left:70px;
               top:40%;
               width:230px;
               position:relative;
          }

            .projectBlock
            {
                
              color:black;
              text-decoration:none;
              text-align:center;
              vertical-align:middle;


              font-size:12px;

              height:370px;
              width:370px;
              top:185px;
               position:relative;
              background-image:url('../images/whitesquare.png');
            }
            
            .projectTitle
            {
              color:black;
              text-decoration:none;
              font-size:30px;
              font-weight:bold;
              display:block;
              padding-bottom:6px;
            }

            .projectTitle:hover
              {
              color:blue;
              text-decoration:underline;
              }
            
            .projectImage
            {
              position:absolute;
              left:183px;   
            }

          .projectImage:hover{
         }

          .project{
            display:block;
            height:555px;
             margin-top:-185px;
             transition:all 0.2s ease-in-out;
             -webkit-transition: all 0.2s; /* Safari */
  -moz-transition: all 0.2s; 
             z-index:30;
              padding:0px;
          position:relative;

          }

          .project:link{
              text-decoration:none;

}

          .project:hover
{
  /*
              transform: translate(10.02,1.02);
              -webkit-transform: translate(10.02px,1.02px); 
              -ms-transform: translate(10.02,1.02); 
               z-index:3000;
  */

}
  /* foco */  

    body {
      background-image:url('../images/bg.png');
      margin:0px;
      padding:0px;
  font-family: "foco";
  
font-style: normal;
font-weight: 300;

    }


    strong{
  font-weight: 600;

}


    .clear
    {
      clear:both;
    }

    .codeLinesDark
  {
    color:#c2c2c2;
    left:441px;
    position:absolute;
    font-size:14px;
    text-align:center;
    position:relative;
    left:190px;top:-23px;
text-shadow:1px 1px #FFFFFF;
  font-family:sans-serif;

  }

    .codeLinesLight
  {
    color:white;
    left:440px;
    position:absolute;
    font-size:14px;
    text-align:center;
    position:absolute;
    left:191px;top:-23px
      font-family:sans-serif;


  }
  
.codeCount
{
  font-size:24px;
}

.credits
{
  width:310px;
  float: left;
  font-size:11pt;
  color:#333333;

}

.creditsName{
   font-weight:bold;
    font-size:11pt;
  color:#333333;

}

.projectText{
  font-size:13pt;
  margin:16px 0px 16px 0px;
  width:970px;
    color:#333333;

}




@keyframes fadein {
   0% {
        opacity:0;
    }
    90% {
        margin-top:-3px; opacity:0;
    }
    100% {
  margin-left:0px;
          opacity:1;
    }
}
@-ms-keyframes fadein {
    0% {
        opacity:0;
    }
    90% {
        margin-top:-3px; opacity:0;
    }
    100% {
  margin-left:0px;
          opacity:1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    0% {
        opacity:0;
    }
    90% {
        margin-top:-3px; opacity:0;
    }
    100% {
  margin-left:0px;
          opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    0% {
        opacity:0;
    }
    90% {
        margin-top:-3px; opacity:0;
    }
    100% {
  margin-left:0px;
          opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
   0% {
        opacity:0;
    }
    90% {
        margin-top:-3px; opacity:0;
    }
    100% {
  margin-left:0px;
          opacity:1;
    }
}



















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */