body {
	color: #474646;
	background: #fff;
	text-align: center;
	margin: auto;
	font: 1em verdana, arial, sans-serif;
}

ol li {
	margin-bottom: 10px;
}

.left p {
	float: left;
}

.maincontent 
{
    padding:10px;
	text-align: left;
}

a {
	color: #474646;
}

a:hover {
	color: #bcc9eb;
}

.bluelink {
	color: #88a1e1;
}

#maincontent .titlerow {
	background: #00369f;
	font-weight: bold;
	font-family: VERDANA, ARIAL;
	font-size: 10px;
	color: #FFFFFF;
	text-align:center;
}

#maincontent .gray1 {
	border: 0 solid #416A87;
	background: #E1E2E2;
	font-size: 10px;
	text-align:center;
}

:hover.bluelink{
	color: #bcc9eb;
}

#maincont {
	background: url('../assets/Image/body_image.gif') no-repeat 100% 100%;
	width: 1000px;
	margin: 0 auto
}

h1 {
	padding: 0;
	margin: 0;
	background: url('../images/hsl_header.jpg') no-repeat;
	width: 1000px;
	height: 196px;
	float: left;
}


h1 span
	{
	display: none;
}

#date {
	background: #fff;
	color: #3770b1;
	font-size: 0.6em;
	padding: 5px 5px 0 0;
	margin: 0;
	text-align: right;
}

#leftimages {
	padding: 3px 0 30px 0;
	width: 150px;
	float: left;
}

#leftimages img {
	margin: 5px 0;
}

#leftimages p {
	font-size: 70%
}

.blue {
	border: 1px solid #2277ba;
}

.brown {
	border: 1px solid #716f64;
}

#innerwrap {
	border: solid #2277ba;
	border-width: 0 1px;
	width: 998px;
	float: left;
	overflow: hidden;
}

#maincontent {
	padding: 0 10px 10px 0;
	text-align: left;
	font-size: 0.8em;
	width: 833px;
	float: right;
}

#maincontent .imagescaption {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#maincontent .imagescaption div {
	float: left;
	display: block;
	width: 33.3%;
	margin: 0;
	text-align: center;
	overflow: hidden;
}

#maincontent .imagescaption p {
	text-align: center;
	width: 200px;
	margin: 5px auto;
}

#maincontent .imagescaption img {
	border: 1px solid #000;
}

#maincontent .imagescaption02 {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#maincontent .imagescaption02 div {
	float: left;
	display: block;
	width: 45%;
	margin: 0;
	text-align: center;
	overflow: hidden;
}

#maincontent .imagescaption02 p {
	text-align: center;
	width: 200px;
	margin: 5px auto;
}

#maincontent .imagescaption02 img {
	border: 1px solid #000;
}

#maincontent table thead {
	background: #00369f;
}

#maincontent table th {
	background-color: inherit;
	color: #fff;
	padding: 3px;
}

#emersonselect {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 -5px;
}

#emersonselect div {
	width: 120px;
	height: 220px;
	float: left;
	margin: 5px;
	text-align: center;
	background: #e5f0ff;
	border: 1px solid #0069b3;
}

#emersonselect img {
	width: 98px;
	height: 139px;
	margin: 10px;
	border: 1px solid #0069b3;
}

#emersonselect p {
	width: 110px;
	margin: 0 5px;
	font-size: 0.75em;
}

#emersonselect a, #emersonselect a:link, #emersonselect a:visited, #emersonselect a:hover {
	color: #0069b3;
	background-color: inherit;
}

/*------------------- Form styles ---------------*/

div#form {
	padding: 0 10px 10px 10px;
	width: 500px;
	margin: 3px auto;
	border: 1px solid #ccc;
	overflow: hidden;
}

div#form form {
	padding: 0;
	margin: 0;
	
}

div#form p {
	margin-bottom: 0;
}

div#form label {
	width: 250px;
	float: left;
	font-size: 0.9em;
	margin: 5px 20px 5px 0;
}

div#form input, div#form textarea, div#form select {
	width: 225px;
	float: left;
	margin: 7px 0;
	border: 1px solid #ccc;
}


div#form fieldset.noborder input {
	border: 0px solid #ccc;
}

div#form fieldset#contact input	{
	width: 30px;
	float: left;
	padding: 2px 0 0 0;
	margin: 0px 0;
	border: 0px solid red;
		}

div#form fieldset#contact label	{
	width: 450px;
	float: right;
	padding: 0;
	margin: 0px 0;
	border: 0px solid red;
		}

div#form fieldset#contact br	{
		clear:both;
		}
div#form textarea {
	height: 110px;
}

div#form select {
	margin: 7px 0 15px 0;
}

div#form fieldset {
	clear: both;
	border: 1px solid #ccc;
	padding: 3px 10px;
	margin-bottom: 5px;
	overflow: hidden;
}

div#form fieldset input {
	width: auto;
	float: left;
	margin: 7px 0 5px 0;
	height: 16px;
}

div#form fieldset label {
	width: 192px;
	padding: 00 0 5px;
	margin-bottom: 5px;
	float: left;
	text-align: left;
}

div#form #contact label {
	height: 27px;
}

div#form label.adjust {
	float: left;
	width: 105px;
}

div#form input.inputbutton {
	width: 5em;
	margin-left: 270px;
	border: 1px solid #000;
	background: #0077d3;
	color: #fff;
}

div#form input#MaxTemp, div#form input#MinTemp {
	width: 180px;
}

/*------------ End of Form styles -------------*/

h2
	{
	background-color: inherit;
	text-align: left;
	font-weight: 300;
	color: #00369f;
	background: url(../Images/arrow.gif) 0 0 no-repeat;
	margin: 0 0 20px 0;
	padding: 22px 0 15px 70px;
	font-size: 2em;
}

h3
	{
	background-color: inherit;
	text-align: left;
	font-weight: 900;
	color: #6b8ee8;
	padding: 0;
	margin: 0 0 18px 0;
	font-size: 1.2em;
}

#footer
	{
	color: #fff;
	background: #00369f url(../images/bottom_bar.gif) no-repeat;
	clear: both;
	padding: 10px 0;
}

#footer p
	{
	text-align: center;
	margin: 0;
	font-size: 0.6em;
}

#footer a:link {
	color: #fff;
}

#footer a:visited {
	color: #ddd;
}

#footer a:hover, #footer a:active {
	color: #fff;
}

p#abacus
	{
	color: #767676;
	text-align: right;
	padding: 3px 5px 3px 0;
	margin: 0;
	width: 993px;
	font-size: 0.6em;
}

#abacus a
	{
	background-color: inherit;
	color: #767676;
}

#abacus a:hover
	{
	color: #bcc9eb;
	background-color: inherit;
}

#searchbox
	{
	padding-left: 2px;
	font-weight: bold;
	font-size: 0.8em;
	
}

#searchbox input
	{
	width: 102px;
	margin: 2px 0;
	border: 1px solid #6384c4;
	font-size: 12px;
}

#searchbox input.searchbutton{
	width: auto;
	border: 1px solid #6384c4;
	background-color: #e6eefc;
}

.right, .rblue {
	float: right;
	margin: 0 0 2px 5px;
	text-align: center;
}

.rblue {
	border: 1px solid #2277ba;
	clear: right;
}

ul.halfwidth {
	width: 46%;
	padding-left: 20px;
	list-style: none;
	
}

ul.halfwidth li
	{
	padding: 0 20px;
	background: url(../Images/list_arrow.gif) no-repeat;
	background-position: 0 .3em;
}
.left
	{
	float: left;
	margin: 0 5px 5px 0;
}

div.left {
	text-align: center;
}

div.left p {
	text-align: center;
}

img.right {
	float: right;
	border: 1px solid #000;
}

div.fourimages {
	
	width: 25%;
	padding: 0;
	margin: 7px 0;
	
}

#maincontent div.fourimages p {
	
	width: 100%;
	text-align: center;
	font-style: italic;
}

div.fourimages img {
	border: 1px solid #000;
}

.left02
	{
	float: left;
	margin: 0 5px 5px 30px;
}

.arrow, div.arrow02 li
	{
	list-style: none;
	text-align: left;
	margin: 5px 0 5px 0;
	padding: 0;
	clear: both;
}

.arrow li, div.arrow02 li
	{
	padding: 3px 0 0 20px;
	background: url(../Images/list_arrow.gif) no-repeat;
	background-position: 0 .5em;
}

.arrow03 li
	{
	list-style: none;
	text-align: left;
	margin: 5px 0 5px 0;
	padding: 0;
	padding: 3px 0 0 20px;
	background: url(../Images/list_arrow.gif) no-repeat;
	background-position: 0 .5em;
}

.arrow li ul
	{
	list-style: none;
}

.lightbl
	{
	border: 0px solid #416A87;
	background: #DFF0F6;
	font-size: 10px;
	text-align:center;
}

.arrowfloat
	{
	text-align: left;
	list-style: none;
	float: left;
	margin: 0 10px 5px 0;
	padding: 0;
	clear: both;
}

.arrowfloat li
	{
	padding: 3px 0 0 20px;
	background: url(../Images/list_arrow.gif) no-repeat;
	background-position: 0 .5em;
}

.normal
	{
	list-style-position: inside;
	text-align: left;
	float: left;
	margin: 5px 0;
	padding: 0 0 0 5px;
	clear: both;
}

.normal li
	{
	margin: 5px 0;
}

.normal02
	{
	width: 300px;
	list-style-position: inside;
	text-align: left;
	float: left;
	margin: 5px 0;
	padding: 0 0 0 5px;
}

.normal02 li
	{
	margin: 5px 0;
}

.linespacer
	{
	
	clear: both;
	width: 100%;
	margin: 15px 0;
	float: left;
	height: 10px;
	text-align: center;
	background: url(../Images/line.gif) 50% 0 no-repeat;
}

.clear
	{
	clear: both;
}

.staff
	{
	width: 100%;
	text-align: center;
	float: left;
	clear: both;
}

.staffcont
	{
	width: 33%;
	text-align: center;
	float: left;
	
}

.pdfimages
	{
	width: 100%;
	text-align: center;
	float: left;
	clear: both;
}

.pdfcont
	{
	width: 16.6%;
	text-align: center;
	float: left;
	
}

#maincont .pdfcont p
	{
	float: left;
	width: 100%;
	text-align: center;
}

.bluetxt
	{
	color: #0168b3;
}

.suppliercont
	{
	width: 99%;
	text-align: center;
	float: left;
	clear: both;
}

.suppliers
	{
	border: 1px solid #2277ba;
	height: 185px;
	padding: 2px 0;
	margin: 5px 5px 5px 0;
	background-color: #e2e9f9;
	width: 15.7%;
	text-align: center;
	float: left;
	
}

.suppliers p

	{
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

.threeboxcont
	{
	margin: 0 0 10px 50px;
	width: 500px;
	float: left;
	text-align: center;
	
}

.threebox
	{
	margin: 0 30px 0 0;
	float: left;
}

.indent
	{
	margin-left: 11px;
}

.fourimagesinline div
	{
	width: 20%;
	text-align: center;
	float: left;
}

.fourimagesinline p
	{
	padding: 0;
	margin: 0;
}

#staff img.left {
	border: 1px solid #0061ae;
}

#maincont object {
	width: 780px;
	height: 350px;
	margin: 5px auto;
	display: block;
}

ol.section2 {
	list-style-type: decimal;
}

#casestudy {
	float: left;
	overflow: hidden;
}

#casestudy div {
	width: 265px;
	float: left;
	margin: 5px;
	text-align: center;
	background: #e5f0ff;
	border: 1px solid #0069b3;
}

#casestudy img {
	width: 230px;
	margin-top: 16px;
	border: 1px solid #0069b3;
}

#casestudy p {
	margin: 5px 16px;
	text-align: center;
	font-size: 0.75em;
}

#casestudy a, #casestudy a:link, #casestudy a:visited, #casestudy a:hover {
	color: #0069b3;
}


.casestudyLink a, .casestudyLink a:link, .casestudyLink a:visited, .casestudyLink a:hover {
	color: #0069b3;
}


#featurecontainer { text-align:center;margin-bottom:10px;} 
#featurecontainer .feature {margin:0 auto;background: #e5f0ff;border: 1px solid #0069b3;width:360px;padding:16px;} 

#logcontainer { float:left;width:985px;}
#logcontainer .logoLeft { float:left;width:260px;padding-top:10px;}
#logcontainer .logoRight { float:right;width:241px;}