@charset "utf-8";
/* CSS Document */
@font-face {
        font-family: Dauphin;
        src:url('../fonts/dauphin.eot') format('eot');  /* IE6-IE8 */
        src:url('../fonts/dauphin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/dauphin.woff') format('woff'),/* Modern Browsers */
        url('../fonts/dauphin.ttf') format('truetype'),
        url('../fonts/dauphin.svg#Dauphin') format('svg');
        font-weight:normal;
        font-style:normal;
}
@font-face {
        font-family: AG-Futura;
        src:url('../fonts/ag_futura.eot') format('eot'); /* IE6-IE8 */
        src:url('../fonts/ag_futura.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ag_futura.woff') format('woff'),/* Modern Browsers */
        url('../fonts/ag_futura.ttf') format('truetype'),
        url('../fonts/ag_futura.svg#AG-Futura') format('svg');
        font-weight:normal;
        font-style: normal;
}
body { 
    margin: 0;
    padding: 0;
    border: 0px none;
    width: 100%;
    height: 100%;
    font-size: 100%;
}
html{
     background: url('../img/background3.jpg') no-repeat center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/background3.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/background3.jpg', sizingMethod='scale')";
  height: 100%;
}
#wrapper {
    min-height:100%;
    position:relative;
    width:1000px; 
    margin:0 auto;
    padding:0;
}
#header{
    position:relative;
    width:1000px;
    height: 110px;
    padding:0;
    margin:0px auto;
}
#title  { 
    position:relative;
    margin-top:15px;
    margin-bottom: 25px;
    line-height: 80px;
    padding: 0;
    font-size:35px;
    text-align: center;
    white-space:nowrap;
    overflow:hidden;
    font-family: Dauphin;
    color: #bbbbbb;
}
 #title:after{
    content : "";
    position: absolute;
    left    : 40px;
    bottom  : 0;
    height  : 3px;
    width   : 70%;  /*50% or 100px */
    border-bottom:1.5px solid #bbbbbb;
 }
 #title-wrap{
     position:absolute;
     background-color: #333333;
     top:0px;
     left:0px;
     bottom:0px;
     right:0px;
     width: 273px;
}
#navmenu {
   float:right;
   width:70%;
   margin-top:43px;
   border-bottom:1.5px solid #333333;
   overflow:hidden;
   position:relative;
 }
 #navmenu ul { 
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
 }
  #navmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:10px;
   position:relative;
   right:50%;
   font-family:AG-Futura;
   font-size: 21px;
}
 #navmenu ul li a {
   display:block;
   margin:0 0 0 13px;
   padding:3px 10px;
   color: #333333;
   text-decoration:none;
   line-height:1.3em;
   
}
#navmenu ul li a:hover {
    
   text-decoration: underline;
   
}
#navmenu ul li a.active,
#navmenu ul li a.active:hover {
    text-decoration: underline;
 }
 /* Left Menu CSS */
 #leftmenu{
     position: absolute;
     margin-right:40px;
     padding-left: 28px;
     padding-right: 28px;
     background-color: #333333;
     width: 217px;
     height: 650px;
     vertical-align: baseline;
     font-family: AG-Futura;
     margin-bottom: 7px;
     overflow:hidden;
}
 #leftmenu p{
     margin:0px;
     vertical-align: baseline;
     text-justify: distribute;
     letter-spacing: -0.5px;
     font-size: 15px;
     text-align: justify;
     color:#bbbbbb;
 }
#leftmenu ul{
     padding-left:15px;
}
 #leftmenu ul li{
     font-size:15px;
     color:#bbbbbb;
     padding:0px;
     margin:0px;
     vertical-align: baseline;
     text-align: left;
     list-style-position:inside;
 }
 #leftmenu ul li a{
     margin:0px;
     color: #bbbbbb;
     line-height: 1.4em;
     text-decoration: none;
 }
 #leftmenu ul li a:hover {
   text-decoration: underline;
}
 #leftmenu h3{
     text-align: center;
     font-weight:bolder;
     margin-top:30px;
     padding: 0px;
     color:#bbbbbb;
 }
 #leftmenu a{
     text-decoration: none;
     color: #bbbbbb;
     margin:0;
 }
 #leftmenu a:hover{
     text-decoration: underline;
 }
 #content{
    width: 100%;
    height: 100%;
    float:left;
    padding: 0px;
}
#footer {
   float:left;
   margin-top:20px;
   margin-bottom:10px;
   width:100%;
   height:33px; /* Height of the footer */
   border-top:1.5px solid #333333;
   border-bottom:1.5px solid #333333;
}
#footer p {
   font-family: AG-Futura;
   text-align: center;
   font-size: 15px;
   font-weight: bold;
   color: #333333;  
   margin:0px;
   padding-top:10px;
}
/* List CSS */

#list{
    float:left;
    margin:0px;
    padding: 0;
    font-family: AG-Futura;
}
#list p{
     padding:0px;
     margin:0px;
     color:#bbbbbb
    }
#list ul{
    float:left;
    margin:0;
    padding: 0;
    display:block;
    position:relative;
}
#list ul li {
   display:block;
   list-style:none;
   margin:0;
   padding:2px;
   position: relative;
}
#list ul li a {
   display:block;
   margin:0 20px 0 20px;
   font-size: 16px;
   color:#bbbbbb;
   text-decoration: none;
}

/* Holder of the projects img */
#holder {
    float:right;
    margin-top:14px;
    margin-left:100px;
    padding:20px;
    width: 630px;
    min-height: 600px;
    height: auto;
    overflow:hidden;
    background-color: #333333;
}
#img-project {
    display:inline;
    margin: 0px;
    padding: 6px;
    float:left;
    width: 630px;
}
.photo {
    height:160px;
    width: 200px;
    margin:0px;
    padding:3px;
    }
.photo1 {
    padding:6px;
    }
#info {
        position:relative;
        margin-left:10px;
        padding-right:15px;
        width: 600px;
        height: 600px;
        overflow: hidden;
    }
#info p {
        text-align: justify;
        color: #bbbbbb;
        line-height: 1.3em;
        font-family: AG-Futura;
        font-size: 15px;
    }
    
  /* Numbered Page Navigation */  
  #number-nav{
     float:left;
      width:300px;
      margin:40px 0px 0px 140px;
  }
  #number-nav p{
      font-family: AG-Futura;
      font-size:14px;
      margin:0px;
      padding:8px;
      padding-right: 13px;
      color:#bbbbbb;
      float:left;
  } 
  #number-nav img{
      float:left;
      padding: 4.5px;
  }
  #number-nav img:hover{
      border-bottom:1.5px solid black;
      border-top: 1.5px solid black;
  }
  
  /*CSS about.html */  
    #cv{
        position:absolute;
        font-family: AG-Futura;
        margin:10px;
        padding:15px;
        width: 600px;
        height: 580px;
        overflow: hidden;
    }  
    #cv p{
        width: 600px;
        padding: 0;
        float:left;
        margin:0;
        font-size:19px;
        color:#bbbbbb;
    }
    .year{
        font-size: 15px;
        vertical-align: baseline;
        height: auto;
        float: right;
        width: 481px;
        margin:0;
        padding: 0;
        text-align:justify;
        word-spacing: -0.8px;
       }
    .details{
        float:left;
        width: 600px;
        margin-top:20px;
        border-top:1.5px solid #bbbbbb;
    }
    .details p{
        width: 585px;
        font-family: AG-Futura;
        font-size: 14px;
        text-align: justify;
     }
    .details table{
       border-bottom:1px solid #bbbbbb;
       width:100%;
       margin:2.5px;
       text-align:justify;
       word-spacing: -0.8px;
       font-family:AG-Futura;
       font-size: 14px;
       color:#bbbbbb;
    }
   
   .details ul li{
        float:left;
        margin:0;
        padding:6px;
        color:#bbbbbb;
   }
   .address{
       position:relative;
       margin:15px;
       line-height: 1.4em;
       overflow: hidden;
       font-family: AG-Futura;
       text-align: center;
   }    
   #form{
       float:left;
       width: 70%;
       color: #bbbbbb;
       margin: 20px;
   }
   #form input,textarea{
       width: 570px;
       resize:none;
   }
   #links{
       float:left;
       display:inline;
       width: 550px;
       height: 500px;
       margin:10px 10px 0 40px;
       padding:0px;
   }
   #links img{
       float:left;
       display:block;
       padding:15px;
   }
   #links p{
       text-indent:20px;
       width: 260px;
       float: left;
       font-family: AG-Futura;
       font-size:17px;
       color:#bbbbbb;
       
   }
   #links a{
        font-family: AG-Futura;
       text-decoration: none;
       color: #bbbbbb;
   }
   #links a:hover{
       text-decoration: underline;
   }
   
    #movie{
        float:left;
        width: 600px;
        height: 600px;
        margin:0 10px 0px 25px;
        padding: 0px;
        
    }
    #movie p {
        float:left; 
        color:#bbbbbb;
        margin-bottom:5px;
        font-size:17px;
        font-family: AG-Futura;
        
        
    }