﻿<style type="text/css">

.menu {
    margin: 0px;
    padding: 0px;
    width: 950px;
    list-style: none;
    left: 15px;
}
.menu li {
	margin-bottom: 3px;
	padding: 2px;
	float: left;
	list-style: none;
}
.menu a:link, .menu a:visited {
	display: block;
	width: 93px;
	color: #000000;
	border-left: solid 3px #cccccc;
/* the borders can be defined separately */	border-top: solid 3px #eeeeee;
	border-right: solid 3px #888888;
	border-bottom: solid 3px #666666;
	background: #aaaaaa;
	text-align: center;
	padding: 2px 3px 4px 3px;
	text-decoration: none;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
}
.menu a:active, .menu a:hover {
	border-left: solid 3px #888888;
	border-top: solid 3px #666666;
	border-right: solid 3px #cccccc;
	border-bottom: solid 3px #eeeeee;
	background: #999999;
	padding: 3px; /* this slightly changes the spacing of the text to help with the push effect */
}
.smenu {
	margin: 3px;
	padding: 3px;
	list-style: none;
}
.smenu li {
	margin-bottom: 3px;
}
.smenu a:link, .smenu a:visited {
	background-position: #0099CC;
	display: block;
	width: 180px;
	color: #000000;
	border-left: solid 3px #cccccc;
/* the borders can be defined separately */	border-top: solid 3px #eeeeee;
	border-right: solid 3px #888888;
	border-bottom: solid 3px #666666;
	background: #0099CC;
	text-align: center;
	padding: 2px 3px 4px 3px;
	text-decoration: none;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
}
.smenu a:active, .smenu a:hover {
	background-position: #00CCFF;
	border-left: solid 3px #888888;
	border-top: solid 3px #666666;
	border-right: solid 3px #cccccc;
	border-bottom: solid 3px #eeeeee;
	background: #00CCFF;
	padding: 3px;
}
.pict1 {
	border: 1px solid #FFFFFF;
	position: absolute;
	z-index: 3;
	top: 25px;
	left: 25px;
}
.pict2 {
	border: 1px solid #FFFFFF;
	top: 25px;
	right: 25px;
	position: absolute;
	z-index: 3;
}
.Title {
	font-family: "Arial Black";
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	color: #C0C0C0;
	position: absolute;
	z-index: 4;
	top: 10px;
	left: 20px;
}
.KHSname {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	left: 735px;
	top: 220px;
	z-index: 5;
	position: absolute;
}
.Contactname {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	left: 755px;
	top: 327px;
	z-index: 5;
	position: absolute;
}
.Engineeringname {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	left: 80px;
	top: 220px;
	z-index: 5;
	position: absolute;
	text-decoration: none;
}
.pict2Copy {
	border: 1px solid #FFFFFF;
	top: 25px;
	right: 385px;
	position: absolute;
	z-index: 3;
}
.Webdesign {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	left: 392px;
	top: 220px;
	z-index: 5;
	position: absolute;
	width: 161px;
	text-decoration: none;

}
.Engineeringname2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	left: 66px;
	top: 327px;
	z-index: 5;
	position: absolute;
	width: 198px;
	text-decoration: none;
}
.layer1home {
	position: relative;
	width: 950px;
	height: 300px;
	z-index: 1;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
}
.layer4home {
	position: absolute;
	width: 950px;
	height: 50px;
	z-index: 3;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #C0C0C0;
	top: 10px;
	left: 25px;
	background-color: #415827;
}
.layer5home {
	position: absolute;
	width: 222px;
	height: 23px;
	z-index: 1;
	left: 720px;
	top: 14px;
}
.layer3home {
	position: absolute;
	width: 950px;
	height: 421px;
	z-index: 2;
	top: 129px;
	left: 25px;
	background-color: #9CAF8F;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}
.layerbuttonshome {
	position: absolute;
	width: 949px;
	height: 26px;
	z-index: 2;
	left: 20px;
	top: 58px;
}
.layerbuttonshome2 {
	position: relative;
	width: 300px;
	z-index: 2;
}
.Title2 {
	position: relative;
	width: 750px;
	height: 40px;
	z-index: 5;
	font-family: 'Gill Sans extra Bold';
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}
.centerbackpage {
	z-index: 3;
	position: absolute;
	width: 798px;
	font-size: 30px;
	font-family: "Gill Sans Extra Bold";
	color: #000000;
	left: 155px;
	top: 10px;
}
.newStyle1 {
	position: absolute;
	z-index: 4;
	font-size: 14px;
	top: 30px;
}
.pagetitle {
	font-size: 30px;
	font-family: "Gill Sans Extra Bold";
	color: #000000;
	left: 155px;
	top: 10px;
}
.style1 {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.style2 {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	z-index: 4;
	position: relative;
	width: 300px;
	font-family: "Gill Sans Extra Bold";
}
.Title2 {
	position: absolute;
	width: 750px;
	height: 40px;
	z-index: 5;
	left: 155px;
	top: 10px;
	font-family: 'Gill Sans extra Bold';
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}
.style2Copy {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	font-family: Arial;
}
.headings {
	font-family: Arial;
	font-size: small;
	font-weight: normal;
	font-style: normal;
	width: 525px;
	position: relative;
	text-align: left;
}

</style>
