listing order 1.HTML page elements, IDs(#), Classes(., including x.)

body          {       
              background-color: #FFFFFF;
              }

h2, h1       {
		     text-align: center;
		     font-family:Verdana, Arial, Helvetica, sans-serif;		  
		     color:
		     #000000;
		     }
			 
h3           {
		     text-align: center;
		     font-family:Verdana, Arial, Helvetica, sans-serif;		  
		     color:
		     #000000;
		     }
			 

padding: 10px;
		      }	

#ABOUTUS      {position: absolute;
               top: 20px;
			   left: 50px;
	/*
MAINMENU
*/		   }
			   			 
   {
              width: 924px;
              border-color: black;
              border-width: 2px;
			  border-style: solid;
			  background-color: white; 
			  margin-left: auto;
			  margin-right: auto;
			  }
#allcontent   {
              width: 924px;
              border-color: black;
              border-width: 2px;
			  border-style: solid;
			  background-color: white; 
			  margin-left: auto;
			  margin-right: auto;
			  } 
#allcontent   {
              width: 924px;
              border-color: black;
              border-width: 2px;
			  border-style: solid;
			  background-color: white; 
			  margin-left: auto;
			  margin-right: auto;
			 /*
INDEX
*/ } 
			  
#allmenu     {
              background-color: #cfd0f5;
		      width: 850px;
		      border:#FFFF00; border-style:double;
		      margin-left: auto;
			  margin-right: auto;
			  }
#back
              { 
		      position: fixed;
		      top: 10px;
		      right: 0px;		 
		      }


#back img     {
              border: none; 
              }
		   



#back a:link 
              {
		      border: none;
		      }



#back a:visited
              {
		      border: none;
		      }
			  
#backtogallery
              {
			  position: absolute;
			   top: 80px;
			   left: 311px;
			   width: 221px;
			   height: 44px;
			   }			  
		   			  			 
#bground     {
              background-color:#CC66FF;
              margin-top:100px;
			  height:1700px;
			/*
MAINMENU
*/  }
			   


#contactbody   {
                background-color:#FFFFCC;
				}
				

#contactimage {
               width: 966px;
               margin-left: 10px;
               border-width: 2px;
               border-color:#0000CC;
			   border-style:solid;
               }
			   
#content       {
                }
							    
#contactus    {
               position: absolute;
                top: 1260px;
				left: 300px;
				/*
MAINMENU
*/}
						   			  
#description   {
	           position:absolute;
	           left:315px;
	           top:84px;
	           width:521px;
	           height:231px;
	           z-index:4;
               } 
				
#downarrow    
              {
			   position: absolute;
			   top: 430px;
			   left: 200PX;
			   }
			   


#faq          {
	          position:absolute;
	          left:900px;
	          top:97px;
	          width:100px;
	           height:75px;
	           border-width: 2px;
		      border-color: #000000;
		      border-style: solid;
	          z-index:2;
              }

			  
#footer       {
               positon: absolute;
               top: 300px;
			   left: 10px;
			   width: 600px;
			   height: 50px;
			/*
INDEX
*/   }			   
			   

#itempagefooter       
              {
			  width: 950px;
               height: 20px;
			   position: absolute;
			   top: 565px;
			   left: 20px;
			   border-color:#000000; 
			   border-width: 2px;
			   border-style:solid;
			   background-color:#CCCCCC; 
                }
#gallery
              {position: absolute;
			   top: 400px;
			   left: 460px;
			/*
MAINMENU
*/   }			  
#galleryheader 
              { 
	          width: 1000px; height: 163px;
	          content: center; 
	          background-color: #FFFF99;
	          }
#goto  
              {   
		      position:absolute;
		      top: 747px;
		      left: 648px;
		      }
			    		 
#goto img     {  
              border: none;
              }
		      



#goto a:link 
              {
		      border: none;
		      } 



#goto a:visited
              {
		      border: none;
		      }
			  
#header      {
              width: 900px;		 
              margin: 10px;
		    /*
INDEX
*/  }
			  
#info         {
               position: absolute;
			   top: 91px;
			   left: 888px;
               height: 196px;
			   width: 88px;
               }
#infonavclear			           
             {
			  Position: absolute;
			  top: 69px;
			  left: 888px;
			  width: 91px;
			  height: 475px;
			  
              }		   
#indexmainpic     {
              margin-left: 5px;
              width: 750px;
		      margin-bottom: 10px;
			  z-index:50;
             }

#mainpic1       
              {
			  width: 300px;
               height: 550px;
			   position: absolute;
			   top: 5px;
			   left: 5px;
			   border-color:#000000; 
			   border-width: 2px;
			   border-style:solid; 
                }
							   			  			   			   
#menu         {
               position: absolute;
               top:-6px;
			   left:500px;
			   }   
			   
#nav			
               {
			   position: absolute;
			   top:400px;
			   left: 900px;
                height: 180px;
				width: 75px;
                 }
				 
#otherstuff		
               {
			    position: absolute;
				top: 800px;
				left: 5px;
			/*
MAINMENU
*/	}
	  
#page         {
               position: absolute;
               top: 265px; 
			   width:500px;
			   }
			   

#pagefooter
                {
				 position: fixed;
				 top: 720px;
				
				}			   

#pheader       {
               width:650px; 
			   border-style:solid;
               border-color:#9900FF; 
			   border-width:thin;
			   }
			   							  		 
#PENNEY       {
              POSITION: ABSOLUTE;
              TOP: 115PX;
			  LEFT: 647PX;
              z-index:99;
              }	
#return       {position: absolute;
               top:8px;
			   left:810px;
			   width:245px;
			   height:93px;
			 /*
MAINMENU
*/  }			  	

#returnto     {
               position: absolute;
			   top: -90px;
			   left: 700px;
			   height: 100px;
			   width: 227px;
			   }
			   
			   
#sidebar     {
              margin-right: 5px;
              width: 139px;        
              float: right;
      /*
INDEX
*/        }
			  
#status        
             {Position: absolute;
			  top: 340px;
			  left: 310px;
			  width: 601px;
			  height: 28px;
			  border-color: black;
              border-width: 2px;
			  border-style: solid;
              }
#statusclear        
             {Position: absolute;
			  top: 339px;
			  left: 488px;
			  width: 458px;
			  height: 28px;
			 
			  z-index: 99;
              }			  
			  
#technicalstuff
  		      {	 
			  background-color:#CCCCCC;		   		  
		      margin-left: 50px;
		      width: 800px;
		      border-width: 3px;
		      border-color: #009900;
		      border-style: solid;
		      padding: 10px;
		      }
#thanks       {
              font-family:Verdana, Arial, Helvetica, sans-serif;		  
		       color: #000000;  		   
               }			  
#thumbs        {
	           position:absolute;
	           left:315px;
	           top:375px;
	           width: 580px;
	           height:182px;
	           z-index:1;
	           border-width: 2px;
		       border-color: #000000;
		       border-style: solid;
               }
			   
#specs         {
	           position:absolute;
	           left:846px;
	           top:300px;
	           width:89px;
	           height:142px;
	           border-width: 2px;
		      border-color: #000000;
		      border-style: solid;
	          z-index:3;
              }
			  
#titlebar
               {
             width: 653px;
	           height: 75px;
	          position: absolute;
	          left: 309px;
	          top: 4px;
              }			   


			  
            


.border       {
              border-bottom: 1px; 
              border-style: solid;
		      border-color: #000000;
		      }



.custom      {
		     font:"Courier New", Courier, monospace;
		     color:#FF0000;
		     }

.dickslogo     
               {
                position: absolute;
                left: 150px;
	        top: 50px;
		width: 286px;
		height: 140px;
		}

.item1       {
	position: absolute;
	top: 11px;
	left: 13px;
	width:480px;
	height:300px;
	z-index:1;
	background-color:#FFFFFF;
	border-style: solid;
	border-color:#000000;
	border-width:medium;
             }
			 
.item2       {
	         position: absolute;
	         top: 330px;
	         left: 10px;
	         width:480px;
	         height:300px;
	         z-index:1;
	         background-color:#FFFFFF;
	         border-style: solid;
	         border-color:#000000;
	         border-width:medium;
	         visibility: visible;
            }
			
.item3      {
	         position: absolute;
	         top: 660px;
	         left: 10px;
	         width:480px;
	         height:300px;
	         z-index:1;
	         background-color:#FFFFFF;
	         border-style: solid;
	         border-color:#000000;
	         border-width:medium;
             }
			 
.item4       {
	         position: absolute;
	         top: 990px;
	         left: 10px;
	         width:480px;
	         height:300px;
	         z-index:1;
	         background-color:#FFFFFF;
	         border-style: solid;
	         border-color:#000000;
	         border-width:medium;
	         visibility: visible;
             }
			 
.item5       {
	         position: absolute;
	         top: 1320px;
	         left: 10px;
	         width:480px;
	         height:300px;
	         z-index:1;
	         background-color:#FFFFFF;
	         border-style: solid;
	         border-color:#000000;
	         border-width:medium;
	         visibility: visible;
             }
			 
.item6       {
	position: absolute;
	top: 1650px;
	left: 10px;
	width:480px;
	height:300px;
	z-index:1;
	background-color:#FFFFFF;
	border-style: solid;
	border-color:#000000;
	border-width:medium;
	visibility: visible;
             }




.Layer2 
              {
	position: absolute;
	left:170px;
	top:3px;
	width:310px;
	height:48px;
	z-index:2;
	visibility: visible;
             }

.Layer3   
              {
	position:absolute;
	left:194px;
	top:74px;
	width:161px;
	height:171px;
	z-index:2;
              }
			  
.Layer4       {
	          position:absolute;
	          width:300px;
	          height:28px;
              z-index:2;
	          left: 174px;
	          top: 251px;
              }
			  
.mainpic      {
              margin-left: 5px;
              width: 750px;
		      margin-bottom: 10px;
			  z-index:50;
              }
			  
.pic           {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 153px;
	height: 242px;
	visibility: visible;
               }			 

			 
.selection    {
               margin-left: 5px;
               width: 800px;
			   height: 480px;
			   border-bottom-color:#FFFF00;
              }


.thumbnails   {
               height: 186px;
               width: 635pxp;
			   position: absolute;
			   top: 239px;
			   left: 317px;
			   
               }
			   
.title         {
                height: 75px;
                position: absolute;
				top: 15px;
				left: 325px;
               }		









			  
			   			  
			  

h1.aboutus
		      {
		      font-family:Verdana, Arial, Helvetica, sans-serif;
		      color:#0066FF;
		      text-align: center;
		      }
		  

h1.technical
		      {
		      font-family:Verdana, Arial, Helvetica, sans-serif;		  
		      color:#009900;
		      text-align: center;
		  
		      }
		  

p.founder
		      {
		     font-family:Verdana, Arial, Helvetica, sans-serif;		  
		     color:
		     #000000;
		     }
	  

p.technical
		     {
		     font-family:Verdana, Arial, Helvetica, sans-serif;		  
		     color:
		     #000000;
		     }








		  
p.contactus  {     
             font-family:Verdana, Arial, Helvetica, sans-serif;		  
		     color:
		     #000000;
		     }	  		  


#Layer3 {
	background-color: #FFFFFF;
}
#Layer3 {
	background-color: #FFCCFF;
}
#Layer5 {
	background-color: #FFCCFF;
	}
#Layer6 {
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#Layer6 {
	border: thin solid #000000;

}
#Layer20 {
	background-color: #FEFF99;
}