@charset "utf-8";
/* CSS Document */



body
	{
		margin:0;
		padding:0;
		
		color:#666;
		font-size: 70%;
		font-family: Arial, Helvetica, sans-serif;
		text-align:center;
		background:url(../images/mainback.gif) repeat-x top left;
	}
	
	
.centre 
{
	background: #FFFFFF url(../images/back_top_black.gif) no-repeat 0 0;
	position:relative;
	width: 895px;

	margin:0px auto 0px auto;
	text-align:left;
	padding:0 0 40px 0px;
	overflow:hidden;
	visibility: inherit;
}

.logo {
margin:12px 0 0 0;
padding:0 0 0 30px;
float:left;
}


.header {
height:102px;
position:relative;
}

.SecNav {
float:right;
text-align:right;
overflow:hidden;
padding: 38px 28px 0 0;
margin:0 0 0 0;
width:17.3em;

}




.SecNav  h2 {
text-align:right;
color:#2c89b5;
font-size:1.7em;
background: url(../images/talktous_icon.gif) no-repeat top right;
font-weight:normal;
padding:31px 0 0px 0;
margin:0;
}
	


.SecNav  h3 {
font-weight:normal;
white-space:nowrap;
	font-size:1.4em;
	line-height:1.1em;
margin:5px 0 0 0;
padding:14px 0 0 0;

}
	
	
	.SecNav .link2 {
white-space:nowrap;
	font-size:1.1em;
margin:0;
padding:0;
text-decoration:none;
}


	.SecNav  a.link2:hover {
text-decoration:underline;
}



	
	/*************************************************************************
GENERAL FORMATTING: IN LINE STYLES, HEADINGS, ETC
*************************************************************************/	

h1,h2,h3,h4,h5,h6
	{
		color:#2B88B5;
	}
	
h1
	{ font-size:1.5em }	
h2
	{
		font-size:1.2em;

	}
h3
	{
		font-size:1.0em;
	}	


/* Slightly fatter linespacing for lower pages content */
#content p,#content ul,#content ol
	{
		line-height:1.4em;
	}	

/* inline Anchors: */

a,a:visited,a:hover
	{
		color:#2B88B5;
		text-decoration:underline;
	}

a:hover
	{
		color:#2FA5DE;
	}
	
a.arrow
	{
		background:url(../images/bullet_bluearrow.gif) no-repeat 100% 2px;
		padding-right:8px;
	}	
	
a.arrownone
	{
		text-decoration:none;
	}
	
a.pdf,a.doc,a.xls
	{
		padding-left:22px;
	}	

a.pdf
	{
	background:url(../images/icon_pdf.gif) no-repeat top left;
	padding-bottom:4px
	}
a.doc
	{
	background:url(../images/icon_doc.gif) no-repeat top left;
	padding-bottom:4px
	}
a.xls
	{
	background:url(../images/icon_xls.gif) no-repeat top left;
	padding-bottom:4px
	}			
	
img
	{
		border:none;
	}
	
br.clear
	{
		font-size:0;
		line-height:0;
		clear:both;
		float:none;
	}	
	
.floatleft
	{
		float:left;
		margin:10px 0 10px 0;
		padding:0 20px 0 0;
/*		visibility:hidden;*/
	}
	
.floatright
	{
		float:right;
		margin:10px 0 10px 20px;
	}
	
.small
	{
		margin:0;
		padding:0;
		font-size:0.95em;
	}	
	
.minheight
	{
		height:300px;
	}				

/*************************************************************************
TOP BAR
*************************************************************************/	

#banner
	{

	}
	
/*************************************************************************
BREADCRUMB TRAIL
*************************************************************************/	
#breadcrumb
	{
		background:#F2F2F2;
		color:#333;
		padding:0 0 0 19px;
		min-height:15px;
		height:15px;
		border-bottom:1px solid #FFF;
	}
	
#breadcrumb p
	{
		margin:0;
		padding:0;
		line-height:15px;
		float:left;
		background:#F2F2F2;		
	}

#breadcrumb ul
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}	
	
#breadcrumb li
	{
		float:left;
		margin:0;
		padding:0 0 0 22px;
		background:#F2F2F2 url(../images/bullet_breadcrumb.gif) no-repeat center left;
		color:#2B88B5;
		line-height:15px;
	}
	
#breadcrumb li a,#breadcrumb li a:visited
	{
		color:#2B88B5;
		text-decoration:none;
	}
	
#breadcrumb li a:hover
	{
		text-decoration:underline;
	}	
	
	
	
	
	/*************************************************************************
TOPNAV
*************************************************************************/			
	
#topnav
	{
		background:url(../images/topnav_right.gif) repeat-x top right;
		width:843px;
		height:25px;
		z-index:10;
		position:relative;
		margin:0 25px 0 25px;
		padding-left:1px;
	}
	
#topnav ul
	{
		height:25px;	
		margin:0;
		padding:0 0 0 12px;
		list-style-type:none;
		background:url(../images/topnav_left.gif) no-repeat 165px 0px;
	}
	
#topnav li
	{
		float:left;
		margin:0;
		padding:0;
		border-left:1px solid #FFF;
	}
	
#topnav li#navcontact
	{
		padding-right:1px;
		background:url(../images/topnav_right2.gif) no-repeat top right;
	}	

#topnav a,#topnav a:visited
	{
		font-weight:bold;
		text-decoration:none;
		padding:4px 10px;
		display:block;
		background:#E4E4E4 url(../images/topnav_tile.gif) repeat-x top left;
		border:1px solid #E4E4E4;
		white-space:normal;
		text-align:left;
	}	
	
html > body #topnav a, html > body #topnav a:visited
	{
		/* unsure why this is necessary, but anchors are 1 pixel shorter in Firefox, Opera, etc than IE */
		padding:4px 10px 5px;
	}

#topnav a:hover
	{
		color:#FFF;
		background:#267AA2 url(../images/topnav_tile_hilite.gif) repeat-x top left;
		border:1px solid #267AA2;
	}
	
/********* SECOND LEVEL (DROP DOWNS) ************/

#topnav li ul
	{
		background:none;
		border:none;
		margin:0;
		padding:0;
		height:auto;
		position:absolute;
		left:-999em;
		width:180px;
		border-top:1px solid #FFF;
	}	
	
#topnav li li
	{
		clear:both;
		border:0;
		width:100%;
	}

#topnav li:hover ul, #topnav li.sfhover ul
	{	left:auto; }	
	
#topnav li li a,#topnav li li a:visited,#topnav li li a:hover
	{
		height:1%;
		line-height:1em;
		padding:4px 11px;
		background:#E4E4E4 url(../images/topnav_drop_tile.gif) repeat-x top left;
	}

/* Feed background color to IE 5 to stop weird list background disappearing bug */
/* escaped value passes correct settings back to IE6 */
* html #topnav li li a,#topnav li li a:visited,#topnav li li a:hover
	{
		background:#F2F2F2;
		bac\kground:#E4E4E4 url(../images/topnav_drop_tile.gif) repeat-x top left;
	}


#topnav li li a:hover
	{
		background:#267AA2 url(../images/topnav_drop_tile_hilite.gif) repeat-x top left;		
	}
	
/* Feed background color to IE 5 to stop weird list background disappearing bug */
/* escaped value passes correct settings back to IE6 */
* html #topnav li li a:hover
	{
		background:#267AA2;
		bac\kground:#267AA2 url(../images/topnav_drop_tile_hilite.gif) repeat-x top left;				
	}
	
/*************************************************************************
WRAPPER DIV FOR CONTENT
*************************************************************************/

#wrapper
	{
		clear:both;
		padding:15px 0;
		width:780px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
	}
	
	
	/* ********************************************Home Header ************************************ */
	
	.HomeHeader {
	position:relative;
	background: url(../images/header_image1.jpg)  no-repeat top left;		
	margin:10px 0 0 26px;
	width:843px;
	height:285px;

	}
	
	
	
	.SectionHeader {
	position:relative;
	background: url(../images/header_image_cut1.jpg)  no-repeat top left;		
	margin:5px 0 0 25px;
	width:843px;
	height:77px;
	}
	
	
	.SectionStrap {
	position:absolute;
left:26px;
top:40px;
width:340px;
height:108px;
color:#FFFFFF;
}


	.SectionStrap  h1{
font-weight:normal;
font-size:2.0em;
color:#FFFFFF;
margin:0 0 8px 0;
padding:0;
}
	
	
	
	.FlashHolder {
	
	position:absolute;
	left:500px;
	top:200px;
}



.Strap {
	position:absolute;
left:40px;
top:80px;
width:340px;
height:108px;


}


.Strap h1 {
font-weight:normal;
font-size:2.2em;
color:#FFFFFF;
margin:0 0 8px 0;
padding:0;
}



.Strap h2 {
font-weight:normal;
font-size:1.4em;
line-height:1.3em;
color:#FFFFFF;
margin:0 0 8px 0;
padding:0;
}



.Strap a:active, .Strap a:hover  {
color:#FFFFFF;
text-decoration:underline;
}


.Strap  a {
display:block;
height:16px;
width:100px;
padding:1px 0 0 22px;
background: url(../images/arrow.png) no-repeat top left;	
font-size:1.0em;
color:#FFFFFF;
text-decoration:none;

}


.Strap  a:active,  .Strap  a:hover {
text-decoration:underline;

}
	
	
.BoxHolder {
width:100%;
overflow:hidden;
margin:0;
padding:0;
}

.BH2 {
margin:10px 0 0 0;
}
	
	
html > body .HomeFeatureBox { /* I.E. 6 Hack*/
margin:10px 10px 0 26px;
padding:0;
float:left;
position:relative;
}

.HomeFeatureBox  h2 {
font-size:1.1em;
background:#378fb8 url(../images/box1_headerback.gif) repeat-x top left;			
height:16px;
width:216px;
color:#FFFFFF;
font-weight:normal;
padding:5px 0 5px 16px;
margin: 0;
}


.HomeFeatureBoxContent {
width:230px;
height:25em; /* *******************************************************************  Use this to fix the height of the Feature boxes ************** */
background:#FFFFFF url(../images/box1_contentback.gif) repeat-x top left;		
border-style: solid;
border-top-width: 0px;
border-left-width: 1px; 
border-right-width: 1px;
border-bottom-width: 1px;
border-color: #e6e5e5;
}


.HomeFeatureBox  p {
font-size:1.0em;
line-height:1.3em;
color:#3e4447;
margin:5px 20px 10px 16px;
overflow:hidden;
height:12em;
padding:0;
}


.HomeFeatureBox   a {
position:absolute;
left:16px;
top:24em;
display:block;
height:16px;
width:100px;
padding:1px 0 0 22px;
background: url(../images/arrowicon_orange.gif) no-repeat top left;	
font-size:1.0em;
color:#4396ca;
text-decoration:none;

}


.HomeFeatureBox   a:active,  .HomeFeatureBox   a:hover {
text-decoration:underline;

}







.HomeSPBox {
margin:10px 0 0 0;
padding:0;
float:left;
position:relative;
}

.HomeSPBox  h2 {
font-size:1.1em;
background:#d5a334 url(../images/boxSP_headerback.gif) repeat-x top left;			
height:16px;
width:347px;
color:#FFFFFF;
font-weight:normal;
padding:5px 0 5px 10px;
margin: 0;
}

.ico {
padding:0 0 0 22px;
margin:0;
background: url(../images/arrowicon2_orange.gif) no-repeat top left;	
}


.HomeSPBoxContent {
width:355px;
height:25em; /* *******************************************************************  Use this to set the height of the Solutions box  ************** */
background:#FFFFFF url(../images/solutionsback.gif)  repeat-x  top left;		
border-style: solid;
border-top-width: 0px;
border-left-width: 1px; 
border-right-width: 1px;
border-bottom-width: 1px;
border-color: #e6e5e5;
margin:0;
padding:0;
}

.HomeSPBoxContent  ul {
margin:0;
padding:0;
list-style:none;
}

.HomeSPBoxContent  li {	
margin:0;
padding:0;
}

.SPtop {
background: url(../images/solutions_divider.gif)  repeat-x  bottom left;
width:353px;
height:16px;
}


.SPbttm {
width:353px;
height:10px;
margin:0;
padding:0;
}





.HomeSPBoxContent  a {
display:block;
background: url(../images/solutions_divider.gif)  repeat-x  bottom left;	
margin:0;
padding:3px 0 5px 32px;
font-size:1.1em;
line-height:1.2em;
min-height:15px;
height:auto !important;
height:15px;
color:#507ea8;
text-decoration:none;
}


.HomeSPBox   a:active,  .HomeSPBox   a:hover {
text-decoration:underline;

}



html > body .LogoBoxHolder  { /* I.E. 6 Hack*/ 
float:left;
margin:0 10px 10px 26px;
padding:0;
clear:left;
}

.LogoBoxHolder  h2 {
font-size:1.1em;
background:#378fb8 url(../images/box1_headerback.gif) repeat-x top left;			
height:16px;
width:459px;
color:#FFFFFF;
font-weight:normal;
padding:5px 0 5px 16px;
margin: 0;
}


.LogoBoxContent {
overflow:hidden;
width:473px;
border-style: solid;
border-top-width: 0px;
border-left-width: 1px; 
border-right-width: 1px;
border-bottom-width: 0;
border-color: #e6e5e5;
margin:0;
padding:0;
}

.LogoBox {
border-style: solid;
border-top-width: 0px;
border-left-width: 0px; 
border-right-width:0px;
border-bottom-width: 1px;
border-color: #e3e3e3;
text-align:center;
float:left;
width:157px;
margin:0;
padding:6px 0 0 0;


}


.LB2 {
border-style: solid;
border-top-width: 0px;
border-left-width: 1px; 
border-right-width:1px;
border-bottom-width: 1px;
border-color: #e3e3e3;
width:157px;
padding:6px 0 0 0;
}





.HomeNewsBox {
margin:0 0 0 0;
padding:0;
float:left;
position:relative;
}

.HomeNewsBox  h2 {
font-size:1.1em;
background:#8b8b96 url(../images/boxNews_headerback.gif) repeat-x top left;			
height:16px;
width:341px;
color:#FFFFFF;
font-weight:normal;
padding:5px 0 5px 16px;
margin: 0;
}



.HomeNewsBoxContent {
color:#3e4447;
width:355px;
background:#FFFFFF url(../images/box1_contentback.gif) repeat-x top left;	
border-style: solid;
border-top-width: 0px;
border-left-width: 1px; 
border-right-width: 1px;
border-bottom-width: 1px;
border-color: #e6e5e5;
margin:0;
padding:0;
}

.HomeNewsBoxContent  dl {
font-size:1.1em;
line-height:1.2em;
margin: 0;
padding:16px 16px;
}

.HomeNewsBoxContent  dt {	
margin:0 0 2px 0;
padding:0;
}

.HomeNewsBoxContent  dd {	
margin:0 0 2px 0;
padding:0;
}

.NewsEnd {
margin:0;
padding:0;
height: 26px;
}


.SPtop {
background: url(../images/solutions_divider.gif)  repeat-x  bottom left;
width:353px;
height:16px;
}


.SPbttm {
width:353px;
height:10px;
margin:0;
padding:0;
}





.HomeNewsBoxContent  a {
margin:0;
padding:0;
font-size:.9em;
line-height:1.2em;
color:#507ea8;
text-decoration:none;
}


.HomeNewsBox   a:active,  .HomeNewsBox   a:hover {
text-decoration:underline;

}



.footer {
border-top:1px solid #9696a9;
clear:left;
margin:10px 26px 0 26px;
padding:0 16px 0 16px;

}


.footer  ul {
float:left;
margin:10px 0 0 0;
padding:0;
list-style:none;
}


.footer  li {
display:inline;
margin:0;
padding:0;

}


.footer a {
margin:0;
padding:0 12px 0 0;
font-size:.9em;
line-height:1.2em;
color:#507ea8;
text-decoration:none;


}


.footer   a:active,  .footer   a:hover {
text-decoration:underline;

}

.copy {
margin:10px 10px 0 0;
float:right;
font-size:.9em;
line-height:1.2em;
}


.BdCrumb {
height:33px;
background-color:#3b91ba;
margin:1px 0 0 25px;
width:843px;
overflow:hidden;


}

.BdCrumb ul {
font-size:1.0em;
line-height:1.0em;
font-weight:bold;
margin:10px 12px 0 15px;
padding:0;
color:#e5e4e4;
list-style:none;
float:right;
}



.BdCrumb  li {
margin:0;
padding:0 0 0 4px;
float:left;
}

.BdCrumb  a {
margin:0 6px 0 4px;
padding:0;
color:#FFFFFF;
font-size:1.0em;
line-height:1.0em;
text-decoration:none;
}

.BdCrumb  span {
margin:0 6px 0 6px;
padding:0;
}


.BdCrumb  a:active,  .BdCrumb  a:hover {
color:#FFFFFF;
text-decoration:underline;
}


.SectionContentHead {
height:45px;
background-color:#5e5e5e;
margin:0 0 0 25px;
width:843px;
padding:0;


}


.SectionContentHead h1 {
color:#FFFFFF;
font-size:1.4em;
line-height:1.4em;
font-weight:normal;
margin:0 0 0 25px;
padding:14px 0 0 0;
}


.ClientListHolder {
width:841px;
padding:20px 0 20px 0;
margin:0 0 50px 25px;
border-style: solid;
border-top-width: 0px;
border-left-width: 1px; 
border-right-width: 1px;
border-bottom-width: 1px;
border-color: #dde4ec;

}

.ListBox {
width:500px;
overflow:hidden;
margin:5px 0 5px 20px;
padding:5px 0 10px 0;
border-bottom:1px solid #dde4ec;

}

.ListBox div {
float:left;
margin: 0 20px 0 0;
width:180px;

}


.ListBox p {
overflow:hidden;
width:250px;
margin:10px 0 0 0;
padding:0;

}