<STYLE type="text/css">

body {
	background-color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
}	
		
.whimage {
	background-image:url("/img/wighthat.png"); 
	background-repeat: no-repeat;
}

/* main structure */

#page {
	display:block;
	position:absolute;
	top:0;
	left:0;
	padding: 0 0 0 0;
	background-image: url("/img/header_tile.jpg");
	background-position: top center;
	background-repeat: repeat-x;
	top:0;
	width:100%;
	height:auto;
	z-index:-1;
	padding: 0 0 0 0;
	margin: 0 0 0 0; 
}
		
#content {
	display:block;
	position:relative;	
	padding: 0 0 0 0;
	margin: 0 0 0 0; 
	top:0px;
	z-index:0;
	width:800px;
	margin-left:auto;
	margin-right:auto; 
}

/* menu structure */ 

#menu {
	display:block;
	position:relative;	
	top:10px;
	left:0px;
	z-index:0;
	width: 600px;
	height: 38px; 
}

#submenu {
	display:block;
	position:relative;	
	top:15px;
	width: 800px;
	height: 100px;
	z-index:0;
	text-align:left;
	font-family: verdana;
	font-weight: bold;
	font-size: 18px;
	color: #1C1109; 
}

#submenu a {
	color: #1C1109;
	text-decoration: none; 
}

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

/* body structure */

#mainBody {
	display:block;
	position:relative;	
	top:-50px;
	left:0px;
	width: 800px;
	height:auto;
	font-family: verdana; 
}

#mainBody h1 {
  position:relative;
  top: 0px;
  text-align:left;
  font-size: 32px;
  font-weight: bold;
  color: #00D4FD; 
}

#mainBody h1 a {
	text-decoration:none;
  color: #000000; 
}

#mainBody h1 a:hover {
  color: #00D4FD; 
}
	
#mainBody h1 i{
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  color: #00D4FD; 
}

#mainBody h2 {
  font-family: verdana;
  font-size: 20px;
  font-weight: bold;
  color: #1C1109; 
}

#mainBody h2 a {
  text-decoration:none;
  color: #00D4FD;
}

#mainBody h2 a:hover {
  color: #000000;
}

#mainBody h3 a {
  font-family: verdana;
  color: #1C1109; 
  text-decoration:none;
}

#mainBody h3 a:hover {
  color: #00D4FD;
}

#mainBody h5 {
  font-family: verdana;
  font-size: 14px;
  line-height:100%;
  font-weight: normal;
  color: #1C1109; 
}

#mainBody h5 a {
	color: #00D4FD;
	text-decoration: none; 
}

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

#mainBody p {
  font-family: verdana;
  font-size: 12px;
  line-height:100%;
  font-weight: normal;
  color: #1C1109; 
}

#mainBody p a {
	color: #00D4FD;
	text-decoration: none; 
}

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

/* footer structure */

#footer {
	display:block;
	position:relative;	
	top:20px;
	left: 0px;
	width:732px;
	height: 100px;
	margin-left:auto;
	margin-right:auto;
	line-height:20px;
	background-image: url("http://www.wight-hat.com/img/footer.jpg");
	background-repeat:no-repeat;
	font-family: verdana;
	font-size: 11px;
	color: #C0C0C0; 
}

#footer p {
	display:block;
	position:relative;	
	top:5px;
	left:0px;
	width:600px;
	padding: 0 10px 0 0;
	text-align:center; 
} 

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

#footer p a:hover {
  text-decoration: none;
  font-weight:bold;
  color: #808080; 
}

/* position of Wight Hat logo */

.logoPos {
	position:relative;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: -493px -226px;
	top:28px;
	left:519px; 
	width:235px;
	height:96px; }

/* navigation tabs */

.home,.homeSelected {
	display:block;
	position:relative;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top:4px;
	width: 74px;
	height: 38px;
	background-position: -681px -76px; }

.homeSelected,.home:hover {
	background-position: -681px -114px; }

.software,.softwareSelected {
	display:block;
	position:relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top:-34px;	
	width: 100px;
	height: 38px;	
	left:78px;
	background-position: 0px -637px; }

.softwareSelected,.software:hover {
	background-position: -100px -637px; }

.webServices,.webServicesSelected {
	display:block;
	position:relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top:-72px;	
	width: 129px;
	height: 38px;
	left: 182px;	
	background-position: -200px -637px; }

.webServicesSelected,.webServices:hover {
	background-position: -329px -637px; }

.company,.companySelected {
	display:block;
	position:relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	top:-110px;	
	width: 129px;
	height: 38px;
	left:315px;
	background-position: -681px 0px; }

.companySelected,.company:hover {
	background-position: -681px -38px; }

/* Feature boxes */

.hosting {
	display:block;
	position:relative;
	float:left;
	left:0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:225px;
	height:221px;
	background-position: -225px -1px; }

.hosting p {
	display:block;
	position:relative;
	top:-107px;
	left: 280px;
	width: 500px; }

.webdevelopment {
	display:block;
	position:relative;
	float:left;
	left:60px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:225px;
	height:223px;
	background-position: -0px -0px; }

.seo {
	display:block;
	position:relative;
	float:left;
	left:120px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:225px;
	height:222px;
	background-position: -456px 0px; }

.webdevelopment h3,.hosting h3,.seo h3,.websiteDevelopmentBox h3 {
	display:block;
	position:relative;	
	top:60px;
	left:70px;
	width: 150px;
	height: 100px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: verdana;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF; }

.webdevelopment h4,.hosting h4,.seo h4,.websiteDevelopmentBox h4 {
	display:block;
	position:relative;	
	top:18px;
	left:10px;
	width: 210px;
	height: 100px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: verdana;
	font-weight: normal;
	line-height:12px;
	font-size: 10px;
	color: #FFFFFF; }

.webdevelopment a,.hosting a,.seo a {
	display:block;
	position:absolute;
	top:188px;
	left:157px;
	width:54px;
	height:22px;
	z-index:1; }

.webdevelopment a:hover,.hosting a:hover,.seo a:hover {
	background-position: -681px -152px;
	background-image:url("/img/wighthat.png"); 
	background-repeat: no-repeat; }

.hosting1,.hosting2,.hosting3 {
	display:block;
	position:relative;
	left:30px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:241px;
	height:138px;
	background-position: -249px -499px; }

.hosting1 a,.hosting2 a,.hosting3 a,.webdevelopment2 a,.translation a {
	display:block;
	position:absolute;
	top:105px;
	left:171px;
	width:54px;
	height:22px;
	z-index:1; }

.hosting2 a {
	top:104px; }

.hosting3 a {
	top:106px; }

.hosting1 a:hover,.hosting2 a:hover,.hosting3 a:hover,.webdevelopment2 a:hover,.translation a:hover {
	background-position: -681px -152px;
	background-image:url("/img/wighthat.png"); 
	background-repeat: no-repeat; }

.hosting2 {
	height:137px;
	background-position: -0px -500px; }

.hosting3 {
	background-position: -0px -361px; }

.hosting1 h3,.hosting2 h3,.hosting3 h3,.webdevelopment2 h3,.translation h3 {
	display:block;
	position:relative;	
	top:50px;
	left:70px;
	width: 150px;
	height: 100px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: verdana;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF; }

.hosting1 p,.hosting2 p,.hosting3 p {
	display:block;
	position:relative;
	top:-107px;
	left: 280px;
	width: 500px; }

.swirl {
	display:block;
	position:relative;
	top:0px
	left:400px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:328px;
	height:295px;
	background-position: -490px -342px; }

.webdevelopment2 {
	display:block;
	position:relative;
	float:right;
	left:0px;
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
	width:245px;
	height:138px;
	background-position: -0px -223px; }

.translation {
	display:block;
	position:relative;
	float:right;
	left:0px;
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
	width:244px;
	height:138px;
	background-position: -249px -223px; }

/* hProduct */

.photo {
	display:none; }

.url {
	display:none; }

.brand {
	display:none; }

.category {
	display:none; }

</STYLE>
