@charset "utf-8";
/* CSS Document */

body {
	font: 100% GillSans, "Trebuchet MS", Arial;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #000000 url(../pics/bgs/bg-body.jpg) repeat-x left top;
}
h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
}


p{
	margin: 0.28em 0em 0em;
	padding: 0px;
}
.oneColFixCtrHdr #container {
	width: 892px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0px;
}
.oneColFixCtrHdr #header {
	padding: 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 393px;
	width: 892px;
	margin: 0px;
	background: url(../pics/bgs/bg-hp-intro.jpg) no-repeat left top;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0;
}
.oneColFixCtrHdr #mainContent {
	padding: 0em;
	margin: 0em;
}
#hp-nav {
	padding:0.7em 0em 0em;
	width: 700px;
	margin: 0em auto;
	float: none;
	clear: none;
	color: #999999;
	height: 38px;
}
#hp-nav ul {

	//margin:1em 0
	margin: 0em;
	padding: 0em;
	text-align: center;
	margin: 0px;
}
#hp-nav li {
	display:inline;
	padding:0em;
	list-style-image: none;
	list-style-type: none;
	margin: 0em;
}
#hp-nav a {
	color: #e3e3e3;
	text-decoration: none;
	font: normal 12px GillSans, "Trebuchet MS", Arial;
	padding: 0em;
	margin: 0em 1em;
}
#hp-nav a:hover {
	color: #535353;
	text-decoration: none;
	border-bottom: 1px dotted #CCCCCC;
}
#hp-nav a:active {
	color: #CCCCCC;
}
#hp-nav a:visited {

}
#hp-intro  img {
	padding: 0em;
	margin: 3.8em 0em 0em 1.2em;
	clear: none;
	float: left;
}
.intro-col-1 {
	margin: 0.7em 0em 0em 24.2em;
	padding: 0em;
	clear: none;
	float: none;
	width: 490px;
	text-align: left;
}
.intro-col-1 p {
	padding: 0em;
	color: #000000;
	font: normal 14px/18px "Gill Sans MT", "Trebuchet MS", Arial;
	text-align: left;
	text-indent: 10px;
	margin: .4em 0em 0em;
}


.style1 {
	color: #0099FF;
	text-align: left;
	font: 30px/30px "Gill Sans MT", "Trebuchet MS", Arial;
}
.style2 {
	font-size: 26px;
	color: #999999;
}

div#scroll {
	height: 342px;
	width: 820px;
	overflow: auto;
	color: black;
	margin: 0em 0em 0em 1em;
	padding: 0em;
}
div#scroll  ul {
	table-layout: fixed;
	width: 1200px;
	border-collapse: collapse;
	margin: 0em;
	padding: 0em 0em 0em .5em;
	float: left;
	clear: both;
}
div#scroll li {
	list-style: url(none) none;
	display: inline;
}
div#scroll a {
	text-decoration: none;
	padding: 0px;
	background: #666666 url(../images/bgs/bg-sm-pics.jpg) repeat-x left top;
	margin: 0em .6em 0.6em 0em;
	list-style: url(none) none;
	float: left;
	clear: none;
}
div#scroll a:hover {
	background: #FFFFCC;
}
div#scroll a:visited {}
.scroll-container {
	margin: 0em auto;
	padding: 0px;
	width: 863px;
}
.scroll-container #top {
	margin: 1em auto 0em;
	padding: 0px;
	width: 863px;
	background: url(../pics/bgs/hp-top-scroll.gif) no-repeat center top;
	height: 65px;
}
.scroll-container #top2 {
	margin: 0em auto;
	padding: 0px;
	width: 863px;
	background: url(../pics/bgs/hp-top-scroll.gif) no-repeat center top;
	height: 65px;
}

.scroll-container #middle {
	margin: 0em;
	padding: 0px;
	width: 863px;
	background: url(../pics/bgs/hp-scroll-middle.gif) repeat-y left top;
}
.scroll-container #btm {
	margin: 0em;
	padding: 0px;
	width: 863px;
	background: url(../pics/bgs/hp-btm-scroll.gif) no-repeat center bottom;
	height: 60px;
}
.scroll-container  #top h1 {
	margin: 0em;
	padding: .45em 0em 0em 1.25em;
	font: normal 35px GillSans, "Trebuchet MS", Arial;
	color: #0066FF;
	letter-spacing: 0em;
	background: url(../pics/logos/hp-nwc-sm.gif) no-repeat 17em .4em;
}
.scroll-container  #top2  h1 {
	margin: 0em;
	padding: .45em 0em 0em 1.25em;
	font: normal 35px GillSans, "Trebuchet MS", Arial;
	color: #0066FF;
	letter-spacing: 0em;
}
.scroll-container #text1 {
	font: normal 35px GillSans, "Trebuchet MS", Arial;
	color: #B38702;
}

div.header-contact {
	height: 109px;
	width: 875px;
	background: url(../pics/headers/contact-us.gif) no-repeat 1.5em 10%;
	margin: 0em;
	padding: 0em;
}
p.class1 {
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #F0F0F0;
	margin: 0em 5em;
	padding: 1em 0em 0em;
}

div.header-services {
	height: 109px;
	width: 875px;
	background: url(../pics/headers/services.gif) no-repeat 1.5em 10%;
	margin: 0em;
	padding: 0em;
}
div.header-solutions {
	height: 109px;
	width: 875px;
	background: url(../pics/headers/solutions.gif) no-repeat 1.5em 10%;
	margin: 0em;
	padding: 0em;
}
div.header-about-us {
	height: 109px;
	width: 875px;
	background: url(../pics/headers/about-us.gif) no-repeat 1.5em 10%;
	margin: 0em;
	padding: 0em;
}





.click {
	font: bold 18px/2em "Trebuchet MS", Verdana, Arial;
	color: #333333;
	padding: 0px;
	margin: 0em auto 0px;
	text-align: center;
	width: 400px;
	clear: both;
}
.links-container {
	margin: 0em auto;
	padding: 0px;
	width: 826px;
}
.links-container  #top {
	margin: 1em auto 0em;
	padding: 0px;
	background: url(../pics/bgs/hp-top-links.gif) no-repeat center top;
	height: 11px;
	width: 826px;
}
.links-container  #middle {
	margin: 0em;
	padding: 0px;
	width: 826px;
	background: url(../pics/bgs/hp-links-middle.gif) repeat-y left top;
	height: 425px;
}
.links-container    #middle   h1 {
	margin: 0em;
	padding: 0px;
	font: normal 35px GillSans, "Trebuchet MS", Arial;
	color: #e2b172;
	letter-spacing: 0em;
}

.links-container  #btm {
	margin: 0em;
	padding: 0px;
	width: 826px;
	background: url(../pics/bgs/hp-btm-links.gif) no-repeat center top;
	height: 11px;
}
#hplinks       {
	margin: 0em 0em 0em 1em;
	padding: 0px;
	clear: none;
	float: left;
}
#hplinks   ul {
	margin: 0em 0em 0em 1em;
	padding: 0px;
}
#hplinks   li {
	margin: 0em;
	padding: 0px;
	display: list-item;
	line-height: 25px;
	background: url(../pics/icons/hp-links.jpg) no-repeat left center;
	text-indent: 1.5em;
	list-style: url(none) none;
}
#hplinks   a {
	margin: 0em;
	padding: 0px;
	color: #ff6000;
	text-decoration: none;
	font: normal 16px GillSans, "Trebuchet MS", Arial;
}
#hplinks   a:hover {
	color: #FFCC00;
	text-decoration: underline;

}
div.news {
	margin: 0em 2em 0em 5em;
	padding: 0px;
	width: 370px;
	clear: none;
	float: left;
}
div.news-content {
	margin: .5em 0em 0em;
	padding: .5em 1em 0em 0.5em;
	width: 325px;
	height: 350px;
	overflow: auto;
	color: #F2F2F2;
	border: 2px dotted #576975;
	background: #121212;
}
div.news-content p {
	overflow: auto;
	color: #F2F2F2;
	font: 12px/18px Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	margin: 0em;
	padding: 0em 0em 1em;
}
div.news-content a    {
	overflow: auto;
	text-decoration: none;
	color: #F2F2F2;
}
div.news-content  a:hover {
	overflow: auto;
	text-decoration: none;
	color: #999999;
}


.date  {
	overflow: auto;
	color: #00FFFF;
	font: 12px Arial, Helvetica, sans-serif;
}



.clearfloat {

}



.copyright {
	font: 11px/35px GillSans, "Trebuchet MS", Arial;
	color: #5b646b;
	text-align: center;
	letter-spacing: 0.15em;
	display: inline;
	background: #272733;
}
.register {
	font: 11px GillSans, "Trebuchet MS", Arial;
	color: #5b646b;
	text-align: left;
	vertical-align: top;
	height: 30px;
	margin: 0px;
	padding: 0px 0px 0px 0.25em;
	position: absolute;
	left: 988px;
	top: 68px;
}
<!-- BEGIN HumanTag Monitor. DO NOT MOVE! MUST BE PLACED JUST BEFORE THE /BODY TAG --><script language='javascript' src='http://server.iad.liveperson.net/hc/18787707/x.js?cmd=file&file=chatScript3&site=18787707&&category=en;woman;2'> </script><!-- END HumanTag Monitor. DO NOT MOVE! MUST BE PLACED JUST BEFORE THE /BODY TAG -->