<STYLE type="text/css">

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

h1 {
  position:absolute;
  top: 220px;
  left: 270px; 
  width:580px;
  text-align:left;
  display: block;
  font-family: verdana;
  font-size: 28px;
  font-weight: bold;
  z-index:2;
  color: #00D4FD; }

h1 i{
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  z-index:2;
  color: #00D4FD; }

#title {
  position:absolute;
  top: 250px;
  left: 270px; 
  width:580px;
  text-align:left;
  display: block;
  font-family: verdana;
  font-size: 28px;
  font-weight: bold;
  z-index:2;
  color: #00D4FD; }

#title em {
  position:absolute;
  font-size: 28px;
  font-style: normal;
  z-index:2;
  top: -30px; }

#content {
  position:absolute;
  left: 270px; 
  top: 330px;	
  width:700px;
  text-align:left;
  display: block;
  text-decoration: none;
  font-family: verdana;
  font-size: 12px;
  line-height:140%;
  z-index:2;
  color: #1C1109; }

#content a {
  color: #00D4FD;
  z-index:2;
  text-decoration: none; }
			
#content p {
  position:absolute;
  z-index:2;
  left: 10px; } 

#content p a {
  z-index:2;
  color: #00D4FD; }

#content em {
  z-index:2;
  position:absolute;
  font-style: normal;
  top: -60px; }

#content em a {
  z-index:2;
  color: #00D4FD; }
			
#content em p {
  z-index:2;
  position:absolute;
  left: 10px; } 

#content em p a {
  z-index:2;
  color: #00D4FD; }

#content u {
  position:relative;
  display: block;
  text-decoration: none;
  z-index:2;
  top: 0px;	
  width: 400px; }

#content u a {
  z-index:2;
  color: #00D4FD; }
			
#content u p {
  z-index:2;
  left: 10px; } 

#content u p a {
  z-index:2;
  color: #00D4FD; }

#lowLinks p {
  position:relative;
  display: block;
  background-image: url("http://www.wight-hat.com/img/footer.jpg");
  background-repeat: no-repeat;
  top: 300px;
  left: 0px;
  height:11px;
  width:780px;
  font-family: verdana;
  font-size: 11px;
  color: #C0C0C0; }

#lowLinks p a {
  color: #808080;
  text-decoration: none; }

#lowLinks p a:hover {
  font-weight: bold;
  color: #808080; }

#lowLinks p i {
  position:absolute;
  font-style: normal; 
  top: 35px;
  left: 440px; }

#lowLinks p i a {
  color: #C0C0C0;
  text-decoration: none; }

#lowLinks p i a:hover {
  font-weight: bold;
  color: #808080; }

#swirl {
  position:absolute;
  display: block;
  background-image: url("http://www.wight-hat.com/img/swirl.jpg");
  background-repeat: no-repeat;
  z-index:0;
  top: 5px;
  left: 670px;
  height:295px;
  width:328px; }

#bg > div#lowLinks p {
  position:relative;
  display: block;
  background-image: url("http://www.wight-hat.com/img/footer.jpg");
  background-repeat: no-repeat;
  top: 300px;
  left: 270px;
  height:11px;
  width:780px;
  font-family: verdana;
  font-size: 11px;
  color: #C0C0C0; }

#bg > div#lowLinks p a {
  color: #808080;
  text-decoration: none; }

#bg > div#lowLinks p a:hover {
  font-weight: bold;
  color: #808080; }

#bg > div#lowLinks p i {
  position:absolute;
  font-style: normal; 
  top: 35px;
  left: 440px; }

#bg > div#lowLinks p i a {
  color: #C0C0C0;
  text-decoration: none; }

#bg > div#lowLinks p i a:hover {
  font-weight: bold;
  color: #808080; }

#bg > div#lowLinks > #swirl {
  position:absolute;
  display: block;
  background-image: url("http://www.wight-hat.com/img/swirl.jpg");
  background-repeat: no-repeat;
  z-index:0;
  top: 20px;
  left: 670px;
  height:295px;
  width:328px; }

</STYLE>