/*set page width to 960 pixels*/
   body {
    width: 960px;
    margin: auto;                
    background-color: #292929;
    }
    /*header background, z-index set to 0 to make it sit behind logo */
   #head{               
	   background: url(images/header.png) no-repeat top center;
	   height: 200px; 
	   float: left;
	   width: 960px;
	   clear: both;
	   z-index: 0;
        }
    /*logo, z-index set to 1 to make it float over background*/
   #logo{
      background: url(images/logo.png) no-repeat;
      margin-top: 10px;
      margin-left: 15px;
      position: absolute;
      height: 59px;
      width: 589px; 
      z-index: 1;
   }
  /*two column layout, left column shorter than right column*/      

   #left_column{
      width: 20%;
      float: left;                
      clear: left;
    }
  
   
   #right_column{
      float: left;
      width: 78%;
      padding-bottom: 10px;
      border: 2px solid white;
        color: white;
        margin-top: 16px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 16px;
   }
  

   #footer{
      float: left;
      width: 960px;
      height: 100px;
      padding-top: 40px;
      background: url(images/footer.png) no-repeat;
      color: white;
      text-align: center;
      clear: both} 
      
    #caption{
        float: right;
        width: 300px;
        height: 300px;
        }
    #text{
        float: left;
        width: 440px;
        }

  .slogan{
        color: white;
        font-size: 150%;
        margin-top: 65px;
        }
  .contact{
        float: left;
        color: white;
        font-size: 125%;
        margin-left: 650px;
        margin-top: -115px;
        width: 200px;
        height: 125px;
        clear: both;
        }
   .border{
        list-style-type: none;
        /*border: 2px solid white;*/
        color: white;
        background-color: #292929;
     }
 
  /*product picture placement.*/ 
   .pic{
      float: right;
      margin-top: 12px;
      margin-right: 2px;
      margin-left: 2px;
      border: 3px solid black;
      }
  
     .pic_left{
      float: left;
      margin-top: 12px;
      margin-right: 2px;
      margin-left: 2px;
      border: 3px solid black;
   }
  /*buttons*/ 
  #buttontext{
      padding-top: 16px;
      padding-left:20px;
  }
  
   #buttons {
      width: 160px;
      height: 55px;
      margin-left: -40px;
      padding: 0;
      border: 0;
      background: transparent url(images/button.png) no-repeat center top;
      z-index: 0;
   }
  
  #buttons a{
      text-decoration: none;
  }
  
  #buttons a:hover {
      text-decoration: underline;
      color: #1aea10;
   }

  a{ 
    color: #10dcea;
   }
   
   a:visited{ 
    color: #7fea10;
   }