﻿body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 165%;
	color: #333333;
	text-decoration: none;
	margin: 0 auto;
	padding: 0;
	background: #005348;
}

#background
{
	width: 100%;
}
.backgroundBg
{
	background: #FFFFFF url(Assets/bg.png) repeat-x top;
}

.backgroundBgHome
{
	background: #FFFFFF url(Assets/bgHome.png) repeat-x top;
}

.backgroundBgCase
{
	background: #FFFFFF url(Assets/bgCase.png) repeat-x top;
}

h1
{
	font-size: 145%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #454545;
}

h2
{
    font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #454545;
}

h3
{
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	color: #004D42;
}

h4
{
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 15px 0px 3px 0px;
	color: #004D42;
	border-bottom: solid 1px #B7B7B7;
}

p
{
	margin: 0px;
	padding: 10px 0px 5px 0px;
}

p.subText
{
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

a
{
	text-decoration: none;
	color: #FF0000;
}

a:hover
{
	text-decoration: none;
	color: #000000;
}

#wrapper
{
	width: 1000px;
	margin: 0 auto;
}

#header
{
	width: 1000px;
	height: 95px;
}

#headerLeft
{
	float: left;
	height: 40px;
	width: 350px;
	padding: 55px 0px 0px 0px;
}


#logo a
{
	display: block;
	width: 350px;
	height: 27px;
	background: url(Assets/logo.gif) no-repeat;
}

#logo h1
{
    position: absolute;
    left: -2500px;
    top: -300px;
}

#headerRight
{
	float: right;
	height: 30px;
	width: 650px;
	padding: 65px 0px 0px 0px;
	position: relative;
}

#nav
{
	width: 650px;
	height: 30px;
	z-index: 5000;
}

/*--------------- Nav CSS in HorizontalMenu.css ----------------*/


#homePageContent
{
	width: 1000px;
	margin: 15px 0px 0px 0px;
}

#homeFlash
{
	width: 1000px;
	height: 250px;
}

#scrollerText
{
	width: 1000px;
	height: 26px;
}

#caseStudyTitle
{
    width: 955px;
	padding: 12px 20px 4px 20px;
	background: url(Assets/lowerContentBg.png) repeat-x;
}

#lowerContentCaseStudy
{
	width: 995px;
	padding: 20px 0px 30px 0px;
	background: url(Assets/lowerContentBg.png) repeat-x;
}


#lowerContent
{
	width: 1000px;
	padding: 20px 0px 30px 0px;
	background: url(Assets/lowerContentBg.png) repeat-x;
}


#lowerContent ul, #lowerContentCaseStudy ul
{
	margin: 5px 0px 5px 0px;
	padding: 0px;
	list-style: none;
}

#lowerContent ul.contacts, #lowerContentCaseStudy ul.contacts
{
	margin: 15px 0px 5px 0px;
	padding: 0px;
	list-style: none;
}

#lowerContent li, #lowerContentCaseStudy li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#lowerContent ul.bullet, #lowerContentCaseStudy ul.bullet
{
	margin: 2px 0px 2px 5px;
	padding: 0px;
	list-style: none;
}

#lowerContent ul.bullet li, #lowerContentCaseStudy ul.bullet li
{
	margin: 0px;
	padding: 3px 0px 3px 10px;
	list-style: none;
	background: url(Assets/bullet.gif) no-repeat 0px 10px;
}



#lowerLeftColumn p, #lowerMiddleColumn p, #lowerRightColumn p
{
	line-height: 145%;
}

#lowerLeftColumn
{
	float: left;
	width: 359px;
	height: 390px;
	border-right: solid 1px #B7B7B7;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 20px;
}


#lowerMiddleColumn
{
	float: left;
	width: 243px;
	height: 390px;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #B7B7B7;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 20px;
}


#lowerRightColumn
{
	float: left;
	width: 279px;
	height: 390px;
	border-left: solid 1px #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 0px 20px;
}

#caseStudyFlash
{
	width: 270px;
	height: 150px;
	margin: 5px 0px 0px 0px;
}

#pageContent
{
	width: 1000px;
	margin: 0px 0px 0px 0px;
}

#pageImage
{
	width: 1000px;
	height: 170px;
}

#pageGallery
{
	width: 1000px;
	height: 111px;
	position: relative;
}

#pageGalleryShadow
{
	width: 995px;
	height: 5px;
	background: url(Assets/pageGalleryShadow-trans.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#pageGallery img
{
	border: none;
	display: block;
}

#pageGallery ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}

#pageGallery li
{
	float: left;
	padding: 0px 1px 0px 0px;
	margin: 0px;
	list-style: none;
}

#pageGallery li.end
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none;
}

#pageColumns
{
	width: 1000px;
	padding: 20px 0px 30px 0px;
	background: url(Assets/lowerContentBg.png) repeat-x;
}

#fullColumn
{
    float: left;
	width: 640px;
	min-height: 380px;
	background: none;
	margin: 0px;
	padding: 10px 20px 5px 20px;
}

#leftColumn
{
	float: left;
	width: 180px;
	padding: 6px 20px 0px 20px;
}

#middleColumn
{
	float: left;
	width: 480px;
	min-height: 380px;
	background: url(Assets/middleColumnBg.gif) repeat-y;
	margin: 0px;
	padding: 10px 20px 5px 20px;
}

#middleColumnCaseStudy
{
	float: left;
	width: 500px;
	min-height: 380px;
	background: url(Assets/middleColumnBg.gif) repeat-y;
	margin: 0px;
	padding: 10px 0px 5px 20px;
}

.middleColumnTitle
{
    width: 480px;
}

#middleColumn ul
{
	margin: 5px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}

#middleColumn li
{
	margin: 0px;
	padding: 5px 20px 5px 10px;
	list-style: none;
	background: url(Assets/liDash.gif) no-repeat 0px 15px;
}

#middleColumn li.ourClients
{
	margin: 0px;
	padding: 0px 20px 0px 10px;
	list-style: none;
	background: url(Assets/liDash.gif) no-repeat 0px 9px;
}

#rightColumn
{
	float: left;
	width: 220px;
	padding: 10px 20px 0px 20px;
}

#rightColumnCase
{
    float: left;
	width: 215px;
	padding: 10px 20px 0px 20px;
}

#flashTitle
{
	width: 480px;
	height: 25px;
	margin: 0px 0px 5px 0px;
}

#footerBg
{
	background: #005348 url(Assets/footerBg.png) repeat-x;
}

#footerContainer
{
	width: 1000px;
	height: 98px;
	margin: 0 auto;
	padding: 0px;
	background: url(Assets/footerLogo.png) no-repeat right top;
}

#footer
{
	width: 1000px;
	padding: 10px 0px 20px 0px;
	color: #FFFFFF;
}

#footer p
{
	width: 600px;
	color: #009F84;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

#footer ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer li
{
	float: left;
	margin: 0px;
	padding: 13px 10px 0px 10px;
	background: url(Assets/footerSplitLine2.gif) no-repeat 0px 15px;
}

#footer li.first
{
	float: left;
	margin: 0px;
	padding: 13px 10px 0px 0px;
	background: none;
}

#footer li a
{
	padding: 0px;
	color: #009F84;
	text-decoration: none;
}

#footer li a:hover
{
	padding: 0px;
	color: #009F84;
	text-decoration: underline;
}


/* --------------- Classes ---------------- */

.clear
{
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.imgText
{
	margin: 0px 0px 5px 0px;
}

.secondTitle
{
	margin: 15px 0px 0px 0px;
}


.caseStudyBox
{
	float: left;
	margin: 20px 20px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 146px;
	min-height: 180px;
}

.caseStudyBoxEnd
{
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 146px;
}

.caseStudyText
{
	width: 130px;
	background: url(Assets/caseStudyTextBox.png) repeat-x;
	padding: 0px 8px 0px 8px;
}

.caseStudyText p
{
	margin: 0px;
	padding: 8px 0px 5px 0px;
	line-height: 145%;
}

.caseStudyImg
{
	display: block;
	padding: 0px 0px 0px 0px;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #B7B7B7;
}

.caseStudyTitle
{
	color: #004D42;
	font-weight: bold;
	text-transform: uppercase;
}

.facadeLogo
{
	margin: 5px 0px 0px 0px;
}

.contentSeperator
{
	width: 100%;
	border-bottom: solid 1px #B7B7B7;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 25px 0px;
}

.contentSeperatorEnd
{
	width: 100%;
	border-bottom: none;
	padding: 0px 0px 10px 0px;
}

a.redLinkRight
{
	float: right;
	font-weight: bold;
	color: #FF0000;
}

a.redLinkRight:hover
{
	color: #000000;
}

a.redLink
{
	font-weight: bold;
	color: #FF0000;
}

a.redLink:hover
{
	color: #000000;
}

a.blackLink
{
	font-weight: bold;
	color: #000000;
}

a.blackLink:hover
{
	color: #FF0000;
}

img.mainImage
{
	padding: 1px;
	border: solid 1px #B7B7B7;
	margin: 20px 0px 0px 0px;
}

img.rightImage
{
	float: right;
	padding: 1px;
	border: solid 1px #B7B7B7;
	margin: 0px 0px 0px 15px;
}

.caseStudyTable
{
	width: 480px;
	margin: 5px 0px 0px 0px;
}

.caseStudyTable td
{
	padding: 2px 0px 2px 0px;
}

.caseStudyTable td.title
{
	padding: 2px 0px 2px 0px;
	font-weight: bold;
}


/*------------------- Left Nav -----------------*/

#leftNav
{
	width: 180px;
}

#leftNav ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#leftNav li
{
    list-style: none;
    text-align: right;
    margin: 0px;
    padding: 4px 0px 4px 0px;
    text-transform: uppercase;
    font-weight: bold;
}

#leftNav li.seperator
{
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #B7B7B7;
}

#leftNav li a
{
    color: #333333;
}

#leftNav li a:hover
{
    color: #FF0000;
}

#leftNav li ul
{
	margin: 3px 0px 5px 0px;
	padding: 0px;
	list-style: none;
}

#leftNav li ul li
{
	border: none;
	padding: 1px 0px 1px 0px;
}

#leftNav li ul li a
{
	color: #333333;
}

#leftNav li ul li a:hover
{
	color: #FF0000;
}


#leftNav li a.howItWorks
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/howItWorks.gif) no-repeat right center;
}

#leftNav li a.howItWorksOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/howItWorksOver.gif) no-repeat right center;
}

#leftNav li a.howItWorks:hover
{
	background: url(Assets/PageNav/howItWorksOver.gif) no-repeat right center;
}

#leftNav li a.technical
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/technical.gif) no-repeat right center;
}

#leftNav li a.technicalOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/technicalOver.gif) no-repeat right center;
}

#leftNav li a.technical:hover
{
	background: url(Assets/PageNav/technicalOver.gif) no-repeat right center;
}

#leftNav li a.miniBoomTruck
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/miniBoomTruck.gif) no-repeat right center;
}

#leftNav li a.miniBoomTruckOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/miniBoomTruckOver.gif) no-repeat right center;
}

#leftNav li a.miniBoomTruck:hover
{
	background: url(Assets/PageNav/miniBoomTruckOver.gif) no-repeat right center;
}

#leftNav li a.environmental
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/environmental.gif) no-repeat right center;
}

#leftNav li a.environmentalOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/environmentalOver.gif) no-repeat right center;
}

#leftNav li a.environmental:hover
{
	background: url(Assets/PageNav/environmentalOver.gif) no-repeat right center;
}

#leftNav li a.company
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/company.gif) no-repeat right center;
}

#leftNav li a.companyOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/companyOver.gif) no-repeat right center;
}

#leftNav li a.company:hover
{
	background: url(Assets/PageNav/companyOver.gif) no-repeat right center;
}

#leftNav li a.recognition
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/recognition.gif) no-repeat right center;
}

#leftNav li a.recognitionOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/recognitionOver.gif) no-repeat right center;
}

#leftNav li a.recognition:hover
{
	background: url(Assets/PageNav/recognitionOver.gif) no-repeat right center;
}

#leftNav li a.awards
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/awards.gif) no-repeat right center;
}

#leftNav li a.awardsOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/awardsOver.gif) no-repeat right center;
}

#leftNav li a.awards:hover
{
	background: url(Assets/PageNav/awardsOver.gif) no-repeat right center;
}

#leftNav li a.employment
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/employment.gif) no-repeat right center;
}

#leftNav li a.employmentOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/employmentOver.gif) no-repeat right center;
}

#leftNav li a.employment:hover
{
	background: url(Assets/PageNav/employmentOver.gif) no-repeat right center;
}

#leftNav li a.press
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/press.gif) no-repeat right center;
}

#leftNav li a.pressOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/pressOver.gif) no-repeat right center;
}

#leftNav li a.press:hover
{
	background: url(Assets/PageNav/pressOver.gif) no-repeat right center;
}

#leftNav li a.caseStudies
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/caseStudies.gif) no-repeat right center;
}

#leftNav li a.caseStudiesOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/caseStudiesOver.gif) no-repeat right center;
}

#leftNav li a.caseStudies:hover
{
	background: url(Assets/PageNav/caseStudiesOver.gif) no-repeat right center;
}

#leftNav li a.contact
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/contact.gif) no-repeat right center;
}

#leftNav li a.contactOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/contactOver.gif) no-repeat right center;
}

#leftNav li a.contact:hover
{
	background: url(Assets/PageNav/contactOver.gif) no-repeat right center;
}

#leftNav li a.clients
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/clients.gif) no-repeat right center;
}

#leftNav li a.clientsOn
{
	display: block;
	width: 180px;
	height: 11px;
	padding: 4px 0px 4px 0px;
	background: url(Assets/PageNav/clientsOver.gif) no-repeat right center;
}

#leftNav li a.clients:hover
{
	background: url(Assets/PageNav/clientsOver.gif) no-repeat right center;
}

.adminTable
{
    width: 100%;
}

.adminTable td
{
    padding: 5px 0px 5px 0px;
}

/* Accreditations
--------------------------------*/

#footer ul.accreditations
{
    list-style: none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

#footer ul.accreditations li
{
    float: left;
    padding: 0px 17px 0px 0px;
    background: none;
    border: none;
}

#footer ul.accreditations li a.construction
{
    display: block;
    width: 58px;
    height: 60px;
    background: url(Assets/Accreditations/construction-trans.png) no-repeat 0px 0px;
}

#footer ul.accreditations li a.stone
{
    display: block;
    width: 147px;
    height: 60px;
    background: url(Assets/Accreditations/stone-trans.png) no-repeat 0px 0px;
}

#footer ul.accreditations li a.safeContractor
{
    display: block;
    width: 59px;
    height: 60px;
    background: url(Assets/Accreditations/safeContractor-trans.png) no-repeat 0px 0px;
}

#footer ul.accreditations li a.chas
{
    display: block;
    width: 71px;
    height: 60px;
    background: url(Assets/Accreditations/chas-trans.png) no-repeat 0px 0px;
}

#footer ul.accreditations li a.considerate
{
    display: block;
    width: 55px;
    height: 60px;
    background: url(Assets/Accreditations/considerate2-trans.png) no-repeat 0px 0px;
}

#footer ul.accreditations li a.iso
{
    display: block;
    width: 51px;
    height: 60px;
    background: url(Assets/Accreditations/iso-trans.png) no-repeat 0px 0px;
}

#footer ul.accreditations li a.iso14001
{
    display: block;
    width: 102px;
    height: 60px;
    background: url(Assets/Accreditations/iso14001-trans.png) no-repeat 0px 0px;
}
