/*Fonts
----------------------------------------------------------------------------*/






body{

    font-family: calluna-sans, Gill Sans, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#201817;
    background-color:#Dcddd8;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
  
}

/*Headings
----------------------------------------------------------------------------*/
h1{
color:#000000;
font-weight: 400;
font-size: 20px;
padding-bottom: 0px;
}

h2 {
color:#000000;
font-family: calluna-sans;
font-weight: 700;
font-size: 14px;
padding-top: 5px;
padding-bottom: 0px;
}

h3{
color:#000000;
font-family: calluna-sans;
font-weight: 400;
font-size: 12px;
padding-bottom: 0px;
margin-top:0px;
padding-top:0px;
padding-left:2px;
}


/*Text Elements
----------------------------------------------------------------------------*/


  p {
  line-height:1.4;
  text-indent: 0px;
  margin-left: 0px;
  margin-top:  0px;
  }

  p.noindent {
  text-indent: 0px;
  }

.contact {
  text-indent: 0px;
  font-size:14px;
  }

  a {
  color:#2f2f2f;
  text-decoration: none;
  outline: none;
  }
  
  a:hover{
  color: #476378;
  }

ul {
  line-height:1.3;
padding-left:0px;
margin-left:20px;
 
  }
li{
padding-left:0px;
margin-left:0px;
margin-bottom:3px;
}
  
  
  /*Image
  ----------------------------------------------------------------------------*/
  img {
  border: none;
    }

  
    
  
  /*Nav Panel
----------------------------------------------------------------------------*/
    
  .navpanel {
    position: relative;    
    display: none;
    line-height: 1.8;
    top: 0px;
    vertical-align: top;
	width: 160px;
    margin-left: 60px;
	border: solid 0px #b1b1b1;
   }
  
  
  
 .logo{
  display: inline-block;
  margin-top:65px;
  width: 240px;
  height: auto;
  }
  
  #nav {
  position: absolute;
  top: 70px;
  left: 30px;
  min-height: 480px;
  padding-bottom: 20px;
  width: 275px;
  background: url(images/menubackground2.png);
  }
  
  a.nav {
  color: #2f2f2f;
  font-size: 16px;
  font-family: calluna-sans;
  font-weight: 700;
  line-height: 1.8;
  text-decoration: none;
  display:block;
  width: 200px;
  margin-left:50px;
  }
  
  a.nav:hover {
  color: #476378;
  }
  
   
  
 /*  Background Slides
 ---------------------------------------------------------------------------*/
  .slideImg{
   min-height:100%;
   min-width:100%;
   position: fixed; 
   }
   
   #slides{
    min-width: 100%; 
    min-height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1;
   }

 .projectBackgroundSlide{
   min-width: 100%; 
    min-height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1;
  }

 .slideImage{
   min-width: 100%; 
    min-height: 100%; 
    position: fixed; 
  }
 
  
  /*Contact About
----------------------------------------------------------------------------*/
  
  /*  Main Panel */
  .panel {
  position: absolute;
  left: 306px;
  top: 70px;
  width: 620px;
  height: 500px;
  background: url(images/menubackground2.png);
  }
  
  #aboutSection {
  }
  
  #contactSection {
  }
  
  .rightColumnText {
  position:absolute;
  left:210px;
  width: 380px;
  margin-top:15px;
  }
  
  .leftPhoto {
  margin-bottom: 10px;
  margin-top: 0px;
  }
  
  .leftImageColumn{
    position:absolute;
    width:190px;
    margin-top:30px;
    margin-left:15px;
  }
  
  
  
   /*Projects
----------------------------------------------------------------------------*/
  
  
  .projectPanel {
  position: absolute;
  left: 306px;
  top:70px;
  width: 521px;
  height: 500px;
  background-color:#FFFFFF;
  }
  
  .thumbPanel {
  position: absolute;
  left: 828px;
  top: 70px;
  width: 71px;
  height: 500px;
  background-color:#FFFFFF;
  }
  
  .projectTitle {
   position: relative;
  margin-left:20px;
  width: 380px;
  margin-top:15px;
  
  }
  
  #projectDescription {
  display:none;
  position:absolute; 
  top:0px;
  padding-left:15px;
  padding-right:15px;
  right:0px;
  width: 280px;
  height:500px;
   background: url(images/menubackground2.png);
  }
  
  
  #detailsButton{
  position: absolute;
  top:5px;
  left: 5px;
  cursor: pointer;
    }
  #detailsButton img{
  height: 78px !important;
  width: 25px !important;
}
  
  .closeButton{
  position: absolute;
  top: 10px;
  right: 10px;
  }

  .closeButton img{
  height: 15px !important;
  width: 15px !important;
   }




 /*Section page
----------------------------------------------------------------------------*/  

  .fullColumnText {
  position:absolute;
  left:25px;
  width: 605px;
  margin-top:15px;
  }
  
  .flowcontainer {
   position:absolute;
  

}
  .projectThumbLink {
     display: inline-block;
     position: relative;
     vertical-align: top;
     align: top;
     margin-right: 15px;
     margin-bottom: 10px;
     height: 150px;
     width: 125px;
  
 }  



/*Project Slides
-------------------------------------------------------------------------------*/

 #projectSlides {
 position:relative;
 margin-top:0px;
 height: 470px;
 }
 
  #projectThumbs {
  position: absolute;
  top: 125px;
 }
 
 .projectThumb {
 margin-left:3px;
 margin-bottom:0px;
 width:65px;
 height:55px;
 cursor: pointer;
 }


.projectImage {
 position: absolute;
 top: 23px;
 width: 521px;
 height: auto;
 }

/*Scroll Bar
-------------------------------------------------------------------------------*/
/* Tiny Scrollbar */
#scrollbar1 { width: 412px; margin: 10px 0 10px; }
#scrollbar1 .viewport { width: 385px; height: 400px; overflow: hidden; position: relative; }
#scrollbar2 { width: 598px; margin: 10px 0 10px; }
#scrollbar2 .viewport { width: 575px; height: 434px; overflow: hidden; position: relative; }
.overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 12px; }
.track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:14px; position: relative; padding: 0 0 spx; }
.thumb { background: #afafaf; height: 20px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; border-top: solid 1px #999999; border-left: solid 1px #999999; border-right:solid 1px #999999; border-bottom:solid 1px #999999  }
.thumb .end { #afafaf; overflow: hidden; height: 5px; width: 22px}
.disable { display: none; }