#foo {

}


#portfolioNav {
width:800px;
min-height:42px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:42px; /* for IE5.x and IE6 */
background-color:#ffffff;
padding-left:20px;
padding-right:20px;
padding-top:20px;
margin-top:0px;
border:0px;
outline: none;

 

}
/* ----- Portfolio ----- */
hr.grey {
border: 0;
color: #EAEAEA;
background-color: #EAEAEA;
height: 1px;
width: 90%;

}
#sumdiv
{
    margin-left:auto;
    margin-right:auto; 
    padding-left:10px;
    padding-right:10px;
    margin-top:0px;
    }
#summary
{
  margin-top:5px;
    }
    
    #proHead
{
  margin-top:5px;
    }
    
    td.sum
    {
         /*display:inline;
        border-bottom: dashed 1px #CC0000;
        border-right: dashed 1px #CC0000;
        margin-bottom: 5px;
        margin-top:5px;
         margin-left:5px;
         margin-right:5px;*/
         vertical-align:text-top;
        
        
        
        }
        
      
            
#container {
position:relative;
}
#border {
border-left:1px dotted #000;
position:absolute;
top:3em;
left:0em;
bottom:3em;
}
p.pad {
padding:1em;
}



        
        


/* ----- portfolio detail ----- */
#portDetailCont{
    width:810px;
min-height:400px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:400px; /* for IE5.x and IE6 */
background-color:#ffffff;
padding-left:20px;
padding-right:20px;
margin-top:10px;
border:0px;
outline: none;
    
    }
    
    
    /* -------- pictures --------*/
    
    #imgCont{
     width:800px;
min-height:310px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:310px; /* for IE5.x and IE6 */
background-color:#ffffff;
padding-left:0px;
padding-right:0px;
margin-top:5px;

outline: none;
  }
  
  #imgLeft
  {
     width:450px;
min-height:290px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:290px; /* for IE5.x and IE6 */
background-color:#ffffff;
padding-left:0px;
padding-right:0px;
margin-top:0px;
float:left;
outline: none;

    }
    
    #imgRight
    {
         width:330px;
min-height:290px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:290px; /* for IE5.x and IE6 */
background-color:#ffffff;
padding-left:0px;
padding-right:0px;
margin-top:0px;
margin-left:0px;
float:left;
border:1px;
outline: none;

        }
        
.thumbs
{
width:130px;
min-height:40px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:40px; /* for IE5.x and IE6 */
background-color:#ffffff;
padding-left:0px;
padding-right:0px;
margin-left:15px;
margin-right:0px;
margin-bottom:12px;
margin-top:0px;
float:left;
outline: none;  
 
}
    
    #text0
{


}

#text1, #text2, #text3, #text4, #text5
{

display:none;
}
.thumb {
margin-top:10px;

}
#text01
{


}

#text11, #text21, #text31
{

display:none;
}
    
    
    
    /* -------- end pictures -------*/


/*div.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  width:215px;
   margin-left:auto;
    margin-right:auto; 
    padding-left:10px;
    padding-right:10px;
    border: solid 1px #000000;

}	
div.img img
{
  display: inline;
  margin: 0px;
  border: 1px solid #000000;
  
}
div.img a:hover img {border: 1px solid #ffffff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}
*/