<STYLE type="text/css">	

body {
  background-color: #FFFFFF;
  overflow-x:hidden;
  margin: 0;
  padding: 0; }		

#preload { 
	display: none; }			
		
#bg { 
  position: absolute;
  background-image: url("http://www.wight-hat.com/img/header_tile.jpg");
  background-position: top center;
  background-repeat: repeat-x;
  z-index=1;
  height: 252px;
  width: 1280px;
  left: 50%;
  margin-left: -640px;
  margin-top: -12px;
  }			

#hatLogo {
  position: absolute;
  display:block;
  background-image: url("http://www.wight-hat.com/img/wight_hat_logo.jpg");
  left: 750px; 
  top: 25px;	
  width:237px;
  height:100px; }

		
#menu {
  position: absolute;
  left: 274px; 
  top: 110px;	
  text-decoration: none; }			

#subMenu {
  position: absolute;
  display:block;
  background-image: url("http://www.wight-hat.com/img/subMenuBar.jpg");
  z-index=1;
  left: 274px; 
  top: 149px;	
  width:760px;
  height:96px; }

#subMenu h2 {
  position: absolute;
  top:12px;
  text-align:center;
  font-family: verdana;
  font-size: 12px;
  color: #1C1109; }

#subMenu a {
  text-decoration: none;
  font-weight: bold;
  color: #1C1109; }

#subMenu a:hover {
  text-decoration: none;
  color: #00D4FD; }

#bg > div#subMenu {
  position: absolute;
  display:block;
  background-image: url("http://www.wight-hat.com/img/subMenuBar.jpg");
  left: 274px; 
  top: 149px;	
  width:760px;
  height:96px; }

#bg > div#subMenu h2 {
  position: absolute;
  top:0px;
  text-align:center;
  font-family: verdana;
  font-size: 12px;
  color: #1C1109; }

#bg > div#subMenu a {
  text-decoration: none;
  font-weight: bold;
  color: #1C1109; }

#bg > div#subMenu a:hover {
  text-decoration: none;
  color: #00D4FD; }
	
a#homelink {
  position:absolute;
  width: 74px;
  height: 38px;
  left:0px;	
  background-image: url("http://www.wight-hat.com/img/home.jpg");  
  display: block; }

a#homelink em {
  display: none; }

a#homelinkMade em {
  display: none; }

a#homelinkMade {
  position:absolute; 
  width: 74px;
  height: 38px;
  left:0px;	
  background-image: url("http://www.wight-hat.com/img/home_over.jpg");
  display: block; }

a#homelink:hover {
  background-image: url("http://www.wight-hat.com/img/home_over.jpg"); }

a#software  {
  position:absolute;
  width: 100px;
  height: 38px;	
  left:78px;
  background-image: url("http://www.wight-hat.com/img/software.jpg");
  display: block; }

a#software em {
  background-image: none;
  display: none; }

a#softwareMade em {
  background-image: none;
  display: none; }

a#softwareMade {
  position:absolute;
  width: 100px;
  height: 38px;	
  left:78px;
  background-image: url("http://www.wight-hat.com/img/software_over.jpg");
  display: block; }

a#software:hover {
  background-image: url("http://www.wight-hat.com/img/software_over.jpg"); }

a#web {
  position:absolute;
  width: 129px;
  height: 38px;
  left: 182px;	
  background-image: url("http://www.wight-hat.com/img/webservices.jpg");
  display: block; }

a#web em {
  display: none; }

a#webMade em {
  display: none; }

a#webMade {
  position:absolute;
  width: 129px;
  height: 38px;
  left: 182px;	
  background-image: url("http://www.wight-hat.com/img/webservices_over.jpg");
  display: block; }

a#web:hover {
  background-image: url("http://www.wight-hat.com/img/webservices_over.jpg"); }
		
a#company {
  position:absolute;
  width: 129px;
  height: 38px;
  left:315px;
  background-image: url("http://www.wight-hat.com/img/companyinfo.jpg");
  display: block; }

a#company em {
  display: none; }

a#companyMade em {
  display: none; }

a#companyMade {
  position:absolute;
  width: 129px;
  height: 38px;
  left:315px;
  background-image: url("http://www.wight-hat.com/img/companyinfo_over.jpg");
  display: block; }

a#company:hover {
  background-image: url("http://www.wight-hat.com/img/companyinfo_over.jpg"); }
  
  </STYLE>