body{background-color:#D80025;}

.red{ color:#E90024;}
.blu{ color:blue;}
.grn{ color:green;}
.yel{ color:#ff9900;}
.pur{ color:purple;}
              
#container{
           background-color:transparent;
           color:black;
           width:800px;
           height:550px;
           border:2px black solid;
           position:relative;
           margin: 0 auto 0 auto;}
           
#box1    { background-color:#D80025;
           background-image:url(images/logo.jpg);
           background-repeat:no-repeat;
           margin:0px;
           padding:0px;
           color:black;
           width:150px;
           height:150px;
           position:absolute;;
           left:0px;
           top:0px;}
           
#box2    { 
           background-image:url(images/dda_name.jpg);
           background-repeat:no-repeat;
           margin:0px;
           padding:0px;           
           width:650px;
           height:101px;
           position:absolute;;
           left:150px;
           top:0px;}
           
#box3a     {background-image:url(images/welcome.jpg);
           background-repeat:no-repeat;
           margin:0px;
           padding:0px;           
           width:650px;
           height:50px;
           position:absolute;
           left:150px;
           top:101px;}
           
#box3b    {background-image:url(images/webmoto.jpg);
           background-repeat:no-repeat;
           margin:0px;
           padding:0px;           
           width:650px;
           height:50px;
           position:absolute;
           left:150px;
           top:101px;} 
           
#box3c    {background-image:url(images/illusmoto.jpg);
           background-repeat:no-repeat;
           margin:0px;
           padding:0px;           
           width:650px;
           height:50px;
           position:absolute;
           left:150px;
           top:101px;}
           
#box3d    {background-image:url(images/grafmoto.jpg);
           background-repeat:no-repeat;
           margin:0px;
           padding:0px;           
           width:650px;
           height:50px;
           position:absolute;
           left:150px;
           top:101px;}
           
#box3e    {background-image:url(images/photomoto.jpg);
           background-repeat:no-repeat;
           margin:0px;
           padding:0px;           
           width:650px;
           height:50px;
           position:absolute;
           left:150px;
           top:101px;} 
           
#box3f   {background-image:url(images/mottobg.jpg);
           background-repeat:no-repeat;
           margin:0px;
           padding:0px;           
           width:650px;
           height:50px;
           position:absolute;
           left:150px;
           top:101px;} 
                                                                                                                                                                                                           
           
#box4     {background-image:url(images/logofaded.jpg);
           background-repeat:repeat;
           border-color:black;
           border-top:2px solid;
           border-left:2px solid;
           margin:0px;
           padding:0px;           
           width:648px;
           height:398px;
           position:absolute;
           left:150px;
           top:150px;}
           
           
#box5     {background-image:url(images/biglogo.gif);
           background-repeat:no-repeat;
           margin:0px;
           padding:0px;           
           width:403px;
           height:300px;
           position:absolute;
           left:125px;
           top:30px;}
           
#box6     {background-image:url(images/befor_after2.jpg);
           background-repeat:no-repeat;
           margin:0px;
           padding:0px;           
           width:309px;
           height:398px;
           position:absolute;
           left:0px;
           top:0px;}
           
#txt6     {margin:0px;
           padding:5px;           
           width:325px;
           height:20px;        
           font-family:arial,Helvetica,sans-serif;
           font-size:0.96em;
	       font-weight:bold;
           color:black;
           background-color:transparent;
      /*     border:1px black solid; */
           position:absolute;
           right:0px;
           top:20px;}
           
#back     {         
           width:50px;
           height:20px;        
           font-family:arial,Helvetica,sans-serif;
           font-size:1em;
	       font-weight:bold;
           color:red;
           background-color:transparent;
      /*     border:1px black solid; */
           position:absolute;
           right:150px;
           top:60px;}
           
#back a:link, #back a:visited{color:red;
                              background-color:transparent;
                              text-decoration:underline;
                              display:block;}
#back a:hover                 {color:blue;
                              background-color:transparent;
                              text-decoration:underline;
                              display:block;}                              

#back2     {         
           width:50px;
           height:20px;        
           font-family:arial,Helvetica,sans-serif;
           font-size:1em;
	       font-weight:bold;
           color:red;
           background-color:transparent;
      /*     border:1px black solid; */
           position:absolute;
           right:260px;
           bottom:20px;}
           
#back2 a:link, #back2 a:visited{color:red;
                              background-color:transparent;
                              text-decoration:underline;
                              display:block;}
#back2 a:hover                 {color:blue;
                              background-color:transparent;
                              text-decoration:underline;
                              display:block;}                                                           
                              
                                         
#txt    {  margin:0px;
           padding:20px;           
           width:600px;
           height:300px;        
           font-family:arial,Helvetica,sans-serif;
           font-size:0.96em;
	       font-weight:bold;
           color:black;
           background-color:transparent;
       /*    border:2px black solid; */
           position:absolute;
           left:0px;
           top:0px;}
 
#con_txt    {  margin:0px;
           padding:20px;           
           width:600px;
           height:300px;        
           font-family:arial,Helvetica,sans-serif;
           font-size:1.2em;
	       font-weight:bold;
           color:black;
           background-color:transparent;
       /*    border:2px black solid; */
           position:absolute;
           left:0px;
           top:0px;}           
                        
   /* navigator */
#nav {margin:0px;
      padding:0px;
      position:absolute;
      width:150px;
      height:200px;
      left:0px;
      top:250px;     
      font-family:Arial,Helvetica,sans-serif;
      
            } 
                  
#nav ul{list-style:none;
        position:absolute;
        top:-75px;      /* locate from top */
        left:-30px;      /* locate from left */
        }

#nav li{display:list-item;
        margin:10px;
        height:35px;
        text-align:center;}

#nav li a:link, #nav li a:visited {padding:3px 10px 2px 10px;                                  
	                               background-color:#3054BF;
	                               color:#FFFF80;
	                               text-decoration:none;
	                               border-top: 1px solid #AAAAAA;
                                   border-left: 1px solid #AAAAAA;
                                   border-bottom: 1px solid #717171;
                                   border-right: 1px solid #717171;
                                   display:block;}
	                                     
#nav li a:hover      {background-color:#B32D2D;
	                  color:#BFE4FF;
	                  text-decoration:none;
	                  border-top: 1px solid #717171;
                      border-left: 1px solid #717171;
                      border-bottom: 1px solid #AAAAAA;
                      border-right: 1px solid #AAAAAA;}                         


#enter{font-family:Arial,Helvetica,sans-serif;
       font-size:2em;
       color:red;
       background-color:transparent;
       position:absolute;
       top:350px;
       left:275px;}
       
#enter a:link, #enter a:visited {color:red;
                              background-color:transparent;
                              text-decoration:none;
                              display:block;}
              
#enter a:hover {color:blue;
                background-color:transparent;
                text-decoration:none;
                display:block;
                }
                
#show_window {position:absolute;
            background-image:"";
            background-repeat:no-repeat;
            top:50px;
            right:100px;
            width:387px;
            height:290px;            
            border-right:5px #000000 solid;
            border-bottom:5px #000000 solid;
            }
	       
#thumb1    {position:absolute;
            top:30px;
            left:20px;
            width:50px;
            height:50px;            
            border:1px black solid;}
            

            
#thumb2    {position:absolute;
            top:100px;
            left:20px;
            width:50px;
            height:50px;            
            border:1px black solid;} 
            
#thumb3    {position:absolute;
            top:170px;
            left:20px;
            width:50px;
            height:50px;            
            border:1px black solid;}        
            
#thumb4    {position:absolute;
            top:240px;
            left:20px;
            width:50px;
            height:50px;            
            border:1px black solid;} 
            
#thumb5    {position:absolute;
            top:310px;
            left:20px;
            width:50px;
            height:50px;            
            border:1px black solid;} 
            
#nav a.here:link, #nav a.here:visited, #nav a.here:hover, #nav a.here:active{
	color:#BFE4FF;
	background-color:#B32D2D;
}