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;
}

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: 270px;
	background: url(Assets/logo.gif) no-repeat;
}

#headerRight
{
	float: right;
	height: 30px;
	width: 650px;
	padding: 65px 0px 0px 0px;
	position: relative;
}

#nav
{
	width: 650px;
	height: 30px;
}

/*--------------- Nav CSS in HorizontalMenu.css ----------------*/


#homePageContent
{
	width: 1000px;
	margin: 15px 0px 0px 0px;
}

#homeFlash
{
	width: 1000px;
	height: 250px;
}

#scrollerText
{
	width: 1000px;
	height: 26px;
}


#lowerContent
{
	width: 1000px;
	padding: 20px 0px 30px 0px;
	background: url(Assets/lowerContentBg.png) repeat-x;
}


#lowerContent ul
{
	margin: 5px 0px 5px 0px;
	padding: 0px;
	list-style: none;
}

#lowerContent ul.contacts
{
	margin: 15px 0px 5px 0px;
	padding: 0px;
	list-style: none;
}

#lowerContent li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#lowerContent ul.bullet
{
	margin: 2px 0px 2px 5px;
	padding: 0px;
	list-style: none;
}

#lowerContent 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: 1000px;
	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;
}

#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;
}

#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;
}

#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: 0px 10px 0px 10px;
	background: url(Assets/footerSplitLine2.gif) no-repeat 0px 3px;
}

#footer li.first
{
	float: left;
	margin: 0px;
	padding: 0px 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;
}

.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-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;
	border-bottom: solid 1px #B7B7B7;
	border-top: solid 1px #FFFFFF;
}

#leftNav li.top
{
	list-style: none;
	text-align: right;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	border-bottom: solid 1px #B7B7B7;
	border-top: none;
}

#leftNav li.bottom
{
	list-style: none;
	text-align: right;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	border-bottom: none;
	border-top: solid 1px #FFFFFF;
}

#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;
}