body{ position: absolute;
  	  width: 670px; 
      top: 0px; left: 250px;
      font-family: Arial, sans-serif;
      font-size: 12px;
      align: center;
      }
      
a:link{ text-decoration: underline; color: #000000; }
a:hover{ text-decoration: underline; color: #000000; }
a:visited{ text-decoration: underline; color: #000000; }

<!-- BANNER STARTS HERE -->		
div#head{ position: absolute; }
div#icon{ position: relative;
	  top: 0px; left: 250px;
      width: 130px; height: 122px;
	  background-image: url("images/icon.gif");
	  }
	  
div#logo{ position: relative;
	  top: 0px; left: 140px;
      text-align: center;
	  width: 382px; height: 68px;
	  background-image: url("images/logo.gif");
	  margin-bottom: 12px;
	  }

div#header{ position: relative;
	  top: 0px; right: 70px;
      text-align: center;
	  width: 900px; height: 38px;
	  }

<!-- HEADER MENU STARTS HERE -->
div#menu{ position: absolute; }

a#indexImage { position: absolute;
	  top: 0px; left: 0px;
	  width: 90px; height: 38px; 
	  background-image: url("images/indexBtn_off.gif");
	  }
a#indexImage:hover { background-image: url("images/indexBtn_on.gif"); }
span#indexImageOn { position: absolute;
	  top: 0px; left: 0px;
	  width: 90px; height: 38px; 
	  background-image: url("images/indexBtn_on.gif");
	  }
	  
a#frankImage { position: absolute;
  	  top: 0px; left: 90px;
	  width: 90px; height: 38px; 
	  background-image: url("images/frankBtn_off.gif");
	  }
a#frankImage:hover { background-image: url("images/frankBtn_on.gif"); }
span#frankImageOn { position: absolute;
  	  top: 0px; left: 90px;
	  width: 90px; height: 38px; 
	  background-image: url("images/frankBtn_on.gif");
	  }

a#artistImage { position: absolute;
  	  top: 0px; left: 180px;
	  width: 90px; height: 38px; 
	  background-image: url("images/artistBtn_off.gif");
	  }
a#artistImage:hover { background-image: url("images/artistBtn_on.gif"); }
span#artistImageOn { position: absolute;
  	  top: 0px; left: 180px;
	  width: 90px; height: 38px; 
	  background-image: url("images/artistBtn_on.gif");
	  }
	  
a#contactImage { position: absolute;
	  top: 0px; left: 270px;
	  width: 90px; height: 38px; 
	  background-image: url("images/contactBtn_off.gif");
	  }
a#contactImage:hover { background-image: url("images/contactBtn_on.gif"); }
span#contactImageOn { position: absolute;
	  top: 0px; left: 270px;
	  width: 90px; height: 38px; 
	  background-image: url("images/contactBtn_on.gif");
	  }

a#catImage { position: absolute;
	  top: 0px; left: 360px;
	  width: 90px; height: 38px; 
	  background-image: url("images/catBtn_off.gif");
	  }
a#catImage:hover { background-image: url("images/catBtn_on.gif"); }
span#catImageOn { position: absolute;
	  top: 0px; left: 360px;
	  width: 90px; height: 38px; 
	  background-image: url("images/catBtn_on.gif");
	  }
	  
a#buyImage { position: absolute;
	  top: 0px; left: 450px;
	  width: 90px; height: 38px; 
	  background-image: url("images/buyBtn_off.gif");
	  }
a#buyImage:hover { background-image: url("images/buyBtn_on.gif"); }
span#buyImageOn { position: absolute;
	  top: 0px; left: 450px;
	  width: 90px; height: 38px; 
	  background-image: url("images/buyBtn_on.gif");
	  }

a#fanmailImage { position: absolute;
	  top: 0px; left: 540px;
	  width: 90px; height: 38px; 
	  background-image: url("images/fanmailBtn_off.gif");
	  }
a#fanmailImage:hover { background-image: url("images/fanmailBtn_on.gif"); }
span#fanmailImageOn { position: absolute;
	  top: 0px; left: 540px;
	  width: 90px; height: 38px; 
	  background-image: url("images/fanmailBtn_on.gif");
	  }
	  
a#pleafImage { position: absolute;
	  top: 0px; left: 630px;
	  width: 90px; height: 38px; 
	  background-image: url("images/pleafBtn_off.gif");
	  }
a#pleafImage:hover { background-image: url("images/pleafBtn_on.gif"); }
span#pleafImageOn { position: absolute;
	  top: 0px; left: 630px;
	  width: 90px; height: 38px; 
	  background-image: url("images/pleafBtn_on.gif");
	  }

a#sgsImage { position: absolute;
	  top: 0px; left: 720px;
	  width: 90px; height: 38px; 
	  background-image: url("images/sgsBtn_off.gif");
	  }
a#sgsImage:hover { background-image: url("images/sgsBtn_on.gif"); }
span#sgsImageOn { position: absolute;
	  top: 0px; left: 720px;
	  width: 90px; height: 38px; 
	  background-image: url("images/sgsBtn_on.gif");
	  }
  
<!-- HEADER and BANNER BIT ENDS HERE -->

<!-- CONTAINER STARTS HERE -->
div.container{ position: relative;
	  margin-left: 0px; 
	  top: 0px; left: 0px;
	  padding: 0px; height: 1000px;
	  }

p.title{ font-weight: bold;
	  text-align: center;
	  font-size: 16px;
	  }
	  
p.left12{ text-align: left;
	  font-size: 12px;
	  width: 200px;
	  margin-left: 50px; 
	  }
	  
ul#applications li{ margin-left: 20px; }

p.center12{ position: relative;
	  text-align: left;
	  left: 200px;
	  font-size: 12px;
	  width: 400px;
	  }

div.right14b{ position: relative;
	  font-size: 14px;
	  font-weight: bold;
	  top: -250px; left: 350px;
	  }

div.new { position: relative;
	  width: 250px; height: 180px;
	  top: 20px; left: -45px;
	  background-image: url("images/new.gif");
	  }

div#bookrow1{ align:center; margin-left: 30px; position: absolute; }	  

#book1{  position: absolute;
	  width: 121px; height: 170px;
	  border: 2px solid black; 
	  top: -170px; left: 0px;
	  margin: 10px;
	  background-image: url("images/thumbs/beautiful-leadlights.gif");
	  }
#book2{   position: absolute;
	  width: 121px; height: 170px;
	  border: 2px solid black; 
	  top: -170px; left: 150px;
	  margin: 10px;
	  background-image: url("images/thumbs/20-Kiln-Projects.gif");
	  }
#book3{   position: absolute;
	  width: 121px; height: 170px;
	  border: 2px solid black; 
	  top: -170px; left: 300px;
	  margin: 10px;
	  background-image: url("images/thumbs/casting-glass.gif");
	  }
#book4{   position: absolute;
	  width: 121px; height: 170px;
	  border: 2px solid black; 
	  top: -170px; left: 450px;
	  margin: 10px;
	  background-image: url("images/thumbs/Contemporary.gif");
	  }

div#bookrow2{ align:center; margin-left: 30px; position: absolute; }	  

#book5{  position: absolute;
	  width: 121px; height: 170px;
	  border: 2px solid black; 
	  top: 10px; left: 0px;
	  margin: 10px;
	  margin-top: 20px;
	  background-image: url("images/thumbs/CTS-V1.gif");
	  }
#book6{  position: absolute;
	  width: 121px; height: 170px;
	  border: 2px solid black; 
	  top: 10px; left: 150px;
	  margin: 10px;
	  margin-top: 20px;
	  background-image: url("images/thumbs/CTS-V3.gif");
	  }
#book7{  position: absolute;
	  width: 121px; height: 170px;
	  border: 2px solid black; 
	  top: 10px; left: 300px;
	  margin: 10px;
	  margin-top: 20px;
	  background-image: url("images/thumbs/CTS-V2.gif");
	  }
#book8{  position: absolute;
	  width: 121px; height: 170px;
	  border: 2px solid black; 
	  top: 10px; left: 450px;
	  margin: 10px;
	  margin-top: 20px;
	  background-image: url("images/thumbs/CTS-V4.gif");
	  }
	  
span.red{ color: red; }

div#buy{ margin-left: 20px; position: absolute; visibility: visible; }	  


div#foreword { position: relative;
	  left: 55px; top: 250px;
	  text-align: justify;
	  }

<!-- CONTAINER BIT ENDS HERE -->

<!-- FOOTER STARTS HERE -->
div#footer { position: relative;
	  bottom: 30px; left: 0px;
      text-align: center; 
	  width: 700px; height: 70px;
	  font-size: 10px;
	  margin-left: -20px;
	  }
<!-- FOOTER BIT ENDS HERE -->


