﻿/* 
------------------------------------------------------
*******   STYLE SHEET FOR EGI WEB SITE         *******
*******   Created by RS         			   *******
------------------------------------------------------

CONTENTS FOR CASCADE

	1. Defaults
	2. Structure
	3. Links and navigation
	4. Fonts
	5. Images
	6. Forms
	7. Tables
	8. Misc stuff
	9. Page specific content

	A. Debug colours

-----------------------------------------------------
Notes:


-----------------------------------------------------
*/



/* --------- 1. defaults  --------- */

/* Ben added this span error style for the contact page */
span.error {
  color: red;
}
/* Extra class for highlighting the selected page index in the paging area */
.HighlightPageIndex 
{
	font-weight:bold;
}


* {/* zero all margins and padding */
		margin: 0;
		padding: 0;
		}

/* hides heading text when graphic style is required. 		
.hideText{ 
		position:absolute;
		font-size: 1px; 
		text-indent: -5000px;
		}
*/

.clear { /* this is used to clear the floats. */
		clear: both;
		}


hr.transparentRule { /* invisible rule */
		border: none 0; 
		border-top: 0px; /*the border*/
		height: 0px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	
hr.dashedRule { /* dashed rule */
		border: none 0; 
		border-top: 1px dashed #ccc; /*the border*/
		height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	
	
hr.rule { /* line rule */
		border: none 0; 
		border-top: 1px solid #ccc; /*the border*/
		height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	

ol {
	margin: 1em 1em 1em 2em;
	padding-left: 0px;
}

ol li {
	margin: 0.4em 0px 0px 0px;
	font-size: 1.1em;
	line-height: 1.5em;
}

dl {
	font-size: 1.1em;
}
		
.moveText {
display: block;
width: 0;
height: 0;
overflow: hidden;
}		



/*  --------- 2. structure  --------- */

	
	
/* -- main site architecture -- */

body {	
background: url(../images/page-background.jpg) repeat-y;
}


#siteWrapperDiv {	
position:relative;
width: 859px; /*page width*/
margin: 0px auto 0px; 
text-align: left; background-color: #fff;
}




	
/* -- Page Wrapper Stucture -- */

#pageWrapperDiv {
position:relative;
width: 859px; /*page width*/
margin: 0px auto 0px; 
text-align: left;

}
		
#headerPadDiv {
height:135px;
}
	
#siteContentDiv {	
width: 859px; /*page width*/
position:relative;
}

	



/* -- Header Stucture -- */
	
#mainHeaderDiv {
position:absolute;
height: 0px;
margin: 0px auto 0px; 
}
	
#headerLogo {
position:absolute;
top: 27px; left:5px;
z-index: 100;
}

#headerPhone {
position:absolute;
top: 44px; left:643px;
z-index: 100;
}

#headerEmail {
position:absolute;
top: 63px; left:689px;
z-index: 100;
}





/* -- Main Top Navigational links Stucture -- */	

#mainNavTopInnerDiv {
position:absolute; 
width: 859px;
left:0px;
top: 94px;
z-index:99;
height: 47px;
display:block;
float: left; 
background: url(../images/inner-nav-bg.gif) 0 0 no-repeat;
}

#mainNavTopInnerDiv ul{ /* navigation list style */
width: 859px; /*tabs width*/
list-style: none;
position:absolute; 
z-index:100;
left:0px;
margin: 0px;
padding: 0px;
height: 47px; /*navigation link style - sets the background size etc*/
display:block;
float: left; 
}

#mainNavTopInnerDiv ul li{ /* navigation list item style */
display: inline;
margin: 0px;
}

#mainNavTopInnerDiv ul li.last{ /* navigation list item style */
display: inline;
margin: 0px;
float: right;
}
		
#mainNavTopInnerDiv ul a{ /*navigation link style - sets the button size etc*/
height: 43px;
display:block;
margin: 0px;
text-align: center;
float: left; 
}





/* -- Main Top Inner Navigational links Stucture -- */	

#mainNavTopDiv {
position:absolute; 
width: 859px;
left:0px;
top: 94px;
z-index:99;
height: 41px;
display:block;
float: left; 
background: url(../images/main-nav-bg.gif) 0 0 no-repeat;
}

#mainNavTopDiv ul{ /* navigation list style */
width: 859px; /*tabs width*/
list-style: none;
position:absolute; 
z-index:100;
left:0px;
margin: 0px;
padding: 0px;
height: 41px; /*navigation link style - sets the background size etc*/
display:block;
float: left; 
}

#mainNavTopDiv ul li{ /* navigation list item style */
display: inline;
margin: 0px;
}

#mainNavTopDiv ul li.last{ /* navigation list item style */
display: inline;
margin: 0px;
float: right;
}
		
#mainNavTopDiv ul a{ /*navigation link style - sets the button size etc*/
height: 37px;
display:block;
margin: 0px;
text-align: center;
float: left; 
}





/* -- Home top panel -- */

#homeTopPanelDiv {
position:relative;
padding: 31px 0px 0px 0px;	
}

#innerBanner {
padding: 0px 0px 26px;	
}

/* -- Home top panel text -- */

#homeTextBoxWrapDiv {
float:left;
width:569px;
}
	
#homeTextBoxDiv {
width: 568px;
border-right:1px solid #efefef;
}
	
#homeTextBoxPadDiv {
padding: 3px 16px 5px 8px;
}

/* -- Home top panel featured articles -- */

#homeFeatArticleWrapDiv {
float:left;	
}

#homeFeatArticleDiv {
width:290px;	
}

#homeFeatArticlePadDiv {
padding: 9px 7px 0px 17px;	
}

/* -- Home top panel white papers -- */

#homeWhitePaperDiv {
width: 535px;
padding: 22px 0px 0px 0px;
}

#homeWhitePaperTopDiv {
width: 535px;
height: 6px;
font-size: 1px;
background: url('../images/home-page-wp-top.gif') 0 0 no-repeat;	
}

#homeWhitePaperMidDiv {
width: 535px;
background: url('../images/home-page-wp-mid.gif') 0 0 repeat-y;		
}

#homeWhitePaperMidInnerDiv {
width: 533px;
min-height: 51px;
margin: 0px 0px 0px 1px;
background: url('../images/home-page-wp-mid-inner.gif') 0 0 no-repeat;	
}

#homeWhitePaperMidInnerPadDiv {
padding: 0px 0px 0px 6px;	
}

#homeWhitePaperBtmDiv {
width: 535px;
height: 6px;
font-size: 1px;
background: url('../images/home-page-wp-btm.gif') 0 0 no-repeat;	
}

#homeWhitePaperDiv ul {
margin: 8px 0px 0px 0px;	
}

#homeWhitePaperDiv ul li {
display: inline;
float: left;	
width: 175px;
margin: 0px 0px 3px 0px;
}

#homeWhitePaperDiv ul li a {
font: 1em Arial, sans-serif;
}






/* -- Inner top panel -- */

#innerTopPanelDiv {
position:relative;
padding: 19px 0px 0px 0px;	
}

/* -- Inner top panel text -- */

#innerTextBoxWrapDiv {
float:left;
width:579px;
}
	
#innerTextBoxDiv {
width: 579px;
}

#innerMainTextDiv {
	
}

#innerMainTextDiv ul {
margin: 1em 0px 0px;	
}

#innerMainTextDiv ul li {
color: #5f5f5f;
font: 1.2em Arial, sans-serif;
line-height: 1.5em;
padding: 0px 0px 1em 12px;
background: url('../images/inner-page-widget-bullet-dark.gif') 2px 0.5em no-repeat;
}
	
#innerMainTextPadDiv {
padding: 0px 10px;
}

#innerMainTextPadFullDiv {
padding: 7px 10px 0px 10px;
}

#innerMainTextQuote {
float: right;
padding: 33px 12px 18px 18px;
width: 196px;	
}

.mainTextHeading {
padding: 10px 0px 17px 0px;
}

.mainTextHeadingTop {
padding: 0px 0px 17px 0px;
}

/* -- Inner top panel text case studies page -- */

.caseStudiesMainItem {
	
}

.caseStudiesMainItemTitle {
display: block;
padding: 0px 0px 11px 0px;	
}

.caseStudiesMainItemSubtitle {
display: block;
padding: 0px 0px 14px 0px;	
}

.caseStudiesMainItemBanner {
display: block;	
padding: 0px 0px 16px 0px;
margin-left: -4px;
}


/* -- Inner top panel right column -- */

#innerRightColWrapDiv {
float:left;
width:280px;	
}

#innerRightColDiv {
width:280px;	
}

#innerRightColPadDiv {
padding: 0px 0px 0px 0px;	
}

/* -- Inner top panel right column widget -- */

.innerRightColWidgetWrap {
padding: 0px 0px 12px 7px;	
}

.innerRightColWidget {
width: 266px;	
}

.innerRightColTop {
width: 266px;
height: 35px;
background: url('../images/inner-page-widget-top.gif') 0 0 no-repeat;	
}

.innerRightColMid {
width: 266px;
background: url('../images/inner-page-widget-mid.gif') 0 0 repeat-y;	
}

.innerRightColMidPad {
padding: 13px 12px 8px 12px;	
}

.innerRightColMidPad ul {
margin: 0px;
}

.innerRightColMidPad ul li {
background: url('../images/inner-page-widget-bullet-light.gif') 2px 0.5em no-repeat;
padding: 0px 0px 0.6em 12px;
font-size: 1.1em;
color: #262626;	
}

.innerRightColMidPad ul li.darkBullet {
background: url('../images/inner-page-widget-bullet-dark.gif') 2px 0.5em no-repeat;
}

.innerRightColBtm {
width: 266px;
height: 6px;
font-size: 1px;
background: url('../images/inner-page-widget-btm.gif') 0 0 no-repeat;	
}

/* -- Inner top panel right column sub nav -- */

#innerRightColSubNavWrap {
padding: 0px 0px 22px 7px;
}

#innerRightColSubNav {
width: 272px;	
}

#innerRightColSubNavTop {
width: 272px;
height: 6px;
font-size: 1px;
background: url('../images/inner-page-subnav-top.gif') 0 0 no-repeat;	
}

#innerRightColSubNavMid {
width: 272px;
background: url('../images/inner-page-subnav-mid.gif') 0 0 repeat-y;	
}

#innerRightColSubNavMidInner {
width: 270px;
margin-left: 1px;
background: url('../images/inner-page-subnav-mid-inner.gif') 0 0 no-repeat;	
}

#innerRightColSubNav ul {
margin: 0px;
}

#innerRightColSubNav ul li {
font-size: 1.1em;
color: #262626;
}

#innerRightColSubNav ul li.first {
border-bottom: 1px solid #eee;
padding: 10px 0px 13px;
}

#innerRightColSubNav ul li.second {
border-bottom: 1px solid #eee;
padding: 12px 0px 12px;
}

#innerRightColSubNav ul li.third {
padding: 11px 0px 10px;
}

#innerRightColSubNavBtm {
width: 272px;
height: 10px;
font-size: 1px;
background: url('../images/inner-page-subnav-btm.gif') 0 0 no-repeat;	
}



.innerRightColTopImageWrap {
padding: 48px 0px 12px 7px;	
}

.innerRightColImageWrap {
padding: 0px 0px 12px 7px;	
}

.innerRightColImage {
width: 266px;	
}



	
	
	
	
#homeBotPanelSpacerDiv {
display: block;
height: 27px;
border-bottom: 1px solid #e3e3e3;
}
	
#homeBotPanelDiv {
position: relative;
padding: 0px 0px 0px 7px;
}
	
#homeWidget1WrapDiv {
float:left; 
width:291px;
background: url(../images/home-page-channel-tab.gif) 0 0 no-repeat;
}

#homeWidget1PadDiv {
padding: 22px 28px 0px 0px;
}

#homeWidget2WrapDiv {
float:left; 
width:292px;
margin: 0px;
background: url(../images/home-page-channel-tab.gif) 0 0 no-repeat;
}
	
#homeWidget2PadDiv {
padding: 22px 28px 0px 0px;
}
	
#homeWidget3WrapDiv {
float:left;
width:269px;
margin: 0px;
background: url(../images/home-page-channel-tab.gif) 0 0 no-repeat;
}
	
#homeWidget3PadDiv {
padding: 22px 24px 0px 0px;
}
	




#innerBotPanelSpacerDiv {
display: block;
height: 28px;
border-bottom: 1px solid #e3e3e3;
}
	
#innerBotPanelDiv {
position: relative;
padding: 0px 0px 0px 7px;
}
	
#innerWidget1WrapDiv {
float:left; 
display:inline;
width:291px;
background: url(../images/inner-page-channel-tab.gif) 0 0 no-repeat;
}

#innerWidget1PadDiv {
padding: 22px 28px 0px 0px;
}

#innerWidget2WrapDiv {
float:left; 
display:inline;
width:292px;
margin: 0px;
background: url(../images/inner-page-channel-tab.gif) 0 0 no-repeat;
}
	
#innerWidget2PadDiv {
padding: 22px 28px 0px 0px;
}
	
#innerWidget3WrapDiv {
float:left; 
display:inline;
width:269px;
margin: 0px;
background: url(../images/inner-page-channel-tab.gif) 0 0 no-repeat;
}
	
#innerWidget3PadDiv {
padding: 22px 24px 0px 0px;
}	
	



#caseStudyImgLeft {
float: left;
}

#caseStudyImgRight {
float: right;
}
	



.dottedRule {
margin: 2em 0px 2em;
height: 1px;
background: url('../images/dotted-border.gif') 0 0 repeat-x;
}
	
	

	
	

/* -- Footer Stucture -- */

#siteFooterWrapperDiv {
margin: 0px auto 0px;
padding: 42px 0px 0px; 
height: 5em;
background: url(../images/fotttopback.gif) repeat-x;
}
	
#siteFooterWrapperInnerDiv {
position:relative;
margin: 0px auto 0px; 
height: 25em;
background: url(../images/fotttopback.gif) repeat-x;
}

#siteFooterTopDiv {
width: 860px; /*page width*/
margin: 0px auto 0px; 
height: 5em;
background: url('../images/footer-bg.gif') 0 0 no-repeat;	
} 
	
#siteFooterTopPaddingDiv {
padding: 1.3em 1.7em;
}

ul#siteFooterTopLinks { 
display: inline;	
}

#siteFooterTopLinks li { 
display: inline;
color: #5c5c5c;
font: 1.1em Arial, sans-serif;
}
	
#siteFooterTopLinks li a {
font: 1em Arial, sans-serif;
color: #5c5c5c;
} 

#siteFooterTopLinks .first {
padding-right: 10px;
float:left;
padding-left: 0px;
border-right: #a6a6a6 1px solid;
}

#siteFooterTopLinks .second {
float:left;
padding-left: 10px;
padding-right: 10px;
border-right: #a6a6a6 1px solid;
}

#siteFooterTopLinks .third {
padding-right: 10px;
float:left;
padding-left: 10px;
}	

#siteFooterTopLinks .last { 
float: right;
padding-right: 0px;
border-left: none;
}			
		




	
		
	
		

				
/* ---------- 3. links and navigation ---------- */

a {/* default link style */
color: #262626;
}

a:link {
color: #262626;
}

a{
color: #262626;
}

a:hover {
color: #262626;
}

a:active {
color: #262626;
}

a:visited {
color: #262626;
}

body #content a:hover {/* default hover state style */
color: #262626;
}





/* -- Top and solution Navigational Links text styles -- */

#mainNavTopDiv a:link a:link, #mainNavTopInnerDiv a:link a:link {
color: #000;
text-decoration: none;
}

#mainNavTopDiv a:visited a:visited, #mainNavTopInnerDiv a:visited a:visited {
color: #000;
text-decoration: none;
}

#mainNavTopDiv a:hover a:hover, #mainNavTopInnerDiv a:hover a:hover {
color: #000;
text-decoration: underline;
}

#mainNavTopDiv a:active a:active, #mainNavTopInnerDiv a:active a:active {
color: #000;
text-decoration: underline;
}

#mainNavTopDiv li a.selected a.selected, #mainNavTopInnerDiv li a.selected a.selected {
color: #000;
}





/* -- top-level navigation graphic rollovers -- */

#mainNavTopDiv #mainNavTop li a:hover {
background-position: 0 -41px;
}
#mainNavTopDiv #mainNavTop li.selected {
background-position: 0 -41px;
}
#mainNavTopDiv #mainNavTop li a.selected {
background-position: 0 -41px;
}
#mainNavTopDiv #mainNavTop li a.selected:hover {
background-position: 0 -41px;
}
		
#mainNavTopDiv #tab_01_01_e a{
width: 103px;
background: url(../images/tab_01_01_e.gif) 0 0 no-repeat;
}
#mainNavTopDiv #tab_01_02_e a{
width: 102px;
background: url(../images/tab_01_02_e.gif) 0 0 no-repeat;
}
#mainNavTopDiv #tab_01_03_e a{
width: 104px;
background: url(../images/tab_01_03_e.gif) 0 0 no-repeat;
}
#mainNavTopDiv #tab_01_04_e a{
width: 103px;
background: url(../images/tab_01_04_e.gif) 0 0 no-repeat;
}

#mainNavTopDiv #tab_01_05_e a{
width: 116px;
background: url(../images/tab_01_05_e.gif) 0 0 no-repeat;
}





/* -- top-level navigation graphic rollovers -- */

#mainNavTopInnerDiv #mainNavInnerTop li a:hover {
background-position: 0 -43px;
}
#mainNavTopInnerDiv #mainNavInnerTop li.selected {
background-position: 0 -43px;
}
#mainNavTopInnerDiv #mainNavInnerTop li a.selected {
background-position: 0 -43px;
}
#mainNavTopInnerDiv #mainNavInnerTop li a.selected:hover {
background-position: 0 -43px;
}
	
#mainNavTopInnerDiv #tab_01_01_e a{
width: 103px;
background: url(../images/tab_02_01_e.gif) 0 0 no-repeat;
}
#mainNavTopInnerDiv #tab_01_02_e a{
width: 102px;
background: url(../images/tab_02_02_e.gif) 0 0 no-repeat;
}
#mainNavTopInnerDiv #tab_01_03_e a{
width: 104px;
background: url(../images/tab_02_03_e.gif) 0 0 no-repeat;
}
#mainNavTopInnerDiv #tab_01_04_e a{
width: 103px;
background: url(../images/tab_02_04_e.gif) 0 0 no-repeat;
}

#mainNavTopInnerDiv #tab_01_05_e a{
width: 116px;
background: url(../images/tab_02_05_e.gif) 0 0 no-repeat;
}	





#homeFeatArticleDiv p a {
color: #262626;
}

#innerRightColSubNav ul li a {
padding: 0px 0px 0px 13px;
font: 1.1em Arial, Verdana, sans-serif;
}

#innerRightColSubNav ul li a:hover {
text-decoration: none;
color: #6a6398;
}

#innerRightColSubNav ul li a.selected {
color: #6a6398;
}

.innerRightColMidPad ul li a {
font: 1em Arial, Verdana, sans-serif;
}

		
.dottedRule a {
float: right;
padding: 0.2em 0px 0px 0px;
font: 1.2em Arial, sans-serif;
}

.dottedRule a.backLink {
float: left;
padding: 0.2em 0px 0px 0px;
font: 1.2em Arial, sans-serif;
}

a.pdfIcon {
background: url('../images/adobe-icon.gif') 0 0 no-repeat;
padding: 0px 0px 0px 29px;
height: 1.8em;
display: block;
}






/* ---------- 4. fonts ---------- */

p {
font: 1.2em Arial, sans-serif;
line-height: 1.5em;
margin: 0px;
color: #5f5f5f;
}

.italic {
font-style: italic;
}

#homeFeatArticleDiv h1 {
font: 1.1em Arial, sans-serif;
margin: 0px;
padding: 10px 0px 0px 4px;
color:#cdcdcd;	
}

#homeFeatArticleDiv h2 {
font: 1.1em Arial, sans-serif;
font-weight: bold;
margin: 0px;
padding: 2px 0px 0px 4px;
line-height: 1.6em;
}

#homeFeatArticleDiv p {
font: 1.1em Arial, sans-serif;
padding: 3px 0px 0px 4px;
line-height: 1.6em;	
}
	
#homeWhitePaperDiv h2 {
margin: 0px;
font: 1em Arial, sans-serif;
font-weight: bold;	
}

.headingNote {
font-weight: normal;
font-style: italic;
}

#homeBotPanelDiv p {
margin: 12px 0px 0px 0px;	
}
	
#innerBotPanelDiv p {
margin: 12px 0px 0px 0px;	
}

.innerRightColWidget h1 {
font: 1.1em Arial, sans-serif;
font-weight: bold;
color: #262626;
margin: 0px;
padding: 10px 0px 0px 13px;
}

.innerWidgetHeadingStrap {
font: 1em Arial, sans-serif;
font-weight: normal;
font-style: italic;
color: #5f5f5f;	
padding: 0px 0px 0px 6px;
}

#innerMainTextDiv h1 {
font-family: Calibri, Verdana, Arial, sans-serif;
font-size: 2.6em;
margin: 0px 0px 17px 0px;	
}

#innerMainTextDiv p {
margin: 0px 0px 17px 0px	
}

#innerMainTextQuote p {
color: #40c3ed;
font-family: Calibri, Verdana, Arial, sans-serif;
font-size: 1.8em;
line-height: 1.2em;
margin: 0px;
}

#innerMainTextQuote p .quotes {
font-family: Georgia, Verdana, Arial, sans-serif;
color: #bababa;
}

p.caseStudyQuote {
color: #40c3ed;
font-family: Calibri, Verdana, Arial, sans-serif;
font-size: 1.4em;
line-height: 1.2em;
margin: 0px;
}

p.caseStudyQuote .quotes {
font-family: Georgia, Verdana, Arial, sans-serif;
color: #bababa;
}

p.caseStudyQuote .italic {
color: #5f5f5f;
font-size: 0.9em;
}

#innerMainTextDiv .caseStudiesSubItem h1 {
font: 1.2em Arial, sans-serif;
color: #5f5f5f;
font-weight: bold;
margin: 22px 0px 7px -12px;
background: url('../images/inner-page-widget-bullet-dark.gif') 2px 0.3em no-repeat;
padding: 0px 0px 0px 12px;	
}

.caseStudiesSubItem h1 .caseStudiesSubItemTitleStrap {
font-style: italic;
font-weight: normal;	
}

ol {
font: 1.1em Arial, sans-serif;
color: #5f5f5f;
line-height: 1.5em;
}

ol li {
font: 1.1em Arial, sans-serif;
color: #5f5f5f;
line-height: 1.5em;
}

dt, dd {
font: 1.1em Arial, sans-serif;
color: #5f5f5f;
line-height: 1.5em;
}


	
	#homePage #homeTextBoxDiv h2 {
	padding: 0px;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #202020;
	margin: 0px 0px 0.6em;
	}
	
	#homePage #homeTextBoxDiv ul {
	margin-left:5px;
	margin-top:0.9em;
	margin-bottom:0.8em;
	line-height:1.4em;
	color:#242424;
	}
	
	
	#newsBoxDiv h1 {
	text-indent: -100em;
	overflow: hidden;
	background: url(../images/head_latestnews.gif) no-repeat;
	height: 22px;
	margin-top:0px;margin-bottom:0px;
	border-bottom:1px solid #ccc;
	}
		
	#newsBoxDiv h2 {
	font: 1em Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	margin:0px;
	color:#565656;
	}
	
	#newsBoxDiv p{
	font: 1em Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal;
	margin:0.1em 0px 0px;
	color:#666;
	line-height:1.4em;
	}
	
	#newsBoxDiv p a{
	color:#666;
	}

	#newsBoxDiv h2.date {
	margin-top:10px;
	}

	.newsReadMore {
	float: right;
	margin-bottom:5px;
	}
	
	
	
	
	#moreBoxDiv h1 {
	text-indent: -100em;
	overflow: hidden;
	background: url(../images/head_wanttoknowmore.gif) no-repeat;
	height: 27px;
	margin-top:0px;margin-bottom:20px;
	border-bottom:1px solid #ccc;
	}

	#moreBoxDiv h2 {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif; 
	margin: 13px 0px 0px 0px;
	color:#202020;
	}
	
	#moreBoxDiv p {
	font: 1em Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal;
	margin:0.6em 0px 13px;
	color:#666;
	}
	
	
	
	
	
	#teamBoxDiv h1 {
	text-indent: -100em;
	overflow: hidden;
	background: url(../images/head_meettheteam.gif) no-repeat;
	height: 27px;
	margin-top:0px;margin-bottom:0px;
	border-bottom:1px solid #ccc;
	padding: 0px 20px;
	}

	#teamBoxDiv h2 {
	text-indent: -100em;
	overflow: hidden;
	margin: 14px 0px 0px 0px;
	}
	
	#teamBoxDiv p {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	margin:0em 0px 13px;
	padding: 0.4em 0px 0px 6px;
	color:#A70F1E;
	border-top: 2px solid #A70F1E;
	}
	
	#teamBoxDiv p .role 
	{
		font-style: italic;
		color: #666;
		padding: 0px 0px 0px 2px;
		font-weight: normal;
		
	}
	

	
	
	

	
	#homePage #homeWidget1Div h1 {
	
	text-indent: -100em;
	overflow: hidden;
	background: url(../images/head_payandtick.gif) no-repeat;
	height: 53px;
	margin-top:3px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
	}
	
	#homePage #homeWidget1Div p {
	margin-top:1em;
	width:237px;
	margin-bottom:1.3em;
	}
	
	#homePage #homeWidget2Div h1 {
	
	text-indent: -100em;
	overflow: hidden;
	background: url(../images/head_loyandvouch.gif) no-repeat;
	height: 53px;
	margin-top:3px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
	}
	
	#homePage #homeWidget2Div p {
	margin-top:1em;
	width:237px;
	margin-bottom:1.3em;
	}
	
	
	#homePage #homeWidget3Div h1 {
	
	text-indent: -100em;
	overflow: hidden;
	background: url(../images/head_infoandsd.gif) no-repeat;
	height: 53px;
	margin-top:3px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
	}
	
	
	
	#homePage #homeWidget3Div p {
	margin-top:1em;
	width:237px;
	margin-bottom:1.3em;
	}
	
	
	/* Inner page text styles */
	
	#innerPageContentDiv h1 {
		margin: 0px;
		padding: 0px;
		font: 2em Verdana, Arial, Helvetica, sans-serif; 
		
		color: #a70f1e;
	}
	
	#innerPageContentDiv h2 {
		margin: 1.5em 0px 0px 0px;
		padding: 0px;
		font: 1.7em Arial, Verdana, sans-serif;
		font-weight:bold;
		color: #202020;
	}
	
	#innerPageContentDiv h3 {
		margin: 1.5em 0px 0px 0px;
		padding: 0px;
		font: 1.5em bold Arial, Verdana, sans-serif;
		color: #202020;
	}
	
	#innerPageContentDiv p {
		margin: 1.3em 0px 0px 0px;
		padding: 0px;
		font: 1.1em Verdana, sans-serif;
		line-height: 1.5em;
		color: #202020;
	}
	
	
	/* faq page styles */
	
	#innerPageFaqContent h2 {
		color: #a70f1e;
		font: 1.4em bold Arial, Verdana, sans-serif;
	}
	
	#innerPageFaqContent p {
		margin: 0.3em 0px 0px 0px;
	}
	
		
	#siteFooterMidDiv h3 {
	color: #7f7f7f;
	font-size:1.1em;
	font-weight:normal;
	margin:0;
	}
	
	#homePage #homeTopPanelDiv p {
	
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #242424;
	line-height:1.3em;
	}
	
	#homePage #homeTopPanelDiv ul {
	
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #242424;
	line-height:1.3em;
	}
	
	#callDiv p {
	font: 1.5em Arial, Helvetica, sans-serif;
	color: #565656;
	}
	
	#callDiv p a{
	
	color: #bb1624;
	}
	

	#innerPageContentDiv #newsFootnotes h1 {
		margin: 0px;
		font-size: 1.2em;
	}
	
	#innerPageContentDiv #newsFootnotes h2 {
		margin: 0px;
		font-size: 1.2em;
	}
	
	#innerPageContentDiv #newsFootnotes p {
		margin: 0px;
		font-size: 0.9em;
	}
	
	
	/*------- case study footer -------- */
	
	#caseStudy01Div h1, #caseStudy02Div h1, #caseStudy03Div h1 {
	font: 1.4em Arial, Helvetica, sans-serif;
	color:#bb1624;
	margin: 0px;
	}
	
	#innerPageContentDiv #clientsCaseStudy01Div h1, #innerPageContentDiv #clientsCaseStudy02Div h1, #innerPageContentDiv #clientsCaseStudy03Div h1 { 
	font: 1.7em Arial, Helvetica, sans-serif;
	color:#bb1624;
	margin: 0px;
	}
	
	#caseStudy01Div h2, #caseStudy02Div h2, #caseStudy03Div h2 {
	font: 1.2em Arial, Helvetica, sans-serif; 
	color:#000; 
	margin: 0px 0px 5px 0px;
	}
	
	#innerPageContentDiv #clientsCaseStudy01Div h2, #innerPageContentDiv #clientsCaseStudy02Div h2, #innerPageContentDiv #clientsCaseStudy03Div h2 {
	font: 1.5em Arial, Helvetica, sans-serif; 
	color:#000; 
	margin: 0px 0px 15px 0px;
	}
	
	#caseStudy01Div p, #caseStudy02Div p, #caseStudy03Div p {
	color:#242424; 
	margin: 0px 0px 5px 0px;
	}
	
	#innerPageContentDiv #clientsCaseStudy01Div p, #innerPageContentDiv #clientsCaseStudy02Div p, #innerPageContentDiv #clientsCaseStudy03Div p {
	color:#666666; 
	margin: 0px 0px 15px 0px;
	}
	
	#caseStudy01Div a, #caseStudy02Div a, #caseStudy03Div a {
	color:#000; 
	margin: 0px 0px 0px 0px;
	text-decoration:underline;
	}
	
	#innerPageContentDiv #clientsCaseStudy01Div a, #innerPageContentDiv #clientsCaseStudy02Div a, #innerPageContentDiv #clientsCaseStudy03Div a {
	color:#000; 
	margin: 0px 0px 0px 0px;
	text-decoration:underline;	
	}
	
	
	#PageTitle h1 
	{
		font-size: 2.5em;
		color: #262626;
		margin: 0 0 21px 0;
		line-height: 1em;
	}
	
	
	
/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
border: 0;
}

#homeTextBoxDiv img {
padding: 0px 0px 20px 0px;
}
	
#contactMap {
float:left;  
padding: 10px 20px 0px 0px;
}

#contactAddDiv {
float:left; 
padding-top:12px;
}

#googleMapDiv {
float:left;
padding-top:12px;
}

		
		
		

/* ---------- 6. forms ---------- */

#innerMainTextDiv form {
margin: 1.5em 0px 0px 0px;
}

#innerMainTextDiv legend {
color: #fff;
}

#innerMainTextDiv label {
font: 1.1em Verdana, sans-serif;
float: left;
width: 100px;
height: 3em;
}



	
/* ---------- 7. tables ---------- */
	
table {/* defaults */
		}
	

td p {/* bring paragraphs within cells to standard size */
		font-size: 1em;
		}
		
		/* table without borders */
		
table.noBorders {
		border: 0;
		}
		
table.noBorders td {
		border: 0;
		}
		
		
/* ---------- 8. misc stuff ---------- */





/* ---------- 9. Styles for page specific content ---------- */
		


/* ------------ A. debug  ------------ */
		


	
