/* ---------------------------------------------------------------------------
Global Styles for all templates
--------------------------------------------------------------------------- */

@import url("/css/navigation.css");

* {
	font-size: 1em;
}

BODY {
	margin: 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 71%;
	line-height: 1.3em;
}

HR { height: 1px; background-color: #0f6c8f; color: #0f6c8f; border: none; }

/* sifr flash headers ajustments */
.sIFR-active H1,
.sIFR-active H2,
.sIFR-active H3 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
}

H1 {
	position: absolute;
	width: 660px;
	bottom: 18px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.3em;
	line-height: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	height: 30px;
	overflow: visible;
}
H1 A {
	/* styles if flash is not present */
	color: #FFFFFF !important;
	text-decoration: none !important;
}
H1 A:hover {
	color: #FFF7DB !important;
}

/* sifr flash H1 header ajustments */
.sIFR-active H1 {
	font-size: 30px;
	//*ie*/ font-size: 32px;
}
H2 {
	position: relative;
	z-index: 1;
	margin-right: 20px;
	margin-bottom: .3em;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	line-height: 1.2em;
	font-weight: normal;
	font-style: italic;
	color: #3686a4;
}
/* sifr flash H2 header ajustments */
.sIFR-active H2 {
	padding-bottom: 0;
	font-size: 20px;
	//*ie*/ font-size: 25px;
	line-height: 1.3em;
}

H3 {
	margin-bottom: .4em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #0f6c8f;
	font-weight: normal;
}
.sIFR-active H3 {
	font-size: 18px;
	margin-bottom: 0;
}

H4, H5, H6 {
	margin-bottom: .3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	color: #0f6c8f;
	font-weight: bold;
}


.navTitle {
	margin: 0 0 .7em 0;
	color: #043757;
	line-height: 1em;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}
.sIFR-active .navTitle {
	margin: 0 0 7px 0;
	font-size: 19px;
}


H2 + P, H3 + P, H4 + P, H5 + P, H6 + P,
* P:first-child,
* H2:first-child,
* H3:first-child {
	margin-top: 0;
}


.leftSide {
	float: left;
}
.rightSide {
	float: right;
}

	
BR.clearAll {
        font: 1px/1px monospace;
        display: block;
        clear: both;
}

.page {
	margin: 15px auto;
	width: 980px;
	background: #FFFFFF;
	text-align: left;
}

.pageHeader {
	height: 230px;
	overflow: hidden;
	background: #051730 url(/img/headerBgr.gif) no-repeat left top;
}
.pageHeader NOSCRIPT {
	position:absolute;
	background: #FF3300;
	padding: 15px;
	width: 170px;
}
.pageHeader .leftSide {
	position: relative;
	width: 665px;
	height: 235px;
	padding: 0 40px;
}
.pageHeader .leftSide .logo {
	height: 110px;
	text-align: center;
}
.pageHeader .rightSide {
	width: 234px;
	height: 230px;
	overflow: hidden;
}

/* default page header style // if javascript is disabled 
specific page styles in pages.css */
.pageHeaderBgr {
	background: url(/img/headerBgr_squares.png) no-repeat left top;
}




.contentHolder {
	width: 100%;
	background: #FFFFFF url(/img/navBgr.gif) repeat-y right top;
}
.content {
	padding: 30px 30px 50px 40px;
	width: 665px;
	min-height: 330px;
	overflow: hidden;
	color: #000000;
	/* some fixes in ie6.css */
}
.rightSideContent {
	float: right;
	padding: 30px 20px 30px 20px;
	width: 195px;
	color: #000000;
}




.footer {
	position: absolute;
	width: 980px;
	padding: 2px 0;
	font-size: 9px;
	background-color: #051730;
	color: #466177;
}
.footer A {
	font-weight: bold;
	color: #466177 !important;
}



.googleMap {
	position: relative;
	margin: -30px -20px;
}
.googleMap IMG  {
	border: none;
}






/* styles for specific sections and pages below ---------------------------------------------------------------------- */


.pageHeaderBgr {
	//* ie-all */border-bottom: 1px solid white;
}
.section_home .pageHeaderBgr {
	background: url(/img/headerBgr_circles.png) no-repeat left top;
}
.section_solutions .pageHeaderBgr {
	background: url(/img/headerBgr_checkmarks.png) no-repeat left top;
}
.section_services .pageHeaderBgr {
	background: url(/img/headerBgr_squares.png) no-repeat left top;
}
.section_portfolio .pageHeaderBgr {
	background: url(/img/headerBgr_circles.png) no-repeat left top;
}
.section_contact_us .pageHeaderBgr {
	background: url(/img/headerBgr_bubbles.png) no-repeat left top;
}




/* PORTFOLIO > CASE STUDIES Section styles */

.section_case_studies .content {
	padding: 30px 30px 50px 10px;
	width: 705px;
}
.section_case_studies .page_harcourt_interactive_textbooks .content {
	background: #FFFFFF url(/portfolio/case_studies/img/harcourt_intervention_bgr.gif) left top no-repeat;
}

.section_case_studies .page_whos_driving_tonight .content {
	background: #FFFFFF url(/portfolio/case_studies/img/wdt_site_bgr.jpg) left top no-repeat;
}

.section_case_studies .page_wheels_in_motion .content {
	background: #FFFFFF url(/portfolio/case_studies/img/wim_bgr.gif) left top no-repeat;
}

.section_case_studies .casePreviews {
	width: 300px;
	float: left;
	text-align: center;
}
.section_case_studies .caseContent {
	width: 390px;
	float: right;
}

.page_case_studies .sideNav {
	display: none;
}
.page_case_studies .content UL {
	display: block;
	margin: 0 0 0 -5px;
	padding: 0;
	list-style: none;
	width: 47%;
}
.page_case_studies .content UL LI {
	display: block;
	clear: both;
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 0;
	padding: 20px 0 0 0;
	//*ie-all*/ padding: 10px 0 0 0;
}
.page_case_studies .content UL LI IMG {
	float: left;
	vertical-align: text-top;
}



/* About Us > News */
.page_news H4 {
	font-size: 1.4em;
	font-weight: normal;
}
.newsItemDate {
	font-size: .75em;
	padding: 1px 3px;
	background-color: #E6F0F3;
	color: #0A5F84;
}



/* PORTFOLIO > CLIENTS */
.section_portfolio .page_clients TABLE IMG {
	margin: 1em 0;
}







/* --------------------------------------------------------------
 PRINT SPECIFIC STYLES ******************************************
 Add here styles that will have effect on how the site prints
-------------------------------------------------------------- */
@media print {
	BODY {
		margin:0;
		background: #FFFFFF !important;
	}
		
	.footer,
	.footer .rightSide * {
		color: #666666 !important;
	}
}