@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[client] Screen Stylesheet
version:   1.0
date:      01/03/07
author:    Peter Koopman
email:    peter@zulu.co.nz

website:   http://www.scribbledesign.co.nz

-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
/* @import url("otherstylesheet.css"); */

/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 62.5%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	background-color:#CCCCCC;
	color: #666;	
	text-align:center;
}
#wrapper{ 
	width: 930px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin:2em auto 0 auto; 
	position:relative;  /*for AP elements in #bpiTop*/
}

/* Typography
-----------------------------------------------------------------------------*/
h1{font-size: 2.2em; /* Equivalent to 22pt */}
h2{font-size: 2.0em; /* Equivalent to 20pt */}
h3{font-size: 1.8em; /* Equivalent to 18pt */}
h4{font-size: 1.6em; /* Equivalent to 18pt */}
h5{font-size: 1.4em; /* Equivalent to 14pt */}
p, q, cite{font-size: 1.2em; /* Equivalent to 12pt */}
ul, ol, dl{
	list-style: none;
	font-size: 1.2em; /* Equivalent to 12pt */
}
li, dd, dt{
	font-size: 1.2em; /* Equivalent to 12pt */	
}

/* Header
-----------------------------------------------------------------------------*/
#header{
	height:130px;
	width:930px;
	background:repeat-x top url(../img/wrapper-top-bkg.jpg);
}
#branding h1{
	text-indent:-9999px;
	background:no-repeat top left url(../img/bpi-logo.png);
	width:470px;
	height:116px;
	float:left;
	margin:3px 0 0 10px;
}
#branding a{
	display:block;
	width:470px;
	height:116px;
}


/* Navigation
-----------------------------------------------------------------------------*/
/*top navigation bar*/
#navTop{
	height:29px;
	width:360px;
	background:no-repeat top left url(../img/top-menu-end.gif);
	background-color:#ecf0f7;
	float:right;
}
#navTop ul{
	float:right;
	margin-right:5px;
}
#navTop li{
	float:left;
	margin-top:7px;
}
#navTop li a{
	display:block;
	height:12px;
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#0f326e;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	border-right:solid 2px #fff;
}
#navTop li a.navHome{width:60px;}
#navTop li a.navAbout{width:90px;}
#navTop li a.navContact{width:100px;}
#navTop li a.navLinks{
	width:60px;
	border-right:none;	
}
#navTop li a:hover{
	color:#94192e;
	font-weight:bold;
}
/*bottom navigation bar*/
#navBottom{
	height:30px;
	width:460px;
	background:no-repeat top left url(../img/bottom-menu-end.jpg);
	float:right;
	margin:-27px 0 0 0;
}
#navBottom ul{
	float:right;
	background:repeat-x top url(../img/bottom-menu-bkg.jpg);
	height:29px;
}
#navBottom li{
	height:29px;
	float:left;
	border-right:solid 1px #3175cb;
}
#navBottom li a{
	padding:9px 0;
	display:block;
	height:12px;
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}
#navBottom li a.navProducts{width:100px;}
#navBottom li a.navCulture{width:130px;}
#navBottom li a.navConsultancy{width:115px;}
#navBottom li a.navTraining{width:90px;}
#navBottom li a.navTestimonials{
	width:112px;
	border-right:none;
}
#navBottom li a:hover{font-weight:bold;}

/* Content
-----------------------------------------------------------------------------*/
/* '#content' is for all sub pages (excludes homepage - '#contentHome' is for this*/
#content{
	background-color:#FFFFFF;
	z-index:10;
	padding-bottom:20px;
	border-top:4px solid #2453a3;
}
strong.bpi{
	font-size:24px;
	color:#000;
}
span.red{
	color:#94192e;
}
#content p{
	margin:1em;
}
#content h2{
	font:bold 24px/28px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	color:#2453a3;
	margin:1em 1.5em;
}
/*Home*/
#contentHome li{
	font-size:12px;
	margin-left:60px;
	list-style:disc;
}

#contentHome{
	background-color:#FFF;
	padding-bottom:20px;
}
#contentHome p{
	margin:1em;
}
#bpiHomeTop{
	position:relative;
	height:255px;
	width:100%;
	background:no-repeat top url(../img/home-bkg.jpg);
	margin-top:-5px;
}
#caseStudies{
	width:250px;
	float:right;
	margin:35px 2em 0 0;
}
#caseStudies div{
	display:none;
	border:solid 1px #666;
}
#caseStudies div p{
	font-size:10px;
}
#caseStudies h3{
	font-size:14px;
	padding-left:3px;
	color:#2453a3;
}
#caseStudies img{
	clear:both;
	float:right;
	margin:2em 1em 1em 1em;
}
#caseStudies p.carbon{/*carbon footprint */
	font-size:14px;
	font-weight:bold;
	color:#2453a3;
	text-align:center;
}
#bpiHome{
	width:600px;
	margin:2em 0 0 5em;
}
#bpiHome strong{
	font-size:24px;
	color:#000;
}
#bpiHomeTop h3{
	position:absolute;
	left:420px;
	top:65px;
	width:300px;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
	text-align:center;
}
#bpiHomeTop h4{
	position:absolute;
	left:425px;
	top:108px;
	width:280px;
	text-align:center;
	color:#0f326e;
	font:normal 15px/19px Tahoma, Arial, Helvetica, sans-serif;
}
#iLeader{
	width:550px;
	margin-left:50px;
	border:1px solid #666;
	/*float:left;*/
}
#iLeader img, #actionMan img{
	float:left;
	margin:1em 2em 0 0;
}
/*About Us*/
#bpiTopAbout{
	background:no-repeat top left url(../img/about-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopAbout h3{
	left:570px;
	top:160px;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentAboutUs{
	position:relative;
	z-index:10;
	background-color:#FFFFFF;
	padding-bottom:20px;
	border-top:4px solid #2453a3;
}
#contentAboutUs h2{
	font:bold 20px/22px Geneva, Arial, Helvetica, sans-serif;
	color:#2453a3;
	margin:1em 1.5em;
}
#contentAboutUs h3{
	font:bold 18px/20px Geneva, Arial, Helvetica, sans-serif;
	margin-left:40px;
}
#contentAboutUs p{
	width:700px;
	margin:1em;
	margin-left:55px;
}	
#contentAboutUs li{
	margin-left:70px;
}
/*Products*/
#bpiTopProducts{
	background:none;
	background:no-repeat top left url(../img/product-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopProducts h3{
	left:570px;
	top:160px;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#content.products{
	padding:20px 0 40px 50px;
}
#content.products #actionMan, #content.products #iLeader{
	width:700px;
	border:1px solid #666;
	margin:2em 0 0 0;
}
#content.products #actionMan img{
	margin-left:1.5em;
}
#content.products h3{
	color:#2453a3;
	margin-top:1em;
}
#content.products #products p{
	width:700px;
}
/*consultancy*/
#bpiTopConsultancy{
	background:no-repeat top left url(../img/consultancy-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopConsultancy h3{
	left:550px;
	top:150px;
	width:150px;
	text-align:center;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentConsultancy{
	padding:20px 50px;
	background-color:#FFFFFF;
	z-index:10;
	border-top:4px solid #2453a3;
}
#contentConsultancy h2{
	margin:1em 0 0 0;
	font:bold 20px/24px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	color:#2453a3;
}
#contentConsultancy h3{
	font-size:16px;
	margin:1em;
}
#contentConsultancy h4{
	font-size:14px;
	margin:1.5em 0 0 2em;
}
#contentConsultancy p{
	margin-left:2em;
}
#contentConsultancy li{
	font-size:12px;
	margin-left:60px;
	list-style:disc;
}

/*Contact Us*/
#bpiTopContact{
	background:no-repeat top left url(../img/contact-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopContact h3{
	left:550px;
	top:160px;
	width:150px;
	text-align:center;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentContact{
	padding:20px 0 40px 50px;
	background-color:#FFFFFF;
	z-index:10;
	border-top:4px solid #2453a3;
}
#contentContact ul{
	margin:1.7em 0 0 4em;
}
#contentContact li{
	list-style:none;
	margin:.5em 0 0 4em;
}
#contentContact li.name{
	font-size:1.3em;
	margin-left:1em;
}
/*Links*/
#bpiTopLinks{
	background-image:url(../img/links-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopLinks h3{
	left:550px;
	top:160px;
	width:150px;
	text-align:center;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentLinks{
	padding:20px 80px 40px 50px;
	background-color:#fff;
	z-index:10;
	border-top:4px solid #2453a3;
}
#contentLinks h3{
	margin-top:3em;
	clear:left;
	border-top:1px solid #666;
}
#contentLinks h3.topLink{
	border-top:none;
}
#contentLinks h3 img{
	float:left;
	margin:.5em 1em 1em 0;
}
#contentLinks li{
	font-size:12px;
	margin-left:60px;
	list-style:disc;
}
/*Testimonials*/
#bpiTopTestimonials{
	background:no-repeat top left url(../img/testimonial-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopTestimonials h3{
	left:550px;
	top:160px;
	width:150px;
	text-align:center;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentTestimonials{
	padding:20px 80px 40px 50px;
	background-color:#fff;
	z-index:10;
	border-top:4px solid #2453a3;
}
#contentTestimonials h2{
	font:bold 18px/22px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	color:#2453a3;
	margin:1em 1.5em;
}
#contentTestimonials h3{
	margin-top:3em;
	clear:left;
	border-top:1px solid #666;
}
#contentTestimonials li{
	font-size:12px;
	margin:1em 4em 1em 60px;
	list-style:none;
}


/*Training*/
#bpiTopTraining{
	background:no-repeat top left url(../img/training-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopTraining h3{
	left:580px;
	top:160px;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentTraining{
	padding:20px 0 40px 50px;
	background-color:#fff;
	z-index:10;
	border-top:4px solid #2453a3;
}
#contentTraining h2{
	color:#2453a3;
	margin:1em 0 0 0;
	font-size:20px;
}
#contentTraining h3{
	font-size:16px;
	margin:1em;
}
#contentTraining h4{
	font-size:14px;
	margin:1.5em 0 0 2em;
}
#contentTraining p{
	margin:2em 4em 0 2em;
}
#contentTraining li{
	margin:0 8em 1em 60px;
	font-size:12px;
}
#contentTraining a{
	color:#666;
	text-decoration:none;
}
#contentTraining a:hover{
	color:#2453a3;
	text-decoration:underline;
}
/*management systems auditing*/
#bpiTopMsa{
	background:no-repeat top left url(../img/training-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopMsa h3{
	left:520px;
	top:155px;
	width:200px;
	text-align:center;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentMSA{
	padding:2em 6em 4em 5em;
	background-color:#fff;
	z-index:10;
	border-top:4px solid #2453a3;
}
#contentMSA li{
	font-size:12px;
	margin-left:60px;
	list-style:disc;
}
#contentMSA p{
	margin:1em;
}
/*project management*/
#bpiTopProjManagement{
	background:no-repeat top left url(../img/training-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopProjManagement h3{
	left:520px;
	top:155px;
	width:200px;
	text-align:center;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentProjManagement{
	padding:2em 6em 4em 5em;
	background-color:#fff;
	z-index:10;
	border-top:4px solid #2453a3;
}
#contentProjManagement li{
	font-size:12px;
	margin-left:60px;
	list-style:disc;
}
#contentProjManagement p{
	margin:1em;
}

/*keys to success*/
#bpiTopSuccess{
	background:no-repeat top left url(../img/training-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopSuccess h3{
	left:530px;
	top:155px;
	width:160px;
	text-align:center;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentSuccess{
	padding:2em 6em 4em 5em;
	background-color:#fff;
	z-index:10;
	border-top:4px solid #2453a3;
}
#contentSuccess h2{
	color:#2453a3;
	margin:1em 0;
	font-size:20px;
}
#contentSuccess li{
	font-size:12px;
	margin-left:60px;
	list-style:disc;
}
#contentSuccess p{
	margin:1em;
}
/*effective interpersonal communications*/
#bpiTopCommunication{
	background:no-repeat top left url(../img/training-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopCommunication h3{
	left:515px;
	top:145px;
	width:200px;
	text-align:center;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentCommunication{
	padding:2em 6em 4em 5em;
	background-color:#fff;
	z-index:10;
	border-top:4px solid #2453a3;
}
#contentCommunication h2{
	color:#2453a3;
	margin:1em 0 1em 3em;
	font-size:20px;
	text-align:center;
	width:35em;	
}
#contentCommunication p{
	margin:1em;
}
#contentCommunication li{
	font-size:12px;
	margin-left:60px;
	list-style:disc;
}
/*Involving People in Quality Management Systems*/
#bpiTopInvolvingPeople{
	background:no-repeat top left url(../img/training-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopInvolvingPeople h3{
	left:505px;
	top:145px;
	width:240px;
	text-align:center;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentInvolvingPeople{
	padding:2em 6em 4em 5em;
	background-color:#fff;
	z-index:10;
	border-top:4px solid #2453a3;
}
#contentInvolvingPeople h2{
	color:#2453a3;
	margin:1em 0 1em 3em;
	font-size:20px;
	text-align:center;
	width:35em;	
}
#contentInvolvingPeople li{
	font-size:12px;
	margin-left:60px;
	list-style:disc;
}
/*Reducing documentation*/
#bpiTopReducingDocumentation{
	background:no-repeat top left url(../img/training-bkg.jpg);
	margin-top:-5px;
	height:100px;
	width:930px;
}
#bpiTopReducingDocumentation h3{
	left:505px;
	top:150px;
	width:240px;
	text-align:center;
	position:absolute;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#94192e;
}
#contentReducingDocumentation{
	padding:2em 6em 4em 5em;
	background-color:#fff;
	z-index:10;
	border-top:4px solid #2453a3;
}
#contentReducingDocumentation h2{
	color:#2453a3;
	margin:1em 0 1em 3em;
	font-size:20px;
	text-align:center;
	width:35em;	
}
#contentReducingDocumentation li{
	font-size:12px;
	margin-left:60px;
	list-style:disc;
}



/* Footer
-----------------------------------------------------------------------------*/
#pageInfo{
	clear:both;
	height:33px;
	width:100%;
	background:repeat-x top url(../img/footer-bkg.jpg);
	color:#fff;
	text-align:center;
	padding-top:10px;
}
#pageInfo a{
	color:#FF9900;
}