#title { color: blue;
     border:1px solid black; 
	 margin: 30px;
	 padding: 1px;

   }

   div.Component {
   
    background-image:url("../images/Component2.jpg");
    background-repeat:no-repeat;
  }

  h2 {

    left: float; 

   }

   ul.hoz li {
   display:inline;
   border: 1px solid black;
   border-radius: 10px;
   padding: 2px;
   margin: 2px;
   }

   ul li#hover {
   border: 2px solid black;   
   }

   ul li.none {
   border: 0px solid white;
   }

   dl.Component {
   text-align: center;
   padding: 0px 30px 0px 0px;

   }

  

#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
    float: left;
    z-index: 1;
    width: 100%;
    top: 0%;
   position: fixed;
   
}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:600px;
    width:300px;
    top: 22.5%;
    float:left;
    padding:5px; 
    position:fixed;
}

a {

  color: #000;

}

#button a {

   color: #fff;


}

#textalign {

   Text-align: left;
   float: left;
}


#overview {

    color: #fff;
    float: left;
}

#button {

        border:1px solid blue; 
        width: 20%;
       margin: 1%; 
       float:left;
      
}


#section {
    width:1000px;
    top: 30%;
    left: 25%;
    float:right;
    z-index: 0;
    padding:10px; 
    position: absolute;
}

#Project {

    width:1000px;
    top: 18%;
    left: 25%;
    float:right;
    z-index: 0;
    padding:10px; 
    position: absolute;


}

#textalig {

    Text-align: Right;

}

#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px; 
}