﻿/*  Style css for the BHP site */
body
{
	background-image:url('../images/bg_page.gif');
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, sans-serif;

	font-size: 62.5%;

	font-weight:normal;
	color:#495a76;  
}


#sitemap
{
   margin-top: 10px;
   margin-left: 20px;
}

#sitemap  ul
{
     margin-left:0px;
     list-style-type: none;
     font-weight: normal!important;

}

#sitemap  li ul
{
     margin-left:10px;
     
}

#sitemap a
{
   font-size: 85%;
}


#pageWrapper{
	background-color:#FFFFFF;
	font-size: 1.4em;
}
#header{
	padding: 25px 0px 0px 20px;
	position:relative;
	height:60px;
}
#header .newsletter{
    position:absolute;
    bottom:20px;
    right:20px;
}
#menu
{
    clear:both;
	color:#FFFFFF;
	background-image:url('../images/nav_bg_blue.gif');
	background-repeat:repeat-x;
}
#menu li {
	border-left:solid 1px #657692;
	border-right:solid 1px #2e3953;
}
#menu li a:hover {
    text-decoration:none;
	background-image:url('../images/nav_bg_red.gif');
	background-repeat:repeat-x;
}
#menu li.selected a {
	background-image:url('../images/nav_bg_red.gif');
	background-repeat:repeat-x;
}
#menu li a {
	font-size:1.1em;
	font-weight: bold;
    color:#FFFFFF;
    display:block;
    width:125px;
}

#breadcrumb{
	line-height:27px;
	padding:0px 10px;
	font-size:0.8em;
        border-bottom: 1px solid #ccdadf
}

#breadcrumb a {
	color: #495a76;
}

.bgWash{
	background-image:url('../images/breadcrumb_bg_blue.gif');
	background-repeat:repeat-x;
}
#content{

}

#navigation a{
	text-decoration:none;
}


.sections
{
   float:left; 
   border-bottom: 1px solid #ccdadf;
   margin: 15px 0 0 0;
   padding-bottom: 10px;  
}

.navSection{
	margin-top:2px;

}
.navHeader{
     border:1px #ccdadf solid;	
	height:24px;
	padding:1px;
}
.navHeader a {
	/*color:inherit;	*/
	font-size:1.1em;
	font-weight: bold;
        text-decoration: none;
	display:block;
	height:24px;
	color: #495a76;
}

.navHeader a:visited {
        /*text-decoration: none !important;*/
}


.navHeader a.selected{
	color:#FFFFFF;

}

.navHeader img{
	vertical-align:middle;	
	margin-right:10px;
}

.navContent
{
    /*padding-bottom:10px;*/
    
}

.navContent p
{
    font-size: 0.9em;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-top: 2px;
    padding-bottom: 0px;
    

}


.bullet{
	margin:0px 10px;	
}
.navLinks{
	list-style:none;	
	/*margin:15px 0px 15px 0px;*/	
	margin:5px 0px 5px 0px;
	padding:0px 0px 10px 0px;


}
.navLinks li{
	/*margin:3px 0px;*/
	/*margin:3px 0px;*/
	padding:3px 0px;
	font-size: 0.85em;
	font-weight: bold;




}

.navLinks li.active
{
   	background-color:#eef3f4;
}

.navLinks li a {
	color: #495a76;
	background-position: 12px 3px;
	background-repeat:no-repeat;
	padding-left: 30px;
	background-image:url(../images/link_arrow.gif);
}

.navLinks li a:hover {
	 text-decoration: underline !important;
	 color:#8caeb5;
}

.navLinks li a.bullet_blue {
    background-image:url(../images/link_arrow_blue.gif) !important;
}

.navLinks li a.bullet_pink {
    background-image:url(../images/link_arrow_pink.gif) !important;
}
.navLinks li a.bullet_purple {
    background-image:url(../images/link_arrow_purple.gif) !important;
}
.navLinks li a.bullet_green {
    background-image:url(../images/link_arrow_green.gif) !important;
}

#footer{
	font-size:0.8em;
	color:#7f93a1;
	padding:20px 20px;
        
}
#copyright{
	float:right;	
}
img{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
}

a {
	/*font-size:1em;*/
	/*color: #495a76;*/
	text-decoration:none;
	color: #00137F;
font-weight: bold;
}

a:visited
{
	/*text-decoration:none;*/
}

a:hover
{
    text-decoration:underline;
    color:#8CAEB5;
}

#footer a{
	color:#7f93a1;
	
}

.linkArrowRight
{
    height:20px;
    padding-right: 15px;
    background: url(../images/link_arrow.gif) no-repeat;
    background-position: right 4px;
}

.linkArrow {
    padding-left: 15px;
    background: url(../images/link_arrow.gif) no-repeat left;
    font-size: 0.9em;
	margin-right: 10px;
}

.linkArrow_blue
{
        padding-left: 15px;
        background: url(../images/link_arrow_blue.gif) no-repeat left;
        font-size: 0.9em;
	margin-right: 5px;

}

.linkArrow_red
{
        padding-left: 15px;
        background: url(../images/link_arrow_pink.gif) no-repeat left;
        font-size: 0.9em;   
	margin-right: 5px;
}

.linkArrow_pink
{
        padding-left: 15px;
        background: url(../images/link_arrow_pink.gif) no-repeat left;
        font-size: 0.9em;   
	margin-right: 5px;
}
.linkArrow_purple
{
        padding-left: 15px;
        background: url(../images/link_arrow_purple.gif) no-repeat left;
        font-size: 0.9em;
	margin-right: 5px;
}
.linkArrow_green
{
        padding-left: 15px;
        background: url(../images/link_arrow_green.gif) no-repeat left;
        font-size: 0.9em;
	margin-right: 5px;
}



p img.linkArrow
{
	margin:0px 5px;
 	
}

.pageBlock .linkArrow
{
	margin:0px 5px;
}
h1{
	font-size:1.4em;
	margin:0px 0px 0px 0px;
	
}

h2{
	font-size:1.2em;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}


h3
{
	font-size:1.1em!important;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}


.pageBlock h3
{
	font-size:1em;	
	padding-top: 10px;

}

.pageBlock p
{
	font-size:0.85em!important;	
}

img.quote-logo
{
 padding: 10px 0;
}


h3.quote 
{
  padding-top: 0!important;
  font-size: 1em!important;
}


h4{
	margin:0px;
	font-size:1.1em;
	font-weight:bold;
}
p{
	margin-top:0px;
	margin-bottom:10px;
}

.logoScan{

	height:120px;
	line-height:120px;	
	text-align:center;
	position:relative;
}
.logoScan img {
	vertical-align:middle;
}
.logoScan .logoScanRollover {
    display:none;
    
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;

    height:98px;
    width:206px;
    border:solid 1px #FFFFFF;
    padding:10px;
    line-height:14px;

    text-align:left;
    
	filter:alpha(opacity=95);
	opacity:0.95;
	
	cursor:default;
}
.logoScanRollover h4 {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 4px;
}
.logoScan:hover .logoScanRollover {
    display:block;
}

.scan{
	/*font-size:11px;*/
	height: 190px;
	padding: 10px;
}
.scan h3{
	/*font-size:12px;*/
	margin:0px;
	font-weight:bold;
}
.scan p{
	margin-bottom:0px;
}
.page
{
	margin-left:10px;
	margin-top:10px;
/*	padding:0 20px 10px 20px;*/
	padding:0 0px 10px 20px;
	clear:both;
}
.page p{
}
.page h4, .page h2, .page h3 {
}

.page ul.arrowLinks {
    margin:20px 20px;
}
.wideColumn{
	width: 410px;
	float: left;

}
.narrowColumn
{

/*	width: 250px;*/
	width: 278px;
	float: left;
}
.narrowColumn .pageBlock {
    margin:0 0 0 10px !important;
}

input, textarea, select
{
	margin:0px 0 0 0px !important;
}

.page form{
	margin:10px 20px 10px 20px;
}

fieldset div {
 clear:both !important;
}

fieldset {
    margin-top:10px;
	border:0px;
	margin-left:0px;
	padding-left:0px;
	display:block;
	margin-bottom: 10px;
}

label {
	font-weight:bold;
	/*float:left !important;*/
	margin:10px 0 0 0px !important;
	padding-right:10px;	
	display:block;
}

span.cb label
{
clear:none;

float:none!important;
margin: 00 !important;

}


#formSubmit{
	margin-top:10px;
	display:block;
}
.wideInput{
	width:300px;
}
.mediumInput{
	width:200px;
}

.pageBlock p
{
    font-size: 0.9em;
}

.pageBlock{

	width: 230px;
	float: left;
	padding-left: 10px;
	margin-top: 10px;
/*margin-bottom: 10px;*/
}

#clients .pageBlock
{
margin-bottom: 5px;
}

#clients .pageBlock a
{
font-size: 85%;
}

#clients .borderBox
{
margin-bottom: 5px;
  
}


.profileBlock{
	clear: both;
	padding-top:10px; /* BUG workaround */
	min-height:140px;
}
.profileBlock h2{
	margin-top:15px;
	margin-left: 250px;
}
.profileBlock p {
	margin-left: 250px;

}
.profileQuestions
{
    /*font-size:12px;*/
}
.profileQuestions h4
{
    /*font-size:12px;*/
}
.profileBlockRight{
	clear: both;
        float:left;
	padding-top:10px; /* BUG workaround */
        border-top: 1px solid #ccdadf;
        padding-bottom: 10px;

	
}

.profileBlockRight.last
{
        border-bottom: 1px solid #ccdadf;
}


.profileBlockRight h2{
	margin-top:10px;
}
.profileBlockRight p {
}
.profileBlockRight div.profileTextBlock
{
    float:left;
    width:430px;
    margin-left:0px; 
}

/* top box in content area */
#banner{
	padding:10px 20px 20px 20px;
	margin-left:10px;
}
/* in-page banners in sub headings page */
.stripeBanner
{
    padding:10px 10px 10px 0px;
    margin-top: 10px;
}

.stripeBanner h2
{
    /*margin-right:30px;*/
    margin-bottom: 0px;
    padding-bottom: 0px;
    
}
.stripeBanner p
{
    margin-top:0px;
    /*font-size:12px;*/
    font-weight:bold;
    margin-right:30px;
}


.footBanner{
	clear:both;
	margin-left:10px;
	margin-top:10px;
	
}
/* image banner exception */
#imageBanner{
	padding:10px 225px 20px 20px;
	margin-left:10px;
}
#imageBanner h2{

}
#caseStudyHeaderStrip{
	line-height:26px;
	margin-left:10px;
	padding-left:20px;	
	font-weight:bold;   
}
.caseStudyLogo{
	margin:20px 0px;
}
/* home banner exception */
#homeBanner{
	padding: 40px;
	margin-left:10px;
}
#homeBanner p{
	width:475px;
	margin-bottom:0px;
}
#homeBanner h1{
	
	margin-bottom:10px;
}

.clientBannerImage {
	background-image: url('../images/hdr_cient.jpg');
	background-repeat: no-repeat;
	background-position: right top;


}
.contentFooter{
	height:0px;
	clear:both;
}
.footTable
{
	clear:both;
    margin-top:20px;
	border-collapse:collapse;
	border:1px #ccdadf solid;	
}
.footTable td{
	border-collapse:collapse;
	border:1px #ccdadf solid;		
	padding:0px;
}
.textHalf{
	width: 50%;
	text-align: center;
	font-weight:bold;
}
.textHalf p
{
	margin-left: 40px;
	margin-right: 40px;
    
}
a.textHalfLink
{
    
}

.borderBox {
	border:1px #ccdadf solid;
	overflow:hidden;
}

.wideColumn .borderBox {
	margin:10px 10px 10px 20px;	
}

.quote{
	text-align:center;	
}

#clientFooter{
	clear:both;
	padding-left: 10px;
	height:50px;
	padding-top:10px;
}
.clientImageSmall{
	float:left;
	/*width:120px;*/
    margin-right: 40px;
    margin-left: 5px;

	height:50px;
	text-align:center;


}
.clientImageSmall img{
	vertical-align:middle;
}
.clientFooterText{
        font-size: 1.2em;
        font-weight: bold;
	line-height:1.1em;

	width:120px;
	float:left;

	padding-top:0px;
        border-right:dotted 1px #ccdadf;
	margin-right: 20px;
}
/* colorful home page nav section boxes */
.navBlock{
	color:#FFFFFF;
	padding:10px;
	border:2px #ccdadf solid;	
	/*height:69px;*/
	margin-bottom:10px;
}

.navBlock h3{
	font-size:1.4em;
	font-weight:bold;
}
.navBlock p{
    margin-bottom:0px;
    font-size: 0.85em;
    font-weight: normal!important;
}

div.navBlock.bgblue{

	background-color: #026183;
	background-image:url('../images/bg_nav_blue.gif');
	background-repeat:repeat-x
}


div.navBlock.bgblue p
{
	color: #c3dbe5
}

div.navBlock.bgpurple p
{
	color: #b3aabf ;
}

div.navBlock.bgpink p
{
	color: #eab3ca;
}

div.navBlock.bggreen p
{
	color: #d8eec0;
}


div.navHeader.bgblue{
	
	background-image:url('../images/bg_navSection_blue.gif');
	background-repeat:repeat-x
}

div.bgpurple{
	background-color: #3F2C55;
	background-image:url('../images/bg_nav_purple.gif');
	background-repeat:repeat-x
}
div.navHeader.bgpurple{
	background-image:url('../images/bg_navSection_purple.gif');
	background-repeat:repeat-x;
}
div.navHeader.bgred{
	background-image:url('../images/bg_navSection_red.gif');
	background-repeat:repeat-x;
}
div.bgpink{
        background-color: #A81E55;
	background-image:url('../images/bg_nav_pink.gif');
	background-repeat:repeat-x;
}


div.navHeader.bgpink{
	background-image:url('../images/bg_navSection_pink.gif');
	background-repeat:repeat-x
}
div.bggreen{
        background-color: #428C07;
	background-image:url('../images/bg_nav_green.gif');
	background-repeat:repeat-x
}
div.navHeader.bggreen{
	background-image:url('../images/bg_navSection_green.gif');
	background-repeat:repeat-x
}

.arrowLinks{
    
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
.arrowLinks li{
	float:left;
	margin-right:10px;
}
.arrowLinks img{
	margin-right:3px;
}

.pad10
{
	padding: 10px;
}

/* colors */
.fill{
	background-color:#eef3f4;
}

.red
{
    color: #b40051 ;
}

.pink {

	/*color: #cd1b7c*/
        color: #b71d64
}
.green{
	
	color: #6aaa0d;
	
}
.purple{
	color: #5c4188;
	
}
.blue{
	color: #0488a9;
	
	
}

.right {
	float: right;
}
.imageBox{
	position:relative;
	border:1px #ccdadf solid;	
	width:230px;
	margin-bottom:20px;
	float: right;
}

.imageBox.hasCaption {
	margin-bottom:5px!important;
}



.photoBox{
	border:1px #ccdadf solid;	
	width:230px;
	height:118px;
	text-align:center;
}

.magnifier{
	position: absolute;
	left: 201px;
	top:-1px;
	z-index: 1;
}
.magImage{
	position: relative;
	vertical-align:middle;
    top: 0px;
    
}
.buttonLink
{
    padding:0px 10px;
	border:1px #ccdadf solid;	
   	background-image:url('../images/breadcrumb_bg_blue.gif');
	background-repeat:repeat-x;
    text-align:center;
    line-height:24px;
    height:24px;
	color: #495a76;
     font-size: 0.8em;
     font-weight: bold;
}



.hidden
{
	display:none;
}

p.caption
{

   margin-top: 0px;
   padding-top: 0px;
}

/*************************************************************/



