/* ------------------------------------------------------------------------------------------------------*/
/* STYLES SPECIFIC TO THE "WHAT WE DO" Section  ---------------------------------------------------------*/


/* SIDEBAR / SUB NAV ----------------------------------------- */

/* Sub Nav is hidden by default in the global CSS. First, set this section's Sub Nav to display... */

#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav { display: block; }


/* Then provide styls for the Subnav... */

#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav { list-style: none; margin: 5px 0 0 0; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li { height: 25px; margin: 0; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li a { display: block; text-indent: -5000px; height: 25px; }

/* Sub Nav Rollovers */

#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.principles a				{ width: 101px; background: url(../images/shared/subNav_principles.gif) no-repeat; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.principles a:hover	{ background-position: -101px 0; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.principles a:focus	{ outline: 0; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.process a						{ width: 91px; background: url(../images/shared/subNav_process.gif) no-repeat; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.process a:hover			{ background-position: -91px 0; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.process a:focus			{ outline: 0; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.expertise a					{ width: 99px; background: url(../images/shared/subNav_expertise.gif) no-repeat; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.expertise a:hover		{ background-position: -99px 0; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.expertise a:focus		{ outline: 0; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.services a					{ width: 89px; background: url(../images/shared/subNav_services.gif) no-repeat; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.services a:hover		{ background-position: -89px 0; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.services a:focus		{ outline: 0; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.work a							{ width: 64px; background: url(../images/shared/subNav_work.gif) no-repeat; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.work a:hover				{ background-position: -64px 0; }
#whatWeDo ul#mainNav li.whatWeDo ul.wwd_subNav li.work a:focus				{ outline: 0; }

/* Sub Nav "Current Page" Highlight States */

#whatWeDo #principles ul#mainNav li.whatWeDo ul.wwd_subNav li.principles a	{ background-position: -202px 0; }
#whatWeDo #process ul#mainNav li.whatWeDo ul.wwd_subNav li.process a				{ background-position: -182px 0; }
#whatWeDo #expertise ul#mainNav li.whatWeDo ul.wwd_subNav li.expertise a		{ background-position: -198px 0; }
#whatWeDo #services ul#mainNav li.whatWeDo ul.wwd_subNav li.services a			{ background-position: -178px 0; }
#whatWeDo #work ul#mainNav li.whatWeDo ul.wwd_subNav li.work a							{ background-position: -128px 0; }




/* WHAT WE DO - OVERVIEW PAGE ----------------------------------------- */

/* Specific H1 and ul styles for this page only */

#whatWeDo #overview h1 { 
font-size: 30px;
line-height: 36px;
 }

#whatWeDo #overview ul {
	font-size: 19px;
	line-height: 24px;
	color: #5c5c5c;
}




/* WHAT WE DO - SERVICES PAGE ----------------------------------------- */

/* Hide this info until the user decides to view it */

#deliverables { display: none; }


/* Specific H4 and ul styles for this page only */

#whatWeDo #services h4 {
	font-size: 15px;
	font-weight: bold;
	color: #5c5c5c;
	line-height: 21px;
	margin: 25px 0 4px 0;
 }

#whatWeDo #services ul.tighter {
 	list-style-type: none;
	margin: 0 0 9px 0;
	font-size: 14px;
	line-height: 19px;
	color: #555555;
}


p#viewCategory_links { margin: 0 0 25px 0; }

#viewCategory_links a:link		{ color: #BA5D33; text-decoration: none; }
#viewCategory_links a:visited	{ color: #BA5D33; text-decoration: none; }
#viewCategory_links a:hover		{ color: #BA5D33; text-decoration: underline; }
#viewCategory_links a:active	{ color: #BA5D33; text-decoration: underline; }
#viewCategory_links a:focus		{ outline: 0; } /* Gets rid of outlines in FF */




/* WHAT WE DO - WORK OVERVIEW PAGE ----------------------------------------- */

/* Set content area to be a little bit wider on this page and define page-specific two-column layout */

#whatWeDo #work #mainContent { width: 640px; padding: 0 0 35px 0; }
.twoColumnBlock .col1{ width: 390px; }
.twoColumnBlock .col2{ width: 215px; }


/* Case Study Navigation */

p#caseStudyNav { color: #7E8d44; font-size: 12px; }
p#caseStudyNav a { margin: 0 0 0 15px; }

p#caseStudyNav a:link			{ color: #999999; text-decoration: none; }
p#caseStudyNav a:visited	{ color: #999999; text-decoration: none; }
p#caseStudyNav a:hover		{ color: #7E8d44; text-decoration: none; }
p#caseStudyNav a:active		{ color: #7E8d44; text-decoration: none; }
p#caseStudyNav a:focus		{ outline: 0; } /* Gets rid of outlines in FF */

/* "Current Case Study" highlight */
p#caseStudyNav a#currentCaseStudy 					{ font-size: 13px; color: #7E8d44; text-decoration: none; font-weight: bold; }
p#caseStudyNav a#currentCaseStudy:link			{ color: #7E8d44; text-decoration: none; }
p#caseStudyNav a#currentCaseStudy:visited		{ color: #7E8d44; text-decoration: none; }
p#caseStudyNav a#currentCaseStudy:hover			{ color: #7E8d44; text-decoration: none; }
p#caseStudyNav a#currentCaseStudy:active		{ color: #7E8d44; text-decoration: none; }


/* Specific H1 and styles for work page only */

#whatWeDo #work h1 {
	margin: 0 0 15px 0;
	line-height: 36px;
}


/* Banner Photo on Overview page */

img#bannerImg { margin: 0 0 18px 0; }

/* Specific bullet style for work page outcomes list */
#whatWeDo #work #outcomesContent ul {
 	list-style-type: none;
	margin: 0 0 14px 0;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
}

/* Specific bullet style for work page services list */
#whatWeDo #work #servicesContent ul {
 	list-style-type: none;
	margin: 0 0 14px 0;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
}




/* Action links */

a#viewSamplesBtn 					{ display: block; margin: 30px 0 0 3px; width: 101px; height: 20px; text-indent: -5000px; background: url(../images/what-we-do/btn_view-samples.gif) no-repeat; }
a#viewSamplesBtn:hover		{ background-position: -101px 0; }
a#viewSamplesBtn:active		{ background-position: -101px 0; }
a#viewSamplesBtn:focus		{ outline: 0; } /* Gets rid of outlines in FF */

a#downloadPdfBtn 					{ display: block; margin: 10px 0 0 3px; width: 118px; height: 20px; text-indent: -5000px; background: url(../images/what-we-do/btn_download-pdf.gif) no-repeat; }
a#downloadPdfBtn:hover		{ background-position: -118px 0; }
a#downloadPdfBtn:active		{ background-position: -118px 0; }
a#downloadPdfBtn:focus		{ outline: 0; } /* Gets rid of outlines in FF */