* {	margin: 0;
	padding: 0;
}
body					{background-color:#004b91; color:#004b91; text-align:centre; width:100%; margin:0; font-family:arial;}
#bigwrap				{background:#FFF repeat-y url(images/innerbg.gif); margin:0 auto; width:950px; padding-bottom:0px; position:relative; background-position:-1px 0px;}
#header					{background:no-repeat url(images/newtopleft.jpg); margin:0 0 0 0px; padding-left:56px;  z-index:300; position:relative; width:890px; height:100px;  }
#logo					{background:no-repeat url(images/hindmarshplumbinglogo.jpg); margin:0; margin:0; padding:0; width:145px; height:81px; position:absolute; left:150px; top:0; z-index:200;}

ul#navigation				{list-style:none; background:no-repeat url(images/navbg.gif) top left; margin:0 0 0 59px; width:722px;  height:100px; margin-left:250px!important; z-index:10; padding-rigth:0; padding-top:0; float:left; margin-left:125px;}
ul#navigation li		{ width:90px!important; padding:0; float:left; display:block; list-style:none; display:block; font-size:9px; text-transform:uppercase; color:#FFF; margin:0 -7px 0 0px; text-align:center; text-decoration:none; display:block;  }
ul#navigation li a		{background:no-repeat url(images/nav.gif); width:90px!important; padding:22px 13px 2px 0px; float:left; display:block; list-style:none; display:block; font-size:9px; text-transform:uppercase; color:#FFF; margin:0 -20px 0 0px; text-align:center; text-decoration:none; display:block;   }
ul#navigation li a:hover	{background:no-repeat url(images/nav_hover.gif); }

#homenav				{font-size:9px; position:absolute; right:100px; top:45px; }
#homenav a				{ background:no-repeat url(images/home-icon.gif); padding-left:14px;  text-decoration:none; color:#004b91;}
.hidetext				{display:none;}
#main					{background: no-repeat url(images/genericbg.jpg)  482px 0; margin-top:-60px; margin-left:0px; padding-top:100px; border-right:1px solid #eee;}
ul#subnav				{list-style:none; width:160px; background:#FFF; margin-left:0px; padding:10px 5px 10px 9px; float:left; font-size:9px; text-transform:uppercase; }
ul#subnav li			{list-style:none; margin:0; padding:1px 3px 0 24px; vertical-align:middle; background: #fff url(images/subnav-button.jpg) no-repeat; height:19px; line-height:9px;  color:#FFF; margin-bottom:10px; position:relative; }
ul#subnav li a			{text-decoration:none; position:absolute; bottom:1px; width:108px;height:18px;width:108px; padding-right:10px;}
ul#subnav li:hover		{ background: #004b91 url(images/subnav-button_hover.jpg) no-repeat;}
#subnav a				{color:#FFF;}
#content				{width:380px; padding-right:135px; padding-left:20px; margin-left:180px; font-size:12px; margin-bottom:0; padding-bottom:100px;padding-top; z-index:20; min-height:500px; display:block;  }
#footer					{width:776px; background:#a7a9ac; margin-left:89px; color:#EEE; font-size:10px; height:20px; padding:10px; text-align:center; border-bottom:40px solid #FFF;}
#image					{background: no-repeat bottom right; width:433px; display:block; left:450px; float:left; position:absolute; bottom:80px;  height:473px; z-index:0; padding:0; }


.typography  h1			{margin-left:-20px; font-size:15px; margin-bottom:4px;}
.typography  h2,.typography  th	{margin-left:0px; font-size:11px; margin-bottom:4px; margin-top:2ex; text-align:left;}
.typography  h3			{margin-left:0px; font-size:12px; margin-bottom:1px; margin-top:2ex; text-align:left;}
.typography p			{margin:2ex 1ex;}
.contact .typography  p	{margin:0 1ex 0.5ex 1ex;}
.typography ul			{margin-left:3.5ex; display:block; }
.typography li			{margin:1ex 0;}
.typography li.tt		{list-style:none; margin-left:-2.2ex;}
.typography img			{float:right; padding-left:20px;}
.typography td, th		{padding:0.5ex 1ex; text-align:left;}
.typography iframe			{float:right; left:510px; display:block; position:absolute; z-index:1000;}
.typography a			{color:#222; text-decoration:none;}
.typography a:hover		{text-decoration:underline;}

.cmi_projects .typography ul,			
.key_projects .typography ul			
{margin-left:0; display:block; overflow:hidden; margin-bottom:20px; padding:0; width:600px;}

.construction .typography img			{float:none; margin-right:0; padding-left:1ex; max-width:250px;}

.cmi_projects .typography li,
.key_projects .typography li 			{list-style:none; float:left; width:180px; margin-rigth:20px; margin-left:20px; display:block; } 

.key_projects #content,
.current_projects #content, 
.past_projects #content					{width:610px; margin-bottom:0; padding-bottom:20px; padding-right:0;}

.cmi_projects .typography img,
.key_projects .typography img			{max-width:150px;}


.current_projects .typography p,
.past_projects .typography p			{width:400px;}


/*CURRENT NAVIGATION */
.about ul#navigation li#about a,
.design ul#navigation li#design a,
.construction ul#navigation li#construction a,
.service ul#navigation li#service a,
.hydrojet ul#navigation li#hydrojet a,
.employment ul#navigation li#employment a,
.contact ul#navigation li#contact a
{background:no-repeat url(images/nav_hover.gif); }


/*CURRENT SUB-NAVIGATION */
.insurance ul#subnav li#insurance,
.licences ul#subnav li#licences,
.industry_participation ul#subnav li#industry_participation,
.awards ul#subnav li#awards,
.quality ul#subnav li#quality,
.safety ul#subnav li#safety,

.capabilities ul#subnav li#capabilities,
.current_projects ul#subnav li#current_projects,
.key_projects ul#subnav li#key_projects,
.past_projects ul#subnav li#past_projects,
.cmi_projects ul#subnav li#cmi_projects,
.preventative ul#subnav li#preventative,
.water_saving_intiatives ul#subnav li#water_saving_intiatives,
.tmv ul#subnav li#tmv,
.backflow ul#subnav li#backflow,
.wws ul#subnav li#wws,
.legionella ul#subnav li#legionella,
.sustainable ul#subnav li#sustainable,

#main.apply ul#subnav li#apply,
#main.apprenticeships ul#subnav li#apprenticeships,
#main.employment ul#subnav li#employment




{ background: #004b91 url(images/subnav-button_hover.jpg) no-repeat;}




.about #image			{background: url(images/aboutusIMAGE.gif) no-repeat bottom right;}
.insurance #image		{background: url(images/insuranceIMAGE.gif) no-repeat bottom right; }
.licences #image		{background: url(images/licensesIMAGE.gif) no-repeat bottom right; }
.awards #image			{background: url(images/awardsIMAGE.gif) no-repeat bottom right; }
.industry_participation #image		{background: url(images/industry_participationIMAGE.gif) no-repeat bottom right; }
.design #image			{background: url(images/designIMAGE.png)  no-repeat bottom right;}
.construction #image	{background: url(images/constructionIMAGE.gif) no-repeat bottom right;}
.service #image		{background: url(images/servicesIMAGE.gif) no-repeat bottom right;}
.employment #image		{background: url(images/employmentIMAGE.gif)  no-repeat bottom right;}
.contact #image		{background: url(images/contactusIMAGE.gif) no-repeat bottom right;}
.hydrojet #image		{background: url(images/hydrojetIMAGE.gif)  no-repeat bottom right;}
.preventative #image			{background: url(images/preventativeIMAGE.png) no-repeat bottom right;}
.tmv #image			{background: url(images/tmvIMAGE.gif) no-repeat bottom right;}
.water_saving_intiatives #image {background: url(images/water_saving_intiativesIMAGE.gif) no-repeat bottom right;}
.service .capabilities #image {background: url(images/servicecapabilitiesIMAGE.gif) no-repeat bottom right;}
.backflow #image {background: url(images/backflowIMAGE.png) no-repeat bottom right;}
.legionella #image {background: url(images/legionellaIMAGE.gif) no-repeat bottom right;}
.quality #image		{background: url(images/qualityIMAGE.gif) no-repeat bottom right;}
.safety #image		{background: url(images/safetyIMAGE.gif) no-repeat bottom right;}
.sustainable #image		{background: url(images/sustainableIMAGE.gif) no-repeat bottom right;}
.current_projects #image			{background: url(images/current_projectsIMAGE.gif) no-repeat bottom right;}
.wws #image			{background: url(images/wwsIMAGE.png) no-repeat bottom right;}
.apply #image			{background: url(images/applyIMAGE.gif) no-repeat bottom right; width:290px; left:593px;}
.apprenticeships #image			{background: url(images/apprenticeIMAGE.gif) no-repeat bottom right;}
.construction .capabilities #image {background: url(images/capabilitiesIMAGE.png) no-repeat bottom right;}



.hiddenDiv {
	display: none;
	}
.visibleDiv {
	display: table-row;
	border: 1px grey solid;
	}