@charset "utf-8";
/* -- RESET CODE -- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ----- basics ----- */
p
{
	margin: 15px 0;
}
.noBorder
{
	border: none !important;
}
.noBullet
{
	padding: 3px 0 5px 0 !important;
	background: none !important;
}
.siteClear
{
	clear: both !important;
}
body
{
	font-family: Verdana, Arial;
	background-color: #ECEFF5;
}
#container
{
	width: 100%;
	min-height: 674px;
	padding: 16px 0 0 0;
	background: #E4E8F1 url(images/bgTile.jpg) left top repeat-x;
}
#containerInner
{
	margin: 0 auto 0 auto;
	width: 978px;
	min-height: 620px;
	background: transparent url(images/headerBg.jpg) left top no-repeat;
}
/* ----- header area ----- */
#headerArea
{
	position: relative;
	width: 844px;
	height: 130px;
}
#headerArea #logo
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 250px;
	height: 130px;
}
#headerArea #qlinks
{
	position: absolute;
	width: 339px;
	height: 130px;
	left: 470px;
	top: 0px;
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 0.7em;
	line-height: 1.2em;
	color: #FFFFFF;
	background: #ECEFF5 url(images/qLinksBg.jpg) left top no-repeat;
}
#headerArea #qlinks ul
{
	float: left;
	width: 151px;
}
#headerArea #qlinks ul li
{
	width: 140px;
	border-bottom: 1px solid #B7C2DB;
	padding: 3px 0 5px 15px;
	background: transparent url(images/bulletsU.png) left top no-repeat;
	background-position: 0 5px;
}
#headerArea #qlinks ul li:hover
{
	background: transparent url(images/bulletsO.png) left top no-repeat;
	background-position: 0 5px;
}
#headerArea #qlinks ul li a
{
	color: #FFFFFF;
	text-decoration: none;
}
#headerArea #qlinks ul li.on
{
	background: transparent url(images/bulletsO.png) left top no-repeat;
	background-position: 0 6px;
}
#headerArea #qlinks ul li a:hover
{
	text-decoration: underline;
}
#headerArea #qlinks ul li.qLinksTel
{
	font-weight: bold;
	font-size: 1.10em;
	line-height: 1.5em;
	padding: 3px 0 0 7px !important;
}
/* ----- body area ----- */
#bodyArea
{
	clear: both;
	width: 844px;
	background: transparent url(images/copyTile.jpg) left top repeat-y;
}
#bodyArea .bgImg
{
	margin: 0 0 0 22px;
	width: 800px;
	height: 57px;
	background: transparent url(images/pageImgBg.jpg) left top no-repeat;
}
.aboutBG,
.fleetBG
{
	background: transparent url(images/pageImgBg_About.jpg) left top no-repeat !important;
}
.recyclingBG
{
	background: transparent url(images/pageImgBg_Recycling.jpg) left top no-repeat !important;
}
.servicesBG
{
	background: transparent url(images/pageImgBg_Services.jpg) left top no-repeat !important;
}
.genericBG
{
	background: transparent url(images/pageImgBg_Generic.jpg) left top no-repeat !important;
}
#bodyArea .bgImgSitePrep
{
	background: transparent url(images/pageImgBgSitePrep.jpg) left top no-repeat;
}
#bodyArea .bgImg h1.hdrHaulage,
#bodyArea .bgImg h1.hdrRecycling,
#bodyArea .bgImg h1.hdrEarthworks,
#bodyArea .bgImg h1.hdrCivil,
#bodyArea .bgImg h1.hdrGround,
#bodyArea .bgImg h1.hdrAbout,
#bodyArea .bgImg h1.hdrAccreditations,
#bodyArea .bgImg h1.hdrLocation,
#bodyArea .bgImg h1.hdrFleet,
#bodyArea .bgImg h1.hdrServices,
#bodyArea .bgImg h1.hdrCase,
#bodyArea .bgImg h1.hdrGallery,
#bodyArea .bgImg h1.hdrContact
{
	position: relative;
	font-size: 1.7em;
	line-height: 1.7em;
	font-weight: bold;
	color: #FFF;
	margin: 0 0 0 12px;
	top: 8px;
	text-indent: -4000px;
	height: 57px;
}
#bodyArea .bgImg h1.hdrHaulage
{
	background: transparent url(images/hdrHaulage.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrRecycling
{
	background: transparent url(images/hdrRecycling.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrEarthworks
{
	background: transparent url(images/hdrEarthworks.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrCivil
{
	background: transparent url(images/hdrCivil.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrGround
{
	background: transparent url(images/hdrGround.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrAbout
{
	background: transparent url(images/hdrAbout.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrAccreditations
{
	background: transparent url(images/hdrAccreditations.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrLocation
{
	background: transparent url(images/hdrLocations.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrFleet
{
	background: transparent url(images/hdrFleet.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrServices
{
	background: transparent url(images/hdrServices.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrCase
{
	background: transparent url(images/hdrCase.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrGallery
{
	background: transparent url(images/hdrImage.png) left top no-repeat;
}
#bodyArea .bgImg h1.hdrContact
{
	background: transparent url(images/hdrContact.png) left top no-repeat;
}
#bodyAreaNav
{
	height: 67px;
}
#bodyAreaNav a
{
	float: left;
}
#bodyAreaNav a.haulageImg
{
	width: 182px;
	height: 67px;
	text-indent: -4000px;
	background: transparent url(images/btnHaulageUA.jpg) left top no-repeat;
}
#bodyAreaNav a.haulageImg:hover,
#bodyAreaNav a.haulageImgOn
{
	width: 182px;
	height: 67px;
	text-indent: -4000px;
	background: transparent url(images/btnHaulageUA.jpg) right top no-repeat;
}
#bodyAreaNav a.recyclingImg
{
	width: 160px;
	height: 67px;
	text-indent: -4000px;
	background: transparent url(images/btnRecyclingUA.jpg) left top no-repeat;
}
#bodyAreaNav a.recyclingImg:hover,
#bodyAreaNav a.recyclingImgOn
{
	width: 160px;
	height: 67px;
	text-indent: -4000px;
	background: transparent url(images/btnRecyclingUA.jpg) right top no-repeat;
}
#bodyAreaNav a.earthworksImg
{
	width: 160px;
	height: 67px;
	text-indent: -4000px;
	background: transparent url(images/btnEarthworksUA.jpg) left top no-repeat;
}
#bodyAreaNav a.earthworksImg:hover,
#bodyAreaNav a.earthworksImgOn
{
	width: 160px;
	height: 67px;
	text-indent: -4000px;
	background: transparent url(images/btnEarthworksUA.jpg) right top no-repeat;
}
#bodyAreaNav a.civilImg
{
	width: 160px;
	height: 67px;
	text-indent: -4000px;
	background: transparent url(images/btnCivilUA.jpg) left top no-repeat;
}
#bodyAreaNav a.civilImg:hover,
#bodyAreaNav a.civilImgOn
{
	width: 160px;
	height: 67px;
	text-indent: -4000px;
	background: transparent url(images/btnCivilUA.jpg) right top no-repeat;
}
#bodyAreaNav a.greenImg
{
	width: 182px;
	height: 67px;
	text-indent: -4000px;
	background: transparent url(images/btnGreenUA.jpg) left top no-repeat;
}
#bodyAreaNav a.greenImg:hover,
#bodyAreaNav a.greenImgOn
{
	width: 182px;
	height: 67px;
	text-indent: -4000px;
	background: transparent url(images/btnGreenUA.jpg) right top no-repeat;
}
#bodyAreaNav .greenImgNew
{
	float: left;
	width: 182px;
	height: 67px;
	text-indent: -4000px;
	background: transparent url(images/btnGreenUA.jpg) left top no-repeat;
}
#navCopy
{
	width: 780px;
	height: 307px;
	margin: 0 0 0 22px;
	padding: 0 0 0 20px;
	background: transparent url(images/upperNav_1.jpg) left top no-repeat;
}
#navCopy .navCopy1
{
	float: left;
	width: 760px;
	margin: 13px 0 0 0;
}
#navCopy .navCopy1 h2
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px 0;
	display: block;
	color: #CC6600;
}
#navCopy .navCopy2
{
	float: right;
	width: 300px;
	margin: 10px 20px 0 0;
}
#navCopy ul.list1,
#navCopy ul.list2
{
	float: left;
	width: 365px;
	margin: 0 0 0 0;
}
#navCopy ul.list1
{
	margin: 0 30px 0 0;
}
#navCopy ul.list1 li,
#navCopy ul.list2 li
{
	padding: 4px 0;
	border-bottom: 1px solid #B8C3DB;
}
#bodyAreaCopy
{
	min-height: 440px;
	color: #243078;
	font-size: 0.7em;
	line-height: 1.5em;
	padding: 0 0 0 0;
	background: transparent url(images/copyInner.jpg) left top no-repeat;
}
#bodyAreaCopy a
{
	color: #243078;
}
#bodyAreaCopy a:hover
{
	color: #CC6600;
}
#bodyAreaCopy .copyCol1
{
	float: left;
	width: 380px;
	margin: 10px 0 0 0;
	padding: 0 0 10px 40px;
}
h1#hdrHome
{
	width: 760px;
	margin: 15px 0 -10px 40px;
	font-size: 1.4em;
}
#bodyAreaCopy .copyCol1 h1
{
	font-size: 1.2em;
}
#bodyAreaCopy .copyCol1 ul
#bodyAreaCopy .copyCol2 ul
{
	margin: 0 0 0 20px;
}
#bodyAreaCopy .copyCol1 ul li,
#bodyAreaCopy .copyCol2 ul li
{
	margin: 4px 0;
	padding: 0 0 0 15px;
	background: transparent url(images/bullets1U.png) left top no-repeat;
	background-position: 0 5px;
}
#bodyAreaCopy .copyCol2
{
	float: left;
	width: 375px;
	margin: 10px 0 0 15px;
	padding: 0 0 10px 0;
}
#bodyAreaCopy .copyColWide
{
	float: left;
	clear: both;
	width: 760px;
	margin: 10px 0 20px 0;
	padding: 0 0 0 40px;
}
/* ----- footer ----- */
#footer
{
	clear: both;
	width: 100%;
	height: 63px;
	background-color: #C1CBDF;
	border-bottom: 1px solid #999;
}
#footerInnerO
{
	width: 978px;
	margin: 0 auto 0 auto;
}
#footerInner
{
	width: 844px;
	min-height: 63px;
	margin: 0 0 0 0;
	background: #C1CBDF url(images/footerVTile.jpg) left top repeat-y;
}
#footerInner #copy
{
	float: left;
	width: 207px;
	margin: 0 0 0 0;
	padding: 8px 0 10px 43px;
	color: #243078;
	font-size: 0.7em;
	line-height: 1.4em;
}
#footerInner #logos
{
	float: right;
	width: 500px;
	padding: 15px 40px 0 0;
	text-align: right;
}
/* Contact Page */
fieldset#contactForm
{
	margin: 15px 0 0 0;
	padding: 0 12px 0 0;
}
fieldset#contactForm legend
{
	font-weight: bold;
}
fieldset#contactForm label
{
	float: left;
	clear: left;
	width: 150px;
	height: 22px;
	padding: 3px 0 0 0;
	margin: 0 0 5px 0;

}
fieldset#contactForm input.tbox 
{
	float: right;
	clear: right;
	width: 200px;
	margin: 0 0 10px 0;
}
fieldset#contactForm .mlbox 
{
	float: right;
	clear: right;
	width: 200px;
	margin: 0 0 10px 0;
}
fieldset#contactForm label.contactLabel
{
	float: left;
	clear: left;
	width: 150px;
}
fieldset#contactForm .submit
{
	float: right;
	clear: right;
	margin: 5px 10px 0 0;
}
#map
{
	height: 300px !important;
	border: 1px solid #243078;
}
/* Gallery */
#gallery {position:relative; width:686px;padding: 0 0 10px 40px;}
#imagearea{height: 359px;padding: 21px 0 0 43px;background: transparent url(images/galleryMain.jpg) left top no-repeat;}
#images {height:225px; margin-bottom:20px}
#image {position:relative; width:603px; height:336px; padding:0px; background:transparent url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:0px; left:0px}
#thumbwrapper {margin-top:1px; padding:22px 0 0 39px; width:647px; height:73px;background: transparent url(images/galleryFtr.jpg) left top no-repeat;}
#thumbarea {position:relative; overflow:hidden; height:50px; width:610px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:50px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:336px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:-4px; background:url(images/left.gif) left center no-repeat;}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:-3px; background:url(images/right.gif) right center no-repeat;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
/* locations styles*/
ul.gmapLocations
{
	float: left;
	width: 300px;
	margin: 10px 10px 10px 0;
	padding: 0 0 0 40px
}
ul.gmapLocations li
{
	min-height: 27px;
	padding: 2px 0 2px 30px;
	background: transparent url(images/sitePinSml.gif) left top no-repeat;
	background-position: left 3px;
	border-bottom: 1px solid #EEEEEE;
}
ul.gmapLocations li.btm
{
	border: none;
}

#mapLocations
{
	float: left;
	width: 440px;
	height: 415px !important;
	margin: 10px 10px 10px 10px;
	border: 1px solid #243078;
}
#mapLocations div span
{
	float: right;
	width: 310px !important;
	white-space: normal !important;
}
/* --------------------------------------- FAQ styling ----------------------------- */
#faqAa, #faqBa, #faqCa, #faqDa, #faqEa, #faqFa, #faqGa, #faqHa,
#faqIa, #faqJa, #faqKa, #faqLa, #faqMa, #faqNa, #faqOa, #faqPa,
#faqQa, #faqRa, #faqSa, #faqTa, #faqUa, #faqVa, #faqWa, #faqXa, #faqYa, #faqZa, #faqZzz,
#faqAbb
{
	 DISPLAY: none; 
}
#faqA, #faqB, #faqC, #faqD, #faqE, #faqF, #faqG, #faqH,
#faqI, #faqJ, #faqK, #faqL, #faqM, #faqN, #faqO, #faqP,
#faqQ, #faqR, #faqS, #faqT, #faqU, #faqV, #faqW, #faqX, #faqY, #faqZ, #faqZz,
#faqAb
{
	 DISPLAY: block;
}
/* CLEAR FIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}