"

From 2013.igem.org

   *{
     padding:0px;
     margin: 0px;
   }
   body {
     height: 100%;
     width: 100%;
     background-color: #CCC;
     font-family: 'Arial';
   }

   /*home content*/
   #home-container{
     width: 980px;
     margin: 0 auto; 
   }
   /*slides part*/
   #home-slides{
     height: 430px;

     background-color: #A8DBD2;
   }
   #myCarousel{
     height: 430px;
     width: 900px;

     margin: 0 auto;
   }
   #slides-image img{
     height: 430px;
     width: 683px;

     margin:0 auto;
   }

   /*main content part*/
   #home-content{
     width: 980px;
     background-color: white;
   }

   #home-note{
     position: relative;
     top: 100px;
     left: 115px;
   }
   #note{
     display: inline-table;
   }
   #notepad{
     display: block;
     height: 146px;
     width: 121px;

     margin-right: 20px;
     background-color: #def1ee;

     position: relative;
     top: -50px;
   }
   #note-header{
     position: relative;
     top: -30px;
     left: -2px;

     font-family: 'Arial';
     font-size: 20px;
     font-weight: bolder;
   }
   #pin{
     position: relative;
     top: -30px;
     left: 3px;
   }
   #note-pin{
     position: relative;
     top: -34px;
     left: 105px;
     display: block;

     z-index: 100;
   }

   #introduction-text{
     position: relative;
   }
   #introduction-header{
     position: relative;
     top: 90px;
     left: 125px;

     font-family: 'Arial'; 
     font-size: 22px;
     font-weight: bold;
     color:#ffcc33;
   }
   #header-header{
     position: relative;
     left: -30px;
     top: 40px;
   }
   #introduction-content{
     font-family: 'Arial';
     font-weight: bold;

     position: relative;
     top: 120px;
     left: 145px;

     display: block;
     width: 300px;
   }
   #feiji{
     position: relative;
     top: 30px;
     left: 40px;
   }
   #introduction-vedio{
     position: relative;
     top: -120px;
     left: 435px;  
   }

   a:focus{
     outline-color:#544444; 
   }