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

html {
   overflow-y: scroll;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

img, div {
	behavior: url(ie/iepngfix.htc)
}

body {
	background-image: url(images/haste-background.jpg);
	background-repeat: repeat-x;
	background-color: #fbfbfd;
	margin: 0px;
	margin-bottom: 50px;
}

#container {
	width: 910px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;
}

#header {
	width: 910px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(images/haste-header-panel.jpg);
	background-repeat: no-repeat;
	height: 90px;
}

#navigation {
	width: 563px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 26px;
	float: left;
}

#navigationextend {
	width: 337px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 26px;
	float: left;
	background-image: url(images/haste-navigation-background.jpg);
	background-repeat: repeat-x;
	background-color: #c7c8cc;
}

#clearboth {
	clear: both;
}

#navigationend {
	width: 10px;
	height: 26px;
	background-image: url(images/images/haste-navigation-end.png);
	background-repeat: no-repeat;
	float: left;
}

#titlepanel1 {
	width: 910px;
	height: 306px;
	background-image: url(images/haste-title-panel-1.png);
	background-repeat: no-repeat;
	margin-top: 9px;
}
#titlepanelblank {
	width: 910px;
	height: 230px;
	margin-top: 9px;
}
#titlepanelblank2 {
	width: 910px;
	height: 480px;
	margin-top: 9px;
}
#titlepanelextending {
	width: 910px;
	margin-top: 9px;
}
#leftnav {
	width: 144px;
	height: 230px;
	background-image: url(images/haste-left-navigation-background.png);
	background-repeat: no-repeat;
	float: left;
}
#servicesheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-support-services-background.png);
	background-repeat: no-repeat;
	float: left;
}
#customercareheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-customer-care-background.png);
	background-repeat: no-repeat;
	float: left;
}
#casestudiesheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-case-studies-background.png);
	background-repeat: no-repeat;
	float: left;
}
#aboutusheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-about-us-background.png);
	background-repeat: no-repeat;
	float: left;
}
#contactusheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-contact-us-background.png);
	background-repeat: no-repeat;
	float: left;
}
#plannedheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-emergency-planned-work-background.png);
	background-repeat: no-repeat;
	float: left;
}
#repairheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-appliance-repair-maintenance-background.png);
	background-repeat: no-repeat;
	float: left;
}
#reportingheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-investigation-reporting-background.png);
	background-repeat: no-repeat;
	float: left;
}
#specialheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-associated-services-background.png);
	background-repeat: no-repeat;
	float: left;
}
#newsheader {
	width: 620px;
	background-color: #FFFFFF;
	float: left;
}
#newsheaderarticle {
	width: 765px;
	background-color: #FFFFFF;
	float: left;
}
#peopleheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-our-people-background.png);
	background-repeat: no-repeat;
	float: left;
}
#testimonialsheader {
	width: 765px;
	height: 480px;
	background-image: url(images/haste-testimonials-background.jpg);
	background-repeat: no-repeat;
	float: left;
}
#trainingheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-training-background.png);
	background-repeat: no-repeat;
	float: left;
}
#healthheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-sustainability-health-safety-background.png);
	background-repeat: no-repeat;
	float: left;
}
#careersheader {
	width: 620px;
	height: 230px;
	background-image: url(images/haste-careers-background.png);
	background-repeat: no-repeat;
	float: left;
}
#newsitem {
	width: 598px;
	margin-top: 13px;
	margin-left: 22px;
	margin-bottom: 13px;
}
#newsarticlecopy {
	width: 424px;
	margin-left: 56px;
	margin-bottom: 50px;
	float: left;
}
#newsarticleright {
	width: 185px;
	margin-right: 38px;
	margin-top: 10px;
	float: right;
}
#newsitemlast {
	width: 598px;
	margin-top: 13px;
	margin-left: 22px;
	margin-bottom: 25px;
}
#newsdivider {
	margin-left: 22px;
	height: 1px;
	width: 574px;
	background-image: url(images/haste-news-divider.jpg);
	background-repeat: no-repeat;
}
#newsdividerend {
	margin-left: 22px;
	margin-bottom: 50px;
	height: 1px;
	width: 574px;
	background-image: url(images/haste-news-divider.jpg);
	background-repeat: no-repeat;
}
#copydivider {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
	width: 100%;
	background-image: url(images/haste-news-divider.jpg);
	background-repeat: no-repeat;
}
#newsimage {
	width: 82px;
	height: 82px;
	float: left;
}
#casestudyimage {
	width: 28px;
	height: 82px;
	float: left;
}
#partnerimage {
	width: 138px;
	float: left;
}
#newscopy {
	margin-left: 22px;
	width: 460px;
	float: left;
}
#casestudycopy {
	margin-left: 22px;
	width: 510px;
	float: left;
}
#partnercopy {
	width: 430px;
	float: left;
}
#rightadvert {
	width: 137px;
	height: 230px;
	background-image: url(images/haste-right-advert.png);
	background-repeat: no-repeat;
	float: right;
}
#rightadvertcasea {
	width: 137px;
	height: 230px;
	background-image: url(images/haste-right-advert-study-a.png);
	background-repeat: no-repeat;
	float: right;
}
#rightadvertcaseb {
	width: 137px;
	height: 230px;
	background-image: url(images/haste-right-advert-study-b.png);
	background-repeat: no-repeat;
	float: right;
}
#rightadvertcasec {
	width: 137px;
	height: 230px;
	background-image: url(images/haste-right-advert-study-c.png);
	background-repeat: no-repeat;
	float: right;
}
#rightadvertcased {
	width: 137px;
	height: 230px;
	background-image: url(images/haste-right-advert-study-d.png);
	background-repeat: no-repeat;
	float: right;
}
#rightadverttestimonials {
	width: 137px;
	height: 230px;
	background-image: url(images/haste-right-advert-testimonials.png);
	background-repeat: no-repeat;
	float: right;
}
#rightadverttestimonials:hover {
	background-image: url(images/haste-right-advert-testimonials-on.png);
}
#rightadvertnews{
	width: 137px;
	height: 230px;
	background-image: url(images/haste-right-advert-news-item.png);
	background-repeat: no-repeat;
	float: right;
}
#mainbodypanel {
	width: 620px;
	background-color: #FFFFFF;
	margin-left: 144px;
}
#mainbodypanelspace {
	width: 620px;
	background-color: #FFFFFF;
	margin-left: 144px;
	height: 26px;
}
#clearboth {
	clear: both;
}
#mainstories {
	margin-top: 9px;
	width: 910px;
}

#introcopybox {
	margin-top: 199px;
	margin-left: 19px;
	width: 301px;
	position: absolute;
}

#footer {
	margin-top: 24px;
	width: 910px;
	height: 30px;
}
#footermain {
	margin-top: 24px;
	height: 30px;
	margin-left: 22px;
}
#accreds {
	width: 466px;
	height: 37px;
	background-image: url(images/accreditations.png);
	background-repeat: no-repeat;
}
#accredsmain {
	height: 37px;
	width: 566px;
	margin-left: 22px;
	background-image: url(images/accreditations.png);
	background-repeat: no-repeat;
	clear: both;
}

#story1 {
	width: 222px;
	height: 165px;
	float: left;
	background-image: url(images/story1-off.png);
	background-repeat: no-repeat;
}
#story1:hover {
	background-image: url(images/story1.png);
}

#storycopy {
	width: 165px;
	margin-left: 14px;
	margin-top: 14px;
	position: absolute;
}

#logos {
	width: 207px;
	height: 71px;
	margin-left: 5px;
	margin-top: 91px;
	position: absolute;
}

#storycopyalt {
	width: 185px;
	margin-left: 14px;
	margin-top: 14px;
	position: absolute;
}

#story2 {
	margin-left: 9px;
	width: 222px;
	height: 165px;
	float: left;
	background-image: url(images/story2.png);
	background-repeat: no-repeat;
}
#story2:hover {
	background-image: url(images/story2-on.png);
}

#story3 {
	margin-left: 9px;
	width: 222px;
	height: 165px;
	float: left;
	background-image: url(images/story3.png);
	background-repeat: no-repeat;
}
#story3:hover {
	background-image: url(images/story3-on.png);
}

#story4 {
	width: 217px;
	height: 165px;
	float: right;
	background-image: url(images/story4.png);
	background-repeat: no-repeat;
}
#story4:hover {
	background-image: url(images/story4-on.png);
}
#maincopyarea {
	width: 480px;
	margin-left: 22px;
}
#maincopyareaabout {
	width: 510px;
	margin-left: 22px;
}
#leftpanelcopy {
	width: 120px;
	margin-left: 18px;
	margin-top: 15px;
	position: absolute;
}
#leftarrowpos1 {
	position: absolute;
	height: 10px;
	width: 7px;
	margin-left: 6px;
	margin-top: 17px;
	background-image: url(images/haste-left-arrow.png);
	background-repeat: no-repeat;
}
#leftarrowpos2 {
	position: absolute;
	height: 10px;
	width: 7px;
	margin-left: 6px;
	margin-top: 41px;
	background-image: url(images/haste-left-arrow.png);
	background-repeat: no-repeat;
}
#leftarrowpos3 {
	position: absolute;
	height: 10px;
	width: 7px;
	margin-left: 6px;
	margin-top: 79px;
	background-image: url(images/haste-left-arrow.png);
	background-repeat: no-repeat;
}
#leftarrowpos4 {
	position: absolute;
	height: 10px;
	width: 7px;
	margin-left: 6px;
	margin-top: 118px;
	background-image: url(images/haste-left-arrow.png);
	background-repeat: no-repeat;
}
#leftarrowpos5 {
	position: absolute;
	height: 10px;
	width: 7px;
	margin-left: 6px;
	margin-top: 169px;
	background-image: url(images/haste-left-arrow.png);
	background-repeat: no-repeat;
}
#leftarrowpos6 {
	position: absolute;
	height: 10px;
	width: 7px;
	margin-left: 6px;
	margin-top: 65px;
	background-image: url(images/haste-left-arrow.png);
	background-repeat: no-repeat;
}
#leftarrowpos7 {
	position: absolute;
	height: 10px;
	width: 7px;
	margin-left: 6px;
	margin-top: 88px;
	background-image: url(images/haste-left-arrow.png);
	background-repeat: no-repeat;
}
#leftarrowpos8 {
	position: absolute;
	height: 10px;
	width: 7px;
	margin-left: 6px;
	margin-top: 127px;
	background-image: url(images/haste-left-arrow.png);
	background-repeat: no-repeat;
}
#leftarrowpos9 {
	position: absolute;
	height: 10px;
	width: 7px;
	margin-left: 6px;
	margin-top: 156px;
	background-image: url(images/haste-left-arrow.png);
	background-repeat: no-repeat;
}
#leftarrowpos10 {
	position: absolute;
	height: 10px;
	width: 7px;
	margin-left: 6px;
	margin-top: 44px;
	background-image: url(images/haste-left-arrow.png);
	background-repeat: no-repeat;
}
#rightpanelcopy {
	width: 112px;
	margin-left: 12px;
	margin-top: 15px;
	position: absolute;
}
#rightpanelcopymore {
	width: 120px;
	margin-left: 10px;
	margin-top: 15px;
	position: absolute;
}
#rightpanelcopytestimonials {
	width: 112px;
	margin-left: 12px;
	margin-top: 85px;
	position: absolute;
}
#contactleftbox {
	width: 285px;
	margin-left: 22px;
	margin-top: 8px;
	margin-bottom: 15px;
	float: left;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	border-right-style: solid;
}
#contactleftbox2 {
	width: 285px;
	margin-left: 22px;
	margin-top: 8px;
	float: left;
}
#contactleftcopy {
	width: 165px;
	float: left;
}
#contactrightcopy {
	width: 80px;
	margin-right: 20px;
	float: right;
}




a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #00A4E4;
	text-decoration: none;
}
a:active {
	color: #666666;
	text-decoration: none;
}
a {
	font-family: Arial, Helvetica, sans-serif;
}


a.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.blue:link {
	color: #00A4E4;
	text-decoration: none;
}
a.blue:visited {
	color: #00A4E4;
	text-decoration: none;
}
a.blue:hover {
	color: #666666;
	text-decoration: none;
}
a.blue:active {
	color: #00A4E4;
	text-decoration: none;
}

a.dblue {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.dblue:link {
	color: #002d64;
	text-decoration: none;
}
a.dblue:visited {
	color: #002d64;
	text-decoration: none;
}
a.dblue:hover {
	color: #666666;
	text-decoration: none;
}
a.dblue:active {
	color: #002d64;
	text-decoration: none;
}

a.white {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.white:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:hover {
	color: #00A4E4;
	text-decoration: none;
}
a.white:active {
	color: #FFFFFF;
	text-decoration: none;
}

a.whitenav {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
a.whitenav:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.whitenav:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.whitenav:hover {
	color: #333333;
	text-decoration: none;
}
a.whitenav:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.bluemainnav {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
a.bluemainnav:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.bluemainnav:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.bluemainnav:hover {
	color: #333333;
	text-decoration: none;
}
a.bluemainnav:active {
	color: #FFFFFF;
	text-decoration: none;
}
.introtext {
	line-height: 18px;
	letter-spacing: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.storytext {
	line-height: 16px;
	letter-spacing: 0px;
	color: #6a747c;
	font-weight: bold;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.introcopy {
	line-height: 17px;
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.mainheading {
	line-height: 19px;
	color: #6a747c;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.bullets {
	line-height: 18px;
	color: #6a747c;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.secondheading {
	line-height: 18px;
	color: #6a747c;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
}
.mainbodycopy {
	line-height: 17px;
	color: #6a747c;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 8px;
}
.mainbodycopyextra {
	line-height: 17px;
	color: #6a747c;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.mainbodycopystory {
	line-height: 17px;
	color: #6a747c;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 4px;
}
.mainbodycopycaption {
	line-height: 17px;
	color: #6a747c;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 18px;
}
.newsheading {
	line-height: 17px;
	color: #6a747c;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
}
.newsheadingbig {
	line-height: 32px;
	color: #00A4E4;
	font-size: 30px;
	margin-top: 0px;
	margin-bottom: 25px;
}
.hasteblue {
	color: #00a4e4;
	font-size: 12px;
}
.hastebluebig {
	color: #00a4e4;
	font-size: 15px;
}
.hastedbluebig {
	color: #002d64;
	font-size: 15px;
}
.whitecopy {
	color: #FFFFFF;
	font-size: 13px;
	margin-top: 0px;
	line-height: 14px;
	margin-bottom: 10px;
}
.bluemainnav {
	color: #FFFFFF;
	font-size: 13px;
	margin-top: 0px;
	line-height: 14px;
	margin-bottom: 10px;
}
.greycopy {
	color: #6a747c;
	font-size: 13px;
	margin-top: 0px;
	line-height: 14px;
	margin-bottom: 2px;
}
.greybodycopy {
	color: #6a747c;
	font-size: 11px;
	margin-top: 0px;
	line-height: 14px;
	margin-bottom: 5px;
}
.smallwhitetext {
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 18px;
}