/* these margin resets are temporary 
h1, h2, h3, h4, p  { margin: 0; padding: 0; }*/

body {
	font:  0.75em/1.6em Tahoma, Arial, sans-serif;
	background-color: #000;
	margin: 0;
	padding: 0;
	color: #4F4F4F;
}
#mainContainer {
	background: #1f2832 url(images/page-background.gif) repeat-x;
}
#container {
	width: 960px;
	background: transparent url(images/large-header-highlight.png) no-repeat;
	margin: 0;
	padding: 0 0 0 80px;
	position: relative;
}
#mainContent {
	background: transparent url(images/content-background.gif) repeat-y;
	overflow: auto;
}

#copy {
  width: 670px; /* total width 720 */
	background: transparent url(images/banner-reflection-drip.gif) no-repeat;
	padding: 30px 20px 10px 30px;
}
#subSection {
  width: 200px;
	float: right;
	padding: 30px 20px 0 20px;
	background: transparent url(images/banner-reflection-drip.gif) top right no-repeat;
	overflow: hidden;
}
#footerContainer {
	background: transparent url(images/footer-background.gif) repeat-x;
}
#footer {
	height: 200px;
	width: 960px;
	background: transparent url(images/content-bottom.png) right top no-repeat;
	margin: 0;
	padding: 40px 0 0 80px;
	position: relative;
}
img {
	border: 0;
}

h2 {
	font-size: 1.4em;
	font-weight: 100;
	letter-spacing: 0.15em;
	margin: 2em 0 0 0;
	color: #6b0026;
}
h2 a {
	text-decoration: none;
}
#mainContent a {
	text-decoration: none;
	border-bottom: 1px dotted #6b0026;
	color: #6b0026;
}
h3 {
	font-size: 1.2em;
	font-weight: 100;
	letter-spacing: 0.1em;
	color: #6b0026;
}
	#Services h2, #Services h3, #Services a {
		color: #3b45c5;
		border-bottom-color: #3b45c5;
	}
	#Solutions h2, #Solutions h2 a, #Solutions h3, #Solutions a,
	#EAS h2, #EAS h3, #EAS a,
	#RCS h2, #RCS h3, #RCS a {
		color: #307e21;
		border-bottom-color: #307e21;
	}
	.careers #mainContent h2, .careers #mainContent h3, .careers #mainContent a {
		color: #881b0a;
		border-bottom-color: #881b0a;
	}
	#About h2, #About h3, #About a {
		color: #eb7a00;
		border-bottom-color: #eb7a00;
	}
h4 {
	font-weight: normal;
	font-size: 1.3em;
	margin: 1em 0 0 0;
	padding: 0;
}

p {
	margin: 1em 0 1em 0;
}

.intro {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
strong.companyName {
	font-variant: small-caps;
}
.intro strong.companyName {
	font-variant: normal;
	font-weight: normal;
}

#header {
	height: 120px;
}
	#header h1 {
		background: transparent url(images/logo.png) 10px 30px no-repeat;
		text-indent: -9999px;
		margin: 0;
		padding: 0;
		border: 0;
	}
	#header h1 a:link, #header h1 a:visited, #header h1 a:hover {
		display: block;	
		width: 320px;
		height: 120px;
		margin: 0;
		padding: 0;
		border: 0;
		text-decoration: none;
	}





#navigation {
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
}
	#navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#navigation li {
		text-indent: -9999px;
		margin: 0;
		padding: 0;
		display: block;
		float: left;
		height: 26px;
		width: 120px;
	}
	#navigation a {
		background: transparent url(images/top-nav-sprites.png) 0 0 no-repeat;
		height: 40px;
		width: 120px;
		display: block;
	}
	#navHome, #navHome a {
	}
	#navServices, #navServices a {
		background-position: -120px 0;
	}
	#navSolutions, #navSolutions a {
		background-position: -240px 0;
	}
	#navCareers, #navCareers a {
		background-position: -360px 0;
	}
	#navAbout, #navAbout a {
		background-position: -480px 0;
	}
	
	
	#navHome a:hover {
		background-position: 0 -40px;
	}
	#navServices a:hover {
		background-position: -120px -40px;
	}
	#navSolutions a:hover {
		background-position: -240px -40px;
	}
	#navCareers a:hover {
		background-position: -360px -40px;
	}
	#navAbout a:hover {
		background-position: -480px -40px;
	}
	
	
	#Home #navHome a {
		background-position: 0 -80px;
	}
	#Services #navServices a {
		background-position: -120px -80px;
	}
	#Solutions #navSolutions a,
	#EAS #navSolutions a,
	#RCS #navSolutions a {
		background-position: -240px -80px;
	}
	#Careers #navCareers a {
		background-position: -360px -80px;
	}
	#About #navAbout a {
		background-position: -480px -80px;
	}


#pageHeading {
	background: transparent url(images/banner-drip.png) no-repeat;
	height: 124px;
}
	#Services #pageHeading {
		background-image: url(images/banner-clips.png);
	}
	#Solutions #pageHeading,
	#EAS #pageHeading,
	#RCS #pageHeading  {
		background-image: url(images/banner-ladybug.png);
	}
	.careers #pageHeading {
		background-image: url(images/banner-bolts.png);
	}
	#About #pageHeading {
		background-image: url(images/banner-mug.png);
	}



	#Services #subSection, #Services #copy {
		background-image: url(images/banner-reflection-clips.gif);
	}
	#Solutions #subSection, #Solutions #copy,
	#EAS #subSection, #EAS #copy,
	#RCS #subSection, #RCS #copy  {
		background-image: url(images/banner-reflection-ladybug.gif);
	}
	.careers #subSection, .careers #copy {
		background-image: url(images/banner-reflection-bolts.gif);
	}
	#About #subSection, #About #copy {
		background-image: url(images/banner-reflection-mug.gif);
	}



.callout {
	float: left;
	width: 310px;
}
.calloutFirst {
	padding-right: 20px;
	margin-right: 20px;
	background: transparent url(images/content-verticle-divider.gif) right 40px no-repeat;
}


#technologies {
	text-align: center;
}
#technologies img {
	display: block;
	margin: 20px 40px;
}

#listOfServices {
	list-style:none;
	margin: 0;
	padding: 0;
}
#listOfServices li, #listOfServices p {
	margin: 0;
}
#listOfServices h3 {
	margin: 1em 0 0 0;
}

#industryExperience {
	list-style: none;
	margin: 0;
	padding: 0;
}
#industryExperience ul {
	list-style: none;
	margin: 0 0 0 .25em;
	padding: 0 0 0 .5em;
	border-left: 1px solid #e7e7e7;
	color: #808080;
}

.caseStudy {
}
.caseStudy p {
	width: 440px;
}
.caseStudy img {
	float: right;
	position: relative;
	left: 20px;
}

#otherCompanies {
	margin-top: 5em;
	border-top: 1px solid #ddd;
}


.getInTouch h4, .getInTouch p {
	margin: 0;
	padding: 0;
}
.phone {
	font-size: 1.3em;
	display: block;
	line-height: 1.8em;
}
#Home .getInTouch .phone {
	color: #6b0026;
}
.email {
	font-size: 1.2em;
	line-height: 2em;
}

#mainContent .positions a {
	display: block;
	border-bottom: 0;
	text-decoration: underline;
	line-height: 1.8em;
}

.jobFooter .more {
	float: right;
}


.contact .label {
	display: block;
	color: #aaa;
	position: relative;
	top: 2px;
}

.testimonial {
	/*float: right;
	width: 190px;
	margin: 0 0 0 20px;
	padding: 0 0 0 30px;*/;
	margin: 2em 60px 0 20px;
	padding: 0 0 0 30px;

	background: transparent url(images/quote-open.png) left top no-repeat;
}
.testimonial .quote {
	font: italic 1.1em/1.3 Georgia, "Times New Roman", Times, serif;
	padding: 1em 30px .5em 0;
	background: transparent url(images/quote-close.png) right bottom no-repeat;
}
.cite {
	/*line-height: 1.2em;*/
	position: relative;
	top: -.5em;
	text-align: right;
	padding-right: 30px;
}

.footerSubSection {
	color: #999;
	width: 440px;
	float: left;
	margin-left: 30px;
	line-height: 1.4em;
}

.footerSubSection a,
.footerPhone, .footerEmail,
#footer h4 {
	color: #ccc !important;
}
.footerPhone, .footerEmail {
	display: block;
}

#copyright,
#designedBy a {
	color: #666;
}
#copyright {
	clear: both;
	margin: 0 30px;
	padding-top: 2em;
	color: #555;
	background: transparent url(images/logo-footer.png) right 2em no-repeat;
	font-size: .95em;
}
/*
#designedBy {
	float: right;
}
*/

#EAS #subSection {
	padding: 30px 0;
	width: 240px;
}
