#hwlog3d
{
  top: 0px;
  left: 0px;
}

#hdnapps	{display: none}

body, html	{margin: 0px;
		 padding: 0px;
		 background-color: #EEEDED;
		 height: 100%}

body		{font-size: 62.5%;
		 text-align: center}

a:link { color: #4498D3; text-decoration : none;} 
a:visited { color: #4498D3; text-decoration : none;}
a:hover { color: #000000; text-decoration : underline;} 

a img		{border: none}

div.central	{width: 771px;
		 height: 100%;
		 border-left: solid 1px #B5C3C5;
		 border-right: solid 1px #B5C3C5;
		 text-align: left;
		 margin-bottom: 10px;
		 background-color: #F6F6FB;
		 position: relative}

div#contdet	{height: 5em;
		 width: 52em}

div#contdet p	{font: normal 0.9em Verdana, Helvetica, sans-serif;
		 color: #5C5C5C;
		 width: 25em}

div#banner	{width: 771px;
		 height: 73px;
		 background-image: url("hytech_water_bg.png");
		 background-repeat: no-repeat;
		 border-bottom: solid 1px #B5C3C5;
		 position: relative;
		 top: 4.5em;
		 margin-bottom: 4.5em;
		 padding-top: 17px;
		 overflow: hidden}

div.transbanner	{width: 771px;
		 height: 73px;
		 background-image: url("hytech_water_transbg.png");
		 background-repeat: no-repeat;
		 border-bottom: solid 1px #B5C3C5;
		 position: relative;
		 top: 4.5em;
		 margin-bottom: 4.5em;
		 padding-top: 17px;
		 overflow: hidden}

h1		{color: #4498D3;
		 font: normal 30px Verdana, Helvetica, sans-serif;
		 position: relative;
		 left: 239px;
		 top: 7px}

h2		{color: #000000;
		 font: normal 1.5em Arial, Helvetica, sans-serif}

h2 a.darkij	{color: #000000;
		 text-decoration: none}

h3		{color: #000000;
		 text-decoration : none}

h4		{margin-bottom: 0.4em;
		 color: #4498D3;
		 font-size: 1.1em}

span#strapline	{color: #000000;
		 font-size: 9px;
		 font-weight: 700;
		 font-family: Verdana, Helvetica, sans-serif;
		 position: relative;
		 left: 170px;
		 letter-spacing: -0.3px}

span#strapline span	{color: #6A6B6A;
			 margin-left: 4px}

ul#lnx		{display: inline;
		 list-style: none}

ul#lnx li	{display: inline-block;
		 display: -moz-inline-box;
		 height: 2em;
		 border-left: solid 1px #AEBCC5;
		 padding: 0px;
		 text-align: center;
		 background-color: #F6F6FB}

ul#lnx li:first-child	{border-left: solid 0px #AEBCC5}
		 

ul#lnx li a		{display: inline-block;
		 	 display: -moz-inline-box;
			 padding-left: 5px;
			 padding-right: 5px;
			 padding-bottom: 2px;
			 margin: 0px;
			 text-align: center}
			 
ul#lnx li:first-child a	{padding-left: 7px}

ul.lnk li a:link	{font: normal 1.4em Verdana, Helvetica, sans-serif;
			 color: #787878;
			 text-decoration : none} 
ul.lnk li a:visited	{font: normal 1.4em Verdana, Helvetica, sans-serif;
			 color: #787878;
			 text-decoration : none}
ul.lnk li a:hover	{font: normal 1.4em Verdana, Helvetica, sans-serif;
			 color: #FFFFFF;
			 background-color: #AEBCC5} 

li#apphldr		{height: 6.2em}

ul#apps			{display: block;
			 width: 16.7em;
			 padding-left: 0px;
			 padding-top: 0px;
			 border-left: solid 1px #AEBCC5;
			 border-right: solid 1px #AEBCC5;
			 margin-top: 0px;
			 margin-left: 15.9em;
			 position: absolute;
			 z-index: 20;
		 	 background-color: #F6F6FB;
		 	 visibility: hidden;
		 	 -moz-opacity:0;
          	 	 opacity: 0;
          	 	 -khtml-opacity: 0}

ul#apps li		{display: block;
			 width: 15.7em;
			 border-bottom: solid 1px #AEBCC5;
			 padding: 4px;
			 padding-left: 0px;
			 padding-right: 10px;
			 padding-top: 0px;
			 height: 1.6em;
		 	 text-align: left}

ul#apps li a		{height: 1.4em;
		 	 margin: 0px;
		 	 padding-right: 1px;
		 	 padding-left: 5px;
			 width: 11.5em;
			 display: inline-block;
			 display: -moz-inline-box}

ul#apps li#rbrdr	{width: 8.4em;
			 height: 0px}

a.email			{margin-right: 5px}

a.email:link		{font: normal 1.4em Verdana, Helvetica, sans-serif;
			 color: #787878;
			 text-decoration : none} 
a.email:visited		{font: normal 1.4em Verdana, Helvetica, sans-serif;
			 color: #787878;
			 text-decoration : none}
a.email:hover		{font: normal 1.4em Verdana, Helvetica, sans-serif;
			 text-decoration : underline} 

.mid		{margin-left: auto;
		 margin-right: auto}

.lefthir	{float: left;
		 width: 40%}

.tar		{text-align: right}

.tam		{text-align: center}

.padr		{padding-right: 5px}

.email		{font: normal 1.2em Arial, Helvetica, sans-serif}

.contfont	{border-left: solid 1px #B5C3C5;
		 border-right: solid 1px #B5C3C5;
		 width: 755px;
		 margin-top: 40px;
		 font: normal 1.2em Arial, Helvetica, sans-serif;
		 color: #5C5C5C;
		 position: relative;
		 right: 1px;
		 background-color: #F6F6FB;
		 padding-left: 8px;
		 padding-right: 8px;
		 text-align: left}

.col		{text-align: center;
		 width: 240px;
		 min-height: 470px;
		 position: relative}

.col h2		{margin-top: 5px}

.col p		{width: 204px;
		 line-height: 1.42em;
		 text-align: justify;
		 padding-left: 18px;
		 padding-right: 22px;
		 margin-top: -6px}

#leacol		{background-image: url("leacolbg.png");
		 background-repeat: repeat-y;
		 margin-left: 4px}

#meacol		{background-image: url("meacolbg.png");
		 background-repeat: repeat-y;
		 margin-right: 4px}

#compcol	{background-image: url("compcolbg.png");
		 background-repeat: repeat-y}

.nomarpad	{padding: 0px;
		 margin: 0px}

.rothold	{width: 240px;
		 height: 169px}


.nodisp		{display: none}

.bzi		{position: relative;
		 z-index: 2}

.up		{position: relative;
		 bottom: 168px;
		 margin-top: -0.3em}

.szi		{position: relative;
		 z-index: 1}

.fdimg		{-moz-opacity: 0;
          	 opacity: 0;
          	 -khtml-opacity: 0}

.imgloc		{position: relative;
		 bottom: 1.5em;
		 font: normal 0.9em Verdana, Helvetica, sans-serif;
		 color: #FFFFFF;
		 background-color: #000000;
		 -moz-opacity: 0.7;
          	 opacity: 0.7;
          	 -khtml-opacity: 0;
          	 z-index: 2;
          	 padding-left: 2px;
          	 padding-right: 2px}

.fl		{float: left}

.fr		{float: right}

.cll		{clear: left}

.clr		{clear: right}

.clrb		{clear: both;
		 width: 10%}

.tbrdr		{border-top: solid 1px #B5C3C5}

#galldiv	{-moz-opacity: 0;
          	 opacity: 0;
          	 -khtml-opacity: 0;
          	 position: relative;
		 visibility: hidden}

div#repdate p	{line-height: 18px;
		 position: relative;
		 z-index: 3}

div.clilog	{width: 340px;
		 margin-left: 10px;
		 clear: right;
		 margin-bottom: 1.4em;
		 position: relative;
		 z-index: 10}

#sb0		{height: 58px;
		 width: 2px;
		 float: right;
		 margin-right: -2px}


a#compassoc	{position: relative;
		 right: 10px;
		 top: 10px}

.posa		{position: absolute}

div#asb0	{height: 93px;
		 width: 195px;
		 float: left}
		 
div#asb1	{height: 23px;
		 width: 110px;
		 float: left;
		 clear: left}

.hlf		{width: 48%}

.hlf a		{position: relative}

.taj		{text-align: justify}

.imgbot		{position: absolute;
		 bottom: 0px;
		 left: 0px}

.hhgg		{position: absolute;
		 bottom: 15px;
		 left: 50px;
		 z-index: 20}

#contact_name		{width: 200px;
		 border-width: 0px;
		 border-bottom: solid 1px #4498D3;
		 background-color: transparent}

#email		{width: 200px;
		 margin-top: -4px;
		 border-width: 0px;
		 border-bottom: solid 1px #4498D3;
		 background-color: transparent}

#Organisation	{width: 200px;
		 margin-top: -4px;
		 border-width: 0px;
		 border-bottom: solid 1px #4498D3;
		 background-color: transparent}

#Query		{width: 270px;
		 margin-top: -4px;
		 border-width: 0px;
		 border-bottom: solid 1px #4498D3;
		 border-top: solid 1px #4498D3;
		 background-color: transparent;
		 margin-left: 4em;
		 margin-top: -1em}

.bplef		{padding-left: 30px;
		 width: 290px;
		 margin-top: 5px}

.mrig		{position: relative;
		 left: 280px;
		 margin-top: 40px}


#queryform	{margin-top: 50px}

form p		{margin-top: 0px}

label		{margin-right:14px}

table#proj	{width: 85%;
		 margin-left: 5%}

table#proj th 	{padding-right: 5%;
		 font-weight: normal}

#gallimgholder  {height: auto;
		 text-align: center}

#gallimgholder  img {clear: left}