/* McGinley & Associates Primary CSS Definitions, Jan 14, 2010 */


/* GLOBAL STYLES ---------------------------------------------------------*/
html, body {
	height: 100%;
}

a {	
	border-bottom: 1px dotted #439400;
	color: #009b95;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	color: #ff7100;
	background-color: inherit;
}

body {
 	background-color: #fff;
 	color: #444;
 	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height:130%;	
	margin: 0;
	padding: 0;
}


blockquote {
	font: bold 14px/180% Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: inherit;
	top: 20px;
}

em {
	font-weight: bold;
}

em.hotText {
	color: #ff7100;
}

h1 {
	clear: left;
	color: #2f3485;
	background-color: inherit;
	margin-bottom: 20px;
	text-align: right;
	overflow: visible;
	font: normal normal 28px Helvetica, Arial, sans-serif;
	text-decoration: none;
}

h2 {
	color: #2f3485;
	background-color: inherit;
	margin-bottom: 30px;
	overflow: visible;
	font: normal normal 26px Helvetica, Arial, sans-serif;
	text-decoration: none;
}

h3 {
	color: #434343;
	background-color: inherit;
	font-weight: normal;	
	font-size: 16px;
	margin-bottom: 12px;
	overflow: visible;
	font-style: normal;
}

h4 {
	color: #666;
	background-color: inherit;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 12px;
	overflow: visible;
}

ul {
	list-style: none;
}

#wrapper { /* viewport width also set in lgImage-smAside layout below */	
	min-height: 100%;
	margin: 0 auto;
	width: 960px;
}

#topLink {
	background-color: inherit;
	color: inherit;
	float: left;
	height: 20px;
	padding-bottom: 10px;
	padding-top: 30px;
	position: relative;
	text-align: right;
	width: 100%;
}

a#topLink {
	border-bottom: none;
	text-decoration: none;
}

.indent {
	margin-left: 20px;
}

.leftImg { /* REVISIT */
	border: 1px solid #909090;
	float: left;
	position: relative;
	margin-right: 10px;
	width: auto;
}

.noBorder {
	border-style: none !important;
}

.emailLink, .externalLink, .pdfLink {
	padding-left: 25px;
}

.emailLink {
	background: transparent url(./images/email.gif) no-repeat left center;
}

.externalLink {
	background: transparent url(./images/link.gif) no-repeat left center;
}

.pdfLink {
	background: transparent url(./images/icon-pdf.gif) no-repeat left center;
}

.errataLink {
	border-style: none;
	color: #a9a9a9;
}

/* HEADER -----------------------------------------------------------------*/


#header {
	background: url(images/bg-header.jpg) repeat-x center top;
	border-bottom: 3px double #333;
	height: 130px;
	margin: 0 auto;
	width: 100%;
}


#mainNav {
	height: 100%;
	margin: 0 auto;
	width: 960px;
	background: url(images/bg-nav.jpg) no-repeat center top;
}

#mainNav #logoImage {
	float: left;
	margin-top: 12px;
	position: relative;
	width: auto;
}

#mainNav #logoText {
	clear: left;
	float: left;
	position: relative;
	width: auto;
}

#mainNav ul{
	clear: left;
	float: right;
	position: relative;	
	margin-right: 50px;
	margin-top: -8px;
	width: 50em;
}

#mainNav li {
	float: left;
	width: 9em;
	border-style: solid;
	border-color: #000;
	position: relative;
}

#mainNav a {
	border-style: none;
	border-right: 1px dotted #666;
	color: #009b95;
	background-color: inherit;
	font: 13px "Gill Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	display: block;
}

#mainNav a:hover {
	color: #ff7100;
	background-color: inherit;
}

#mainNav a.leftmost {
	border-left: 1px dotted #666;
}


/*BREADCRUMB NAV ---------------------------------------------*/


#breadCrumb {	
	float: left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin-bottom: 20px;
	margin-top: 10px;
	position: relative;
	width: auto;
}

#breadCrumb ul, li {
	float: left;
	position: relative;	
	width: auto;
}

#breadCrumb .blankli {
	background: url(images/chev-rt.gif) no-repeat center center;
}


/* FOOTER Area ---------------------------------------------------------*/


#footer {
	border-top: 3px double #666;
	clear: both;
	height: 250px;
	margin: 30px auto 0;
	padding-top: 30px;
	width: 100%;
}

#footer, #footerInfo {
	color: inherit;
	background-color: #dedede;
}

#footerInfo {
	color: #ccc;
	background-color: inherit;
	height: 100%;
	margin: 0 auto;
	width: 960px;
}

#footer dt, #footer p {
	background-color: #999;
	color: #fff;
	font: 12px Verdana, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

.footerAddress, #siteMapCol1, #siteMapCol2, #siteMapCol3 {
	float: left;
	position: relative;
	width: auto;
}

.footerAddress, #footerEmail, #footerErrata {
	margin-bottom: 20px;
	margin-right: 30px;
	width: 160px;
}

#siteMapCol1 {
	margin-left: 40px;
}

#siteMapCol1, #siteMapCol2 {
	margin-right: 40px;
}

#footer dd {
	color: #666;
	background-color: inherit;
}

dd.telNumber {	
	color: #009b95;
	background-color: inherit;
	margin-top: 5px;
	font-weight: bold;
}

#footerSiteMap {
	color: inherit;
	background-color: #dedede;
	font-size: 11px;
	float: right;
	position: relative;
	width: 530px;
}

#footerSiteMap a {
	color: #666;
	background-color: inherit;
	clear: left;
	float: left;	
	line-height: 120%;
	margin-bottom: 2px;
	position: relative;
	width: auto;
}

#footerSiteMap a:hover {
	color: #ff7100;
	background-color: inherit;
}

#footerSiteMap a.siteMapHeading {
	border-style: none;
	font-weight: bold;
	margin-left: 0;
	text-decoration: underline;
}

#footerSiteMap a.break {
	margin-bottom: 20px;	
}

#footerEmail {
	float: left;
	position: relative;
	width: 160px;
}

#footerEmail a {
	color: #ff7100;
	background-color: inherit;
}

p#footerErrata {
	color: #999;
	background-color: #dedede;
	float: left;
	font-size: 9px;
	letter-spacing: normal;
	position: relative;
	text-transform: none;
	width: 160px;
}

/* lgImage-smAside LAYOUT (large photo, bullet points in primary aside */

body#about #breadCrumb,
body#careers #breadCrumb {
	margin-top: 10px;
}

#lgImage-smAside {
	background-color: #fff;
	float: left;	
	height: 100%;
	line-height: 150%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#lgImage-smAside #mainImage { 
	border: 1px solid #c0c0c0;
	float: left;
	overflow: hidden;
	position: relative;
	width: auto;
}

#lgImage-smAside h2 {
	color: #080e73;
	background-color: inherit;
	border-bottom: 1px dotted #333;
	padding-bottom: 10px;
}

#lgImage-smAside h3 {
	clear: left;
}

#lgImage-smAside blockquote {
	clear: left;
	float: left;
	position: relative;
	width: auto;
}

#lgImage-smAside .transBg {
	position: absolute;
}

#lgImage-smAside #primaryAside {	/* bg image 650w x 430h */
	background-color: #f4f4f4;
	color: #666;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	font-size: 12px;
	float: right;
	height: 430px;	
	overflow: hidden;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	width: 269px; 
}

#lgImage-smAside ul {
	float: left;	
	list-style-type: square;
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative;
	width: 100%;
}

#lgImage-smAside li {
	clear: left;
	margin-bottom: 3px;
	width: 100%;
}


#lgImage-smAside #primaryAside p { /* don't move below .primaryAsideTitle */
	clear: left;
	font-size: 12px;
	margin-bottom: 8px;
}

#primaryAside h3 {
	background-color: inherit;
	color: #666;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#lgImage-smAside .sectionTitle {
	color: #080e73;
	background-color: inherit;
	font-size: 22px;
}

#lgImage-smAside p.sectionTitle {
	margin-bottom: 30px;
}


/* INDEX Page lgImage-smAside Sub-Layout -----------------------------------------*/

body#home h1 {
	background-color: #fff;
	margin-bottom: 10px;
 	color: #444;
 	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 150%;
	text-align: left;
}

body#home h3 {
	margin-top: 20px;
}

body#home #mainImage {		
	float: left;
	margin-top: 20px;
	position: relative;
	width: auto;
}

body#home #primaryAside {
	float: left;
	position: relative;
	height: 348px;
	border-left: 1px solid #c0c0c0;
	border-right: none;
	margin-top: 20px;
	width: 269px;
}

body#home #primaryAside img {
	float: right;
	position: relative;
	width: auto;
}

#highlights {
	float: left;
	margin-bottom: 150px;
	margin-top: 20px;
	position: relative;
	width: 100%;
}

#highlights a {
	background: url(./images/chev-rt.gif) no-repeat left center;
	border-style: none;
	padding-left: 10px;
}

#highlights #links {
	clear: left;
	float: left;
	position: relative;
	width: auto;
}

#highlights #links a {
	clear: left;
	float: left;
	position: relative;
	width: auto;
}

#highlights h2 {
	border: none;
	float: left;
	margin-bottom: 10px;
	padding-top: 15px;
	position: relative;
	padding-left: 10px;
	width: auto;
}

#highlights p {
	clear: left;
}

#highlights .break {
	margin-top: 10px;
}

#highlights .emphasis {
	font-weight: bold;
}

#learnMore, #milestones, #projects {
	background: url(images/bg-fade.jpg) repeat-x right bottom;
	border: 1px solid #c0c0c0;
	font-size: 11px;
	float: left;
	height: 260px;
	overflow: hidden;
	position: relative;
	padding: 7px 10px 10px;
	width: auto;
}

#learnMore {
	margin-right: 20px;
	width: 240px;
}

#highlights div#imgLink {
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
}

#highlights #imgLink img {
	background: none;
	margin: 0;
	padding: 0;
}

#highlights #imgLink a {
	background: none;
	margin: 0;
	padding: 0;
}


#milestones {
	margin-right: 20px;
	width: 306px;
}

#projects {
	width: 307px;
}

#milestones a,
#projects a {
	margin-left: 10px;
}

.highlight-icon {
	float: left;
	position: relative;
	width: auto;
}


/* lgImage-smAside Sub-Layout for About Us and Experience -------------*/


#profiles {
	color: inherit;
	background-color: inherit;
	float: left;
	position: relative;
	width: 100%;
	padding-top: 50px;
}

#profiles h2 {
	color: #080e73;
	background-color: inherit;
}

#profiles h3 {
	color: #535353;
	background-color: inherit;
	font-weight: bold;
}

.profile {
	clear: left;
	float: left;
	margin-bottom: 50px;
	position: relative;
	width: 100%;
}

.profile img {
	border: 3px double #c0c0c0;
	float: left;
	position: relative;
	width: auto;
}

.profileText {	/* additional 124px remaining containing element */
	float: left;
	padding-left: 50px;
	padding-right: 30px;
	position: relative;
	width: 550px;
}

.profileText h4 {
	float: left;
	position: relative;
	width: auto;
}

.profileText p {
	clear: left;
	font-size: 13px;
	margin-bottom: 20px;
}


/* Secondary Nav ----------------------*/


#secondaryNav {
	clear: left;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	height: 500px;
	overflow: visible;
	position: relative;
	width: 200px;
	margin-top: 30px;
	margin-right: 20px;
}

#secondaryNav a {	
	border-style: none;
	color: #666;
	background-color: inherit;
	display: block;
}

#secondaryNav a:hover {
	color: #ff7100;
	background-color: inherit;
	background: url(./images/chev-lt.gif) no-repeat right center;
}

#secondaryNav ul, #secondaryNav li {
	width: 180px;
}

#secondaryNav li {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}

/* uncomment the line below to add new menu items */
/* body#NEW-PAGE a#NEW-PAGE,*/
body#servicesOverview a#servicesOverviewLink,
body#phase1 a#phase1Link,
body#investigations a#investigationsLink,
body#remediation a#remediationLink,
body#closure a#closureLink,
body#brownfields a#brownfieldsLink,
body#gwModeling a#gwModelingLink,
body#expert a#expertLink,
body#permitting-compliance a#permittingLink,
body#ust a#ustLink,
body#stormwater a#stormwaterLink,
body#waste a#wasteLink {
	background: url(./images/chev-rt.gif) no-repeat left center;
	padding-left: 10px
}

#secondaryNav .firstLi {
	border-top: 1px solid #ccc;
}

#secondaryNav .lastLi {
	border-bottom: 1px solid #ccc;
}


/* SERVICES LAYOUT ---------------------------------------------------*/


body.services h1 { 
	color: #64aa2b;
	background-color: inherit;
	float: right;
	position: relative;
	padding: 0;
	margin: 0 0 20px;
}

#servicesContent { /* secondary nav is 220px wide */
	clear: right;
	float: right;
	height: 100%;
	line-height: 150%;
	overflow: visible;
	position: relative;
	width: 740px;
}

body.services .leftCol { /* 1% x 4 padding added above */
 	border-style: none;
 	clear: right; 
 	margin-right: 5%;
	padding: 1%;
	width: 45%;
}

body.services .rightCol {	
	border-style: none;
	padding: 1%;
	width: 45%;
}

p.servicesText {
	margin-bottom: 10px;
}

#servicesContent blockquote, .leftCol, .rightCol {
	float: left;
	position: relative;
	width: auto;
}

#servicesContent .sectionTitle {
	font-size: 18px;
}

#servicesContent blockquote {
	margin-top: 100px;
	margin-bottom: 30px;
	margin-left: 70px;
	width: 300px;
}

#servicesContent li {
	clear: left;
	padding-left: 20px;
	margin-bottom: 5px;
	background: url(./images/bullet-green.gif) no-repeat left center;
}

#servicesContent .envSolutions {	
	float: left;
	left: 50px;
	position: absolute;
	top: 100px;
	width: auto;
}

#servicesContent .sectionTitle {
	clear: left;
	color: #64aa2b;
	background-color: inherit;
	margin-bottom: 20px;
}

#servicesContent .brk {
	padding-top: 10px;
}


/* SERVICES OVERVIEW - Specific Styles ------------------------------*/

body#servicesOverview .bigImage {
	float: right;
	position: relative;
	margin-left: 263px;
	width: auto;
}

body#servicesOverview h1 {
	margin: 0;
	position: absolute;
	top: 180px;
}

body#servicesOverview p.narrowText {
	float: left;
	position: relative;
	width: 170px;
	padding-left: 10px;	
}

body#servicesOverview .leftCol {
	border-top: 1px solid #ccc;
	width: 35%;
}

body#servicesOverview .rightCol {
	border-top: 1px solid #ccc;
	width: 55%;
}

/* ABOUT US - Specific Styles - - Based on the lgImage-smAside layout -----------------*/


body#about #lgImage-smAside {
	background: url(./images/group-silho.jpg) no-repeat left top;
}

body#about blockquote {
	width: 200px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 55px;
	color: #fff;
	background-color: inherit;
}

/* opacity settings for different browsers */
body#about #lgImage-smAside .transBg { 
	left: 25px;
	top: 10px;	
	filter: alpha(opacity=30); 
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

body#about .primaryAsideTitle {
	color: #666;
	background-color: inherit;
}

body#about p.externalLink, p.pdfLink {
	float: right;
	font-size: 11px;
	position: relative;
	width: auto;
}

/* EXPERIENCE Page, Specific styles - based on lgImage-smAside layout ------------------*/

body#experience .caption {
	font-size: 11px;
}

body#experience #profiles {
	padding-top: 20px;
}

body#experience #primaryAside {	
	width: 279px;
}

body#experience #mainImage {	
	border: none;
	height: 432px;
	width: 640px;
}

body#experience p.pdfLink, p.externalLink {
	float: right;
	font-size: 11px;
	padding-right: 20px;
	position: relative;
	width: auto;
}

/* ERROR Pages, Specific Style - Based on the lgImage-smAside layout -------------------*/
body#error #lgImage-smAside {
	height: auto;
	padding-bottom: 30px;
}

body#error h2 {
	color: #080e73;
	background-color: inherit;
}

body#error #wrapper { /* viewport width also set in lgImage-smAside layout below */	
	min-height: 50%;
}

#errorInfo {
	float: left;
	height: 100%;
	position: relative;
	padding-top: 30px;
	width: 100%;
}

.errorText {
	float: left;
	height: 100%;
	margin-bottom: 40px;
	position: relative;
	width: 35%;
}

.errorText p {
	margin-bottom: 20px;
}

.errorPhoto {
	float: left;
	height: 100%;
	margin-left: 30px;
	padding: 0 2% 2%;
	position: relative;
	width: 40%;
}

.errorPhoto img {	
	border: 1px solid #c0c0c0;
	padding: 1px;
}

/* CAREERS Page, Specific Style - Based on the lgImage-smAside layout */

body#careers h1 {
	color: #bf6f30;
	background-color: inherit;
}

body#careers h2 {
	color: #bf6f30;
	background-color: inherit;
}

body#careers #lgImage-smAside {
	height: auto;
}

#errorInfo ul {
	list-style-type: disc;
}

/*body#careers #lgImage-smAside {
	background: url(./images/help-wanted.jpg) no-repeat left top;
}*/

body#careers #lgImage-smAside .sectionTitle {
	color: #bf6f30;
	background-color: inherit;
}

body#careers #lgImage-smAside #primaryAside {	
	background-color: #f4f4f4;
	color: #666;
	overflow: hidden;
}

body#careers .primaryAsideTitle {
	color: #666;
	background-color: inherit;
}

#employmentInfo {
	float: left;
	height: 100%;
	position: relative;
	padding-top: 30px;
	width: 100%;
}

#employmentInfo ul {
	list-style-type: disc;
}

.benefitsText {
	float: left;
	height: 100%;
	margin-bottom: 40px;
	position: relative;
	width: 62%;
}

.benefitsText p {
	margin-bottom: 20px;
}

.benefitsText h3 {
	padding-top: 20px;
}

.careerPhotos {
	float: right;
	height: 100%;
	padding: 2%;
	position: relative;
	margin-left: 5%;
	margin-bottom: 2%;	
	width: 28%;
}

.careerPhotos img {	
	border: 1px solid #c0c0c0;
	margin-bottom: 10px;
	padding: 1px;
}

.careerPhotos p {
	font-size: 12px;
 	text-align: center;
}

.currentOpenings {
	border: 1px dotted #c0c0c0;
	float: right;
	height: 100%;
	padding: 2%;
	position: relative;
	margin-bottom: 50px;
	margin-left: 5%;	
	width: 28%;
}

.currentOpenings p {
	margin-top: 10px;
}

img.inline {
	text-align: center;
	vertical-align: middle;
}

/* LOCATIONS Page -----------------------------------------*/


body#locations h1 {
	color: #bf6f30;
	background-color: inherit;
}

body#locations h3 {
	font-weight: bold;
}

body#locations #footerSiteMap,
body#locations #footerEmail
body#locations #locationsInfo,
.officeInfo,
.officeContact {
	float: left;
	position: relative;
	width: auto;
}

body#locations #footerErrata, .copy, .officeMap {
	float: right;
	position: relative;
	width: auto;
}

body#locations #footerSiteMap {
	margin-right: 20px;
}

body#locations #footerErrata {
	margin-right: 0;
}

body#locations .errataLink  img {
	margin-top: 35px;
}

body#locations p.externalLink, p.emailLink {
	clear: left;
	float: left;
	font-size: 12px;
	position: relative;
	width: auto;
}

#locationsInfo {
	font-size: 14px;
	width: 530px;
	padding-left: 20px;
	height: 100%;
}

body#locations #promoAside {
	float: right;
	background: url(./images/bg-i802.jpg) no-repeat right top;	
	height: 450px;
	margin-left: 620px;
	overflow: hidden;
	position: absolute;
	top: 300px;
	width: 286px;
}

body#locations blockquote {
	color: #666;
}

body#locations .hotText{
	font-weight: normal;
	font-style: normal;
}

body#locations .copy {
	width: 220px;
	margin: 30px 40px 0;
}

.officeInfo {
	margin-top: 30px;
	width: 100%;
	margin-bottom: 50px;
}

.contactItem {
	margin-bottom: 10px;
}

.officeMap {
	border: 1px solid #555753;
	height: 275px;
	width: 275px;
}