/* -- initialize base -- */
	*, td, img	{margin : 0; padding : 0; border: 0; }
	form, fieldset	{font: 100%/120% "Lucida Grande",verdana, arial, sans-serif}
	p	{margin: 0 0 1em 0; padding: 0 0 0 0}

	form label	{cursor: pointer}
	fieldset	{border: none}
	input, select, textarea {font-size: 100%}

/* -- sticky footer -- */
html { height: 100%; }
body { height: 100%; }
#container { position: relative; min-height: 100%; }
* html #container { height: 100%; }

/* -- body -- */

	body	{	
		font-family:Arial,'Helvetica Neue',sans-serif;
		font-size:14px;
		line-height: 1.4em;
		background: #fff url(../i/site-bg.gif) repeat-y top left;
		color: #000;
	}
	
	/** headers **/
	h1 {
		background: #fff url(../i/bpg-logo.gif) no-repeat top left;
		height: 148px;
		overflow: hidden;
		
	}
	
	h1 a {
		text-indent: -9000px;
		height: 148px;
		overflow: hidden;
		width: 500px;
		display: block;
	}	
	
	h2,
	h2.h-first {
		color: #ca6828;
		padding: 15px 0 10px 33px;
		font-size: 18px;
		line-height: 1.2em;
		width: 337px;
	}
	
	h2.h-first {
		padding: 33px 0 19px 33px;
	}
	
	#about h2.h-first { padding-top: 57px; } 
	#approach h2.h-first { padding-top: 57px; } 
	#contacts h2.h-first { padding-top: 57px; } 
	
	#wrapper {
		margin-left: 249px;
		padding: 0 0 7em 0;
		position: relative;
	}
	#wrapper { overflow : hidden; }
	
	#about #wrapper {
		background: transparent url(../i/bg-aboutus.jpg) no-repeat top left;
		margin-top: -1px;
	}
	#approach #wrapper {
		background: transparent url(../i/bg-approach.jpg) no-repeat top left;
		margin-top: -1px;
	}	
	#contacts #wrapper {
		background: transparent url(../i/bg-contacts.jpg) no-repeat top left;
		margin-top: -1px;
	}
	#leadership #wrapper {
		margin-top: -1px;
	}
	
	#services #wrapper {
		background-color: #EBEAC5;
		width: 700px;
	}
	
	
	#wrapper p {
		width: 337px;
		margin: 0 0 1em 33px;
	}
	
	#sustain #wrapper ul { width: 370px;  overflow: visible; position: relative; }
	#sustain #wrapper ul li { margin: 0 0 1em 0; margin-left: 33px;}
	
	#services #wrapper ul { width: 267px; float: left; margin-right: 100px; }
	#services #wrapper ul.ul-right { margin-right: 0px; }	
	#services #wrapper ul li  { margin: 0 0 1em 33px;  }
	#services #wrapper ul li h3 { font-size: 14px;  }
	
	#contacts #wrapper h3 { font-size: 14px; margin-left: 33px; width: 337px; line-height: 1.2em;}
	
	#terms #wrapper ul { width: 370px; margin-bottom: 1.2em; overflow: visible; position: relative;  }
	#terms #wrapper ul li { margin-bottom: .8em; margin-left: 33px; }
	
	
	#bq-home {
		height: 287px;
		width: 700px;
		overflow: hidden;
		background: transparent url(../i/quote-home.jpg) no-repeat top left;
		text-indent: -9000px;
	}
	#bq-services {
		height: 252px;
		width: 700px;
		overflow: hidden;
		background: transparent url(../i/quote-services.jpg) no-repeat top left;
		text-indent: -9000px;
	}
	#bq-leadership {
		height: 254px;
		width: 700px;
		overflow: hidden;
		background: transparent url(../i/quote-leadership.jpg) no-repeat top left;
		text-indent: -9000px;
	}
	#bq-sustain {
		height: 252px;
		width: 700px;
		overflow: hidden;
		background: transparent url(../i/quote-sustain.jpg) no-repeat top left;
		text-indent: -9000px;
	}
	
	.left-column {
		float: left;
		width: 360px;
		margin-right: 69px;
	}
	.side-column {
		float: left;
		width: 239px;
		font-size: 12px;
		padding: 33px 0 0 0;
		overflow: visible;
	}
	
	.side-column h3 { font-size: 12px; line-height: 1.3em; margin: 0 0 .5em 16px;}
	.side-column ul { margin: 0 0 2em 0 ; overflow: visible; position: relative; }
	.side-column li { margin: 0 0 1em 16px; } 
	
	#sustain .left-column { margin-right: 68px; }
	#sustain .side-column { width: 270px; }
	#sustain .side-column h3 { font-size: 18px; color: #566c11; line-height: 1em; }
	#sustain .side-column h3 small { font-weight: normal; font-size: 11px; color: #ca6828; text-transform: uppercase;}
	#sustain .side-column img { float: left; margin-bottom: 10px; }
	
	
	#nav {
		position: absolute;
		top: 148px;
		left: 0;
		background: transparent url(../i/nav-bg.jpg) no-repeat top left;
		height: 500px;
		width: 249px;
		
	}
	
	
	#nav ul {
		margin-left: 46px;
		background: transparent url(../i/nav-about.gif) no-repeat 0 -31px;
		padding: 1px 0 0 0 ;
	}

	
	#nav ul li a {
		display: block;
		width: 203px;
		height: 32px;
		overflow: hidden;
		background: transparent url(../i/nav-about.gif) no-repeat top left;
		text-indent: -9000px;
	}

	#nav ul li a {
		display: block;
		width: 203px;
		height: 32px;
		overflow: hidden;
		background: transparent url(../i/nav-about.gif) no-repeat bottom left;
		text-indent: -9000px;
	}	
	
	#nav ul li#n-about a { background-image: url(../i/nav-about.gif)  }
	
	#about #nav ul li#n-about a,
	#nav ul li#n-about,
	#nav ul li#n-about a:hover { background-image: url(../i/nav-about-over.gif)  }
	
	
	#nav ul li#n-services a { height: 37px; background-image: url(../i/nav-services.gif)  }
	
	#services #nav ul li#n-services a,
	#nav ul li#n-services,
	#nav ul li#n-services a:hover { background-image: url(../i/nav-services-over.gif)  }
	
	#nav ul li#n-approach a { height: 35px; background-image: url(../i/nav-approach.gif)  }
	
	#approach #nav ul li#n-approach a,
	#nav ul li#n-approach,
	#nav ul li#n-approach a:hover { background-image: url(../i/nav-approach-over.gif)  }
	
	#nav ul li#n-leadership a { height: 37px; background-image: url(../i/nav-leadership.gif)  }
	
	#leadership #nav ul li#n-leadership a,
	#nav ul li#n-leadership,
	#nav ul li#n-leadership a:hover { background-image: url(../i/nav-leadership-over.gif)  }
	
	#nav ul li#n-sustain a { height: 37px; background-image: url(../i/nav-sustainability.gif)  }
	
	#sustain #nav ul li#n-sustain a,
	#nav ul li#n-sustain,
	#nav ul li#n-sustain a:hover { background-image: url(../i/nav-sustainability-over.gif)  }
	
	#nav ul li#n-tenant a { height: 36px; background-image: url(../i/nav-tenant.gif)  }
	
	#tenant #nav ul li#n-tenant a,
	#nav ul li#n-tenant,
	#nav ul li#n-tenant a:hover { background-image: url(../i/nav-tenant-over.gif)  }
	
	#nav ul li#n-contacts a { height: 39px; background-image: url(../i/nav-contacts.gif)  }
	
	#contacts #nav ul li#n-contacts a,
	#nav ul li#n-contacts,
	#nav ul li#n-contacts a:hover { background-image: url(../i/nav-contacts-over.gif)  }	
	
	
	
	#footer {
		background: #000;
		margin: 0 0 0 249px;
		width: 701px;
		font-size: 11px;
		color: #ebeac5;
		height: 60px;
		overflow: hidden;
		position: relative;
		margin-top: -60px;		
	}
	
	
	#footer p {
		padding: 10px 0 10px 33px;
	}
	#footer small { font-size: 11px; }
	
	
	a:link,
	a:visited	{color: #ca6828}
	a:hover,
	a:active,
	a:focus		{color: #000}    	
	
	#footer a:link,
	#footer a:visited	{color: #ebeac5}
	#footer a:hover,
	#footer a:active,
	#footer a:focus		{color: #ebeac5; text-decoration: none; }  	
	
	#footer strong a:link,
	#footer strong a:visited	{text-decoration: none;}