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

@logoWidth: 240px;
@logoHeight: 134px;
@containerWidth: 900px;
@tabbedNavHeight: 44px;
@homeFeatHeight: 425px;
@subFeatHeight: 320px;

.container(@height: 100%, @padding: 0 0 0 0) {
	width: @containerWidth;
	margin: 0 auto;
	position: relative;
	height: @height;
	padding: @padding;
}

.tabbedNavOffState(@width: 127px, @bgImage: url(images/boultbee_tabbednavdividers.png)no-repeat right) {
	width: @width;
	background: @bgImage;
}

.featureBlock( @width: @containerWidth, @height: auto, @bgImage: url(images/boultbee_featbg_home.jpg) no-repeat 0 0 ) {
	width: @width;
	height: @height;
	background: @bgImage;
	position: relative;
	float: left;
}

.photoShadow(@width: 460px, @height: 380px, @bgImage: url(images/boultbee_photoshadow_home.png) no-repeat) {
	width: @width;
	height: @height;
	background: @bgImage;
	position:absolute;
	top:30px;
	left:25px;
}

.photoImage(@width: 440px, @height: 355px) {
	position: absolute;
	top:30px;
	left: 30px;
	
	img {
		border: 5px solid #fff;
	}
}

.learnMoreButton(@width:340px, @height: 40px, @bgImage: url(images/boultbee_learnmore_lrg.png) no-repeat){
	width: @width;
	height: @height;
	background: @bgImage;
}

.contentBlock(@bgColor: #2b2b2b, @margin: 0 18px 0 0, @height: auto, @width: 284px) {
	width:@width;
	background: @bgColor;
	border: 2px solid #eaeaea;
	float: left;
	margin: @margin;
	height: @height;
}

.contentBlockHeadings(@borderBottom: 1px solid #3e3e3e, @bgImage: url(images/boultbee_darkarrowicon.gif) no-repeat 254px center #2b2b2b, @color: #ffffff){
	border-bottom: @borderBottom;
	background: @bgImage;
	color: @color;
}

.viewLinks(@bgImage: url(images/boultbee_darkarrowicon.gif) no-repeat 254px center, @color: #999999, @hoverColor: #ffffff, @margin: 0 0 0 0) {
	display: block;
	height: 16px;
	text-align: right;
	padding: 0 40px 0 0;
	margin: @margin;
	color: @color;
	background: @bgImage;
			
	&:hover {
		color: @hoverColor;
	}
}

.sideBarButtons(@width: 244px, @height: 40px, @margin: 0 0 0 0){
	width: @width;
	height: @height;
	display: block;
	margin: @margin;
	
	span {
		display: none;
	}
}

* {
	margin: 0;
	padding: 0
}

body {
	font-size: 12px;
	color: #999;
	font-family: Arial;
	line-height: 18px;
	background: url(images/boultbee_background.jpg) no-repeat top center #eaeaea;
}

a {
	color:#ad314f;
	text-decoration: none;
	
	&:hover {
		color: #000;
	}
}

h1 {
	font-family: Georgia;
	font-size: 32px;
	color: #fff;
	font-weight: normal;
	line-height: 38px;
}

h2 {
	color: #ec859e;
	font-size: 13px;
	font-weight: normal;
	margin: 20px 0;
}

h3 {
	font-size: 17px;
	padding: 20px 30px;
}

h5 {
	font-size: 13px;
}

section, header, hgroup, aside, figure, figcaption, footer, img {
	display: block
}

.clear {
	clear: both;
}

#header_bar {
	height:40px;
	background: url(images/boultbee_headerbar.gif) repeat-x;
	border-bottom: 1px solid #eaeaea;
	
	#navigation {
		
		&.content {
			.container(100%);
		}
		
		#header_nav {
			position:absolute;
			height: 40px;
			right: 0;
			top: 0;
			background: url(images/boultbee_headerdividers.gif) no-repeat top right;
			font-family: "Myriad Pro", "Trebuchet MS", Arial;
			font-size: 13px;
			letter-spacing: 0.5px;
					
			ul {
				list-style:none;
				
				li {
					display: block;
					float: left;
					
					a {
						color:#fff;
						display: block;
						padding: 10px 20px 0 20px;
						height:30px;
						background: url(images/boultbee_headerdividers.gif) no-repeat;
						
						&:hover {
							color: #999;
						}
						
						&.activesubpage {
							color:#999;
						}
						
						&.login_link {
							color: #f1e918;
							
							&:hover {
								color:#999;
							}
						}
					}
				}
			}
		}
	}
}

body.home #main_feature {
	&.content {
		.container(@logoHeight+@homeFeatHeight);
	}
}

body.subpage #main_feature {
	&.content {
		.container(@logoHeight+@subFeatHeight);
	}
}

body.development_details #main_feature, body.investment #main_feature {
	&.content {
		.container(@logoHeight+340px);
	}
}

body.sitemap #main_feature {
	&.content {
		.container(@logoHeight+130px);
	}
}


#logo {
	width: @logoWidth;
	height: @logoHeight;
	background: url(images/boultbee_logo.png) no-repeat;
	position: absolute;
	left:0;
	top:0;
	
	h1 a {
		display: block;
		width:@logoWidth;
		height:@logoHeight;
		
		span {
			position: absolute;
			left: -9999px;
		}
	}
}

body.foundation #logo {
	background: url(images/boultbee_logo_foundation.png) no-repeat;
}

#slogan {
	position: absolute;
	top:40px;
	right:20px;
	font-size: 15px;
	color: #999;
	font-family: "Myriad Pro", "Trebuchet MS", Arial;
}


/******************************/
/* TABBED NAV */
/******************************/

#feature_nav {
	position: absolute;
	right:0;
	top: @logoHeight - (@tabbedNavHeight - 2px);
	
	ul {
		list-style: none;
		
		li {
			display: block;
			float: left;
			text-align: center;
			
			a {
				display: block;
				color:#000;
				font-size: 18px;
				font-family: "Myriad Pro", "Trebuchet MS", Arial;
				padding: 12px 0 0 0;
				height:@tabbedNavHeight - 12px;
				
				&#link_investment {
					.tabbedNavOffState(127px, url(images/boultbee_tabbednavdividers.png) no-repeat right);
					
					&:hover, &.active {
						background: url(images/boultbee_investtab.gif) no-repeat;
						color:#fff;
						text-shadow: 1px 1px #333;
					}				
				}
				
				&#link_development {
					.tabbedNavOffState(146px, url(images/boultbee_tabbednavdividers.png)no-repeat right);
					
					&:hover, &.active {
						background: url(images/boultbee_devtab.gif) no-repeat;
						color:#fff;
						text-shadow: 1px 1px #333;
					}
				}
				
				&#link_foundation {
					.tabbedNavOffState(128px, none);
									
					&:hover, &.active {
						background: url(images/boultbee_foundtab.gif) no-repeat;
						color:#fff;
						text-shadow: 1px 1px #333;
					}
				}
			}
		}
	}
}

.feature {
	.feature_text {
		padding: 80px 50px 0 530px;
		
		h2 a {
			color: #fff;
			font-weight: bold;
			
			&:hover {
				text-decoration: underline;
			}
		}
	}

	.learn_more {
		.learnMoreButton;
		position: absolute;
		left:520px;
		margin:20px 0 0 0;
	}
}

body.subpage .feature {
	.feature_text {
		padding: 60px 50px 0 530px;
	}
	.learn_more {
		margin:0 0 0 0;
	}
}

body.sitemap .feature {
	.feature_text {
		padding: 50px 50px 0 50px;
	}
}


/**************************************/
/* MAIN FEATURE GALLERY FOR HOME PAGE */
/**************************************/

body.home #feature_gallery {
	position: relative;
	top: @logoHeight;
	background: url(images/boultbee_featbg_home.jpg) no-repeat;
	
	.feature {
		//.featureBlock(900px, @homeFeatHeight, url(images/boultbee_featbg_home.jpg) no-repeat 0 0);
		.featureBlock(900px, @homeFeatHeight, none);
		
		.shadow {
			.photoShadow;	
		}
		
		.photo {
			.photoImage;
		}
	}
	
	.pagination {
		text-align: center;
		position: absolute;
		bottom:20px;
		right:190px;
				
		a {
			background: url(images/boutlbee_pagination.png) -19px 0px no-repeat transparent;
			width: 11px;
			height: 11px;
			margin: 0 5px 0 0;
			display: inline-block;
			
			&.selected {
				background-position: 0 0;
				cursor: default;
			}
			
			span {
				display: none;
			}
		}
	}
}


/*************************************/
/* MAIN FEATURE GALLERY FOR DEV PAGE */
/*************************************/

body.development #feature_gallery {
	position: relative;
	top: @logoHeight;
	
	.feature {
		.featureBlock(900px, @subFeatHeight, url(images/boultbee_featbg_development.jpg) no-repeat 0 0);
		
		.shadow {
			.photoShadow(460px, 273px, url(images/boultbee_photoshadow_sub.png) no-repeat)	
		}
		
		.photo {
			.photoImage(440px, 250px);
		}
	}
	
	.pagination {
		text-align: center;
		position: absolute;
		bottom:30px;
		right:190px;
				
		a {
			background: url(images/boutlbee_pagination.png) -19px 0px no-repeat transparent;
			width: 11px;
			height: 11px;
			margin: 0 5px 0 0;
			display: inline-block;
			
			&.selected {
				background-position: 0 0;
				cursor: default;
			}
			
			span {
				display: none;
			}
		}
	}
}

/******************************/
/* MAIN FEATURE FOR SUB PAGES */
/******************************/

body.subpage #feature_container {
	position: relative;
	top: @logoHeight;
	height: @subFeatHeight;
	
	.feature {		
		.shadow {
			.photoShadow(460px, 273px, url(images/boultbee_photoshadow_sub.png) no-repeat)	
		}
		
		.photo {
			.photoImage(440px, 250px);
		}
	}
}


/*
body.investment #feature_container {
	.feature {
		.featureBlock(900px, @subFeatHeight, url(images/boultbee_featbg_investment.jpg) no-repeat 0 0);
	}
}
*/


body.foundation #feature_container {	
	.feature {
		.featureBlock(900px, @subFeatHeight, url(images/boultbee_featbg_foundation.jpg) no-repeat 0 0);
	}
}

body.about #feature_container {	
	.feature {
		.featureBlock(900px, @subFeatHeight, url(images/boultbee_featbg_about.jpg) no-repeat 0 0);
	}
}

body.contact #feature_container {	
	.feature {
		.featureBlock(900px, @subFeatHeight, url(images/boultbee_featbg_contact.jpg) no-repeat 0 0);
	}
}

body.sitemap #feature_container {	
	.feature {
		.featureBlock(900px, 130px, url(images/boultbee_featbg_home.jpg) no-repeat 0 0);
	}
}

body.press #feature_container {
	.feature {
		.featureBlock(900px, @subFeatHeight, url(images/boultbee_featbg_presspr.jpg) no-repeat 0 0);
	}
}

body.development_details #feature_container, body.investment #feature_container {
	height:340px;

	.feature {
		.featureBlock(900px, 340px, url(images/boultbee_featbg_developmentdetails.jpg) no-repeat 0 0);
		
		.back_to_developments {
			.viewLinks(url(images/boultbee_backarrowiconpink.png) no-repeat 0 center, #e33d6b, #fff, 10px 0 0 530px);
			text-align: left;
			padding: 0 0 0 21px;
		}
		
		.back_to_investments {
			.viewLinks(url(images/boultbee_backarrowiconpink.png) no-repeat 0 center, #e33d6b, #fff, 10px 0 0 530px);
			text-align: left;
			padding: 0 0 0 21px;
		}
		
		.photo_slides {
			width:450px;
			height: 260px;
			overflow: hidden;
			
			img {
				float: left;
			}
		}
	}
	
	.pagination {
		text-align: center;
		position: absolute;
		bottom:20px;
		right:415px;
				
		a {
			background: url(images/boutlbee_pagination.png) -19px 0px no-repeat transparent;
			width: 11px;
			height: 11px;
			margin: 0 5px 0 0;
			display: inline-block;
			
			&.selected {
				background-position: 0 0;
				cursor: default;
			}
			
			span {
				display: none;
			}
		}
	}
}

body.investment #feature_container {
	.feature {
		.featureBlock(900px, 340px, url(images/boultbee_featbg_investment.jpg) no-repeat 0 0)
	}
}


/******************************/
/* MAIN CONTENT FOR HOME PAGE */
/******************************/

body.home #main_content {

	&.content {
		.container(435px, 18px 0 0 0);
	}
	#developments {
		.contentBlock(#2b2b2b, 0 18px 0 0, 100%, 284px);
		
		h3 {
			.contentBlockHeadings;
		}
		
		.dev {		
			padding: 10px 30px;
			background: url(images/boultbee_darkdivider.gif) bottom repeat-x;
			font-size: 11px;
			line-height: 16px;
			
			h5 {
				margin: 0 0 5px 0;
				
				a {
					color: #ffffff;
					
					&:hover {
						color: #ccc;
					}
				}
			}
		}
		
		.view_all_dev_link {
			.viewLinks(url(images/boultbee_darkarrowicon.gif) no-repeat 254px center, #999999, #ffffff, 10px 0 0 0);
		}
	}
	#contacts {
		.contentBlock(#ffffff, 0 18px 0 0, 100%, 284px);
		
		h3 {
			.contentBlockHeadings(1px solid #eaeaea, url(images/boultbee_lightarrowicon.gif) no-repeat 254px center #f7f7f7, #2c2c2c);
		}
		
		.view_other_offices_link {
			.viewLinks(url(images/boultbee_whitearrowicon.gif) no-repeat 254px center, #999999, #666666, 20px 0 0 0);
		}
	}
	#welcome {
		.contentBlock(#ffffff, 0 0 0 0, 100%, 284px);
		
		h3 {
			.contentBlockHeadings(1px solid #eaeaea, url(images/boultbee_whitearrowicon.gif) no-repeat 254px center #fff, #2c2c2c);
		}
		
		p {
			padding: 20px 20px 0px 20px;
		}
	}
}


/******************************/
/* MAIN CONTENT FOR SUB PAGE */
/******************************/

body.subpage #main_content {

	/* LEFT COLUMN */	
	#left_content_column {
		width: 608px;
		height: 100%;
		float: left;
		
		#page_content {
			.contentBlock(#ffffff, 0 18px 0 0, 100%, 590px);
			float: none;
			
			h3 {
				.contentBlockHeadings(1px solid #eaeaea, #fff, #2c2c2c);
			}
			
			#text_content {
				padding: 30px;
				-moz-column-count: 2;
				-moz-column-gap: 30px;
				-webkit-column-count: 2;
				-webkit-column-gap: 30px;
				position: relative;
				
				p {
					padding: 0 0 20px 0;
				}
				
				img {
					border: 1px solid #eaeaea;
					margin: 0 0 20px 0;
				}
			}
			
			.download_press {
				.sideBarButtons(250px, 40px, 0 0 0 0);
				background: url(images/boultbee_downloadpress.png) no-repeat;
				position: absolute;
				bottom: 30px;
				left:30px;
			}
		}
		
		.staff_categories {
			.contentBlock(#ffffff, 0 18px 18px 0, 100%, 590px);
			float: none;
			
			h3 {
				.contentBlockHeadings(1px solid #eaeaea, #f7f7f7, #2c2c2c);
			}
			
			.staff {
				width:562px;
				padding: 28px 0 0 28px;
			
				.staff_item {
					width:158px;
					float: left;
					margin: 0 28px 28px 0;
					overflow: hidden;
					
					.staff_name {
						font-size: 13px;
						color: #2c2c2c;
						font-weight: bold;
					}
					
					.staff_position {
						color: #999;
						font-size: 12px;
						height:35px;
						font-weight: normal;
					}
					
					.view_profile {
						.sideBarButtons(118px, 30px, 10px 0 0 0);
						background: url(images/boultbee_viewprofile.png) no-repeat;
					}
					
					.profile_card {
						display: none;
					}
					
					.download_cv {
						display: none;
					}
				}
				
				h6 {
					//.contentBlockHeadings(1px dotted #999, none, #999);
					font-size: 12px;
					font-weight: normal;
					margin: 0 0 20px 0;
					width: 534px;
					height:30px;
					display: block;
					clear: both;
					
					span {
						display:none;
					}
					
					&.toggle_principals {
						.contentBlockHeadings(none, url(images/boultbee_principals_toggle.png) 0px -30px no-repeat, #999);
						cursor:pointer;
					}
					
					&.toggle_principalsupport {
						.contentBlockHeadings(none, url(images/boultbee_principalsupport_toggle.png) 0px 0px no-repeat, #999);
						cursor:pointer;
					}
					
					&.toggle_groupaccounts {
						.contentBlockHeadings(none, url(images/boultbee_groupaccounts_toggle.png) 0px 0px no-repeat, #999);
						cursor:pointer;
					}
					
					&.toggle_assetmanagement {
						.contentBlockHeadings(none, url(images/boultbee_assetmanagement_toggle.png) 0px 0px no-repeat, #999);
						cursor:pointer;
					}
					
					&.toggle_boultbeeadvisors {
						.contentBlockHeadings(none, url(images/boultbee_boultbeeadvisors_toggle.png) 0px 0px no-repeat, #999);
						cursor:pointer;
					}
				}
				
				.principalsupport_staff, .groupaccounts_staff, .assetmanagement_staff, .boultbeeadvisors_staff {
					display:none;
				}
			}
		}

		#development_list, #foundation_list, #own_development_list {
			.contentBlock(#ffffff, 18px 18px 0 0, 100%, 590px);
			float: none;
			
			#dev_controls a, #foundation_controls a {
				.contentBlockHeadings(1px solid #eaeaea, url(images/boultbee_lightarrowicon.gif) no-repeat 254px center #f7f7f7, #ccc);
				width:264px;
				float: left;
				padding: 20px 0 20px 30px;
				font-size: 17px;
				font-weight: bold;
				
				&#current_dev_tab, &#foundation_text_tab {
					width: 265px !important;
				}
				
				&.activetab {
					.contentBlockHeadings(none, url(images/boultbee_whitearrowicon.gif) no-repeat 254px center #fff, #2c2c2c);
					
					&#current_dev_tab, &#foundation_text_tab {
						border-right: 1px solid #eaeaea;
					}
					
					&#completed_dev_tab, &#foundation_videos_tab {
						border-left: 1px solid #eaeaea;
					}
				}
			}
			
			#development_slides, #foundation_slides {
			
				.development_items, .foundation_items {
					width:562px;
					padding: 28px 0 28px 28px;
					overflow: hidden;
					float: left;
					
					h6 {
						.contentBlockHeadings(1px dotted #999, none, #999);
						font-size: 12px;
						font-weight: normal;
						padding: 0 0 10px 0;
						margin: 0 0 20px 0;
						width: 530px;
						display: block;
						clear: both;
					}
					
					&#foundation_text {
						padding: 30px;
						width: 530px;
						-moz-column-count: 2;
						-moz-column-gap: 30px;
						-webkit-column-count: 2;
						-webkit-column-gap: 30px;
						position: relative;
						
						p {
							padding: 0 0 20px 0;
						}
						
						img {
							border: 1px solid #eaeaea;
							margin: 0 0 20px 0;
						}						
					}
					
					&#foundation_videos {
						padding: 30px;
						width: 530px;
						
						iframe {
							margin: 0 0 10px 0;
						}
					}
					
					
					.dev_item {
						width:158px;
						float: left;
						margin: 0 28px 28px 0;
						overflow: hidden;
						
						.dev_details {
							font-size: 14px;
							font-weight: bold;
							color: #2c2c2c;
							padding: 5px 0 0 0;
							
							div {
								height:75px;
								
								span {
									font-size: 12px !important;
									font-weight: normal !important;
									color: #999 !important;
								}
							
							}
														
							.view_details {
								.sideBarButtons(158px, 30px, 5px auto 0 auto);
								background: url(images/boultbee_viewdetails.png) no-repeat;
							}
						}
						
					}
				}
			}/* /#development_slides */
		}/* /#development_list */
		
		#own_development_list {
			
			h3 {
				.contentBlockHeadings(1px solid #eaeaea, #f7f7f7, #2c2c2c);
			}
			
			.development_items {
				width:562px;
				padding: 28px 0 28px 28px;
				overflow: hidden;
				
				h6 {
					//.contentBlockHeadings(1px dotted #999, none, #999);
					font-size: 12px;
					font-weight: normal;
					margin: 0 0 20px 0;
					width: 534px;
					height:30px;
					display: block;
					clear: both;
					
					span {
						display:none;
					}
					
					&.toggle_retail {
						.contentBlockHeadings(none, url(images/boultbee_retail_toggle.png) 0 -30px no-repeat, #999);
						cursor:pointer;
					}
					
					&.toggle_offices {
						.contentBlockHeadings(none, url(images/boultbee_offices_toggle.png) 0 0px no-repeat, #999);
						cursor:pointer;
					}
					
					&.toggle_industrial {
						.contentBlockHeadings(none, url(images/boultbee_industrial_toggle.png) 0 0px no-repeat, #999);
						cursor:pointer;
					}				
					
				}
				
				.offices_developments, .industrial_developments {
						display:none;
				}
				
				&#foundation_text, &#foundation_videos {
					padding: 30px;
					width: 530px;
					-moz-column-count: 2;
					-moz-column-gap: 30px;
					-webkit-column-count: 2;
					-webkit-column-gap: 30px;
					position: relative;
					
					p {
						padding: 0 0 20px 0;
					}
					
					img {
						border: 1px solid #eaeaea;
						margin: 0 0 20px 0;
					}
				}
				
				.dev_item {
					width:158px;
					float: left;
					margin: 0 28px 28px 0;
					overflow: hidden;
					
					.dev_details {
						font-size: 14px;
						font-weight: bold;
						color: #2c2c2c;
						padding: 5px 0 0 0;
						
						div {
							height:75px;
							
							span {
								font-size: 12px !important;
								font-weight: normal !important;
								color: #999 !important;
							}
						
						}
													
						.view_details {
							.sideBarButtons(158px, 30px, 5px auto 0 auto);
							background: url(images/boultbee_viewdetails.png) no-repeat;
						}
						
						.coming_soon {
							.sideBarButtons(158px, 30px, 5px auto 0 auto);
							background: url(images/boultbee_comingsoon.png) no-repeat;
						}
					}
					
				}
			}
		}
				
		#development_specs {
			.contentBlock(#ffffff, 0 18px 0 0, 100%, 590px);
			float: none;
			
			#dev_controls a {
				.contentBlockHeadings(1px solid #eaeaea, #f7f7f7, #ccc);
				border-right:1px solid #eaeaea;
				width:97px;
				float: left;
				padding: 20px 0 20px 0px;
				font-size: 14px;
				font-weight: bold;
				text-align: center;
				
				&.last {
					border-right: 0;
					width:100px;
				}				
				
				&.activetab {
					.contentBlockHeadings(none, #fff, #2c2c2c);
				}
				
			}
			
			#development_slides {
			
				.tabbed_items {
					width: 530px;
					padding: 30px;
					/*
					-moz-column-count: 2;
					-moz-column-gap: 30px;
					-webkit-column-count: 2;
					-webkit-column-gap: 30px;
					*/
					float: left;
					
					h6 {
						font-size: 12px;
						padding: 10px 0 5px 0;
					}
					
					ul {
						list-style: none;
						padding: 5px 0 10px 0;
					}
					
					a {
						font-weight: bold;
					}
					
					.tabbed_content_col {
						float: left;
						width: 250px;
						padding: 0 0 0 0;
						
						&.second {
							padding: 0 0 0 30px;
						}
					}
					
					img {
						margin:10px 0 0 0;
					}
				}
			}/* /#development_slides */
			
		}/* /#development_specs */
		
		.back_to_developments {
			.viewLinks(url(images/boultbee_backarrowicon.png) no-repeat 0 center, #999999, #666, 10px 0 0 0);
			text-align: left;
			padding: 0 0 0 21px;
		}
		
		#foundation_list {
			.contentBlock(#ffffff, 0px 18px 0 0, 100%, 590px);
		}
	}
	
	
	/* RIGHT COLUMN (SIDEBAR) */	
	#right_content_column {
		width: 284px;
		height: 100%;
		float:left;
		
		#track_record {
			.contentBlock(#fafafa, 0 0 0 0, 350px, 284px);
			float: none;
	
			h3 {
				.contentBlockHeadings(1px solid #eaeaea, url(images/boultbee_lightarrowicon.gif) no-repeat 254px center #f7f7f7, #2c2c2c);
			}
			
			.download_pdf {
				.sideBarButtons(244px, 40px, 0 auto);
				background: url(images/boultbee_download_pdf.png) no-repeat;
			}
			
			p {
				padding:10px 20px 0 20px;
			}
		}
		
		#quotes {
			.contentBlock(#2b2b2b, 0 0 0 0, 100%, 284px);
			float: none;
			
			.quote {
				padding: 20px 30px 20px 30px;
				font-size: 17px;
				color: #fff;
				border-bottom: 1px solid #3e3e3e;
				
				span {
					font-size: 12px;
					color: #999;
				}
			}
			
			.get_in_touch {
				.sideBarButtons(244px, 40px, 20px auto 20px auto);
				background: url(images/boultbee_get_in_touch.png) no-repeat;
			}
		}
		
		#office {
			.contentBlock(#2b2b2b, 18px 0 0 0, 100%, 284px);
			
			h3 {
				.contentBlockHeadings(1px solid #eaeaea, #2b2b2b, #fff);
				position: relative;
				
				.map {
					.sideBarButtons(82px, 30px, 0);
					background: url(images/boultbee_map.png) no-repeat;
					position: absolute;
					right:20px;
					top:14px;
				}
			}
		}
	}
}


/* INVESTMENT PAGE */
body.investment #main_content {
	&.content {
		.container(auto, 18px 0 0 0);
	}
}

/* DEVELOPMENT PAGE */
body.development #main_content {
	&.content {
		.container(auto, 18px 0 0 0);
	}
}

/* DEVELOPMENT DETAILS PAGE */
body.development_details #main_content {
	&.content {
		.container(auto, 18px 0 0 0);
	}
}

/* FOUNDATION PAGE */
body.foundation #main_content {
	&.content {
		.container(auto, 18px 0 0 0);
	}
}

/* ABOUT PAGE */
body.about #main_content {
	&.content {
		.container(auto, 18px 0 0 0);
	}
}

/* PRESS PAGE */
body.press #main_content {
	&.content {
		.container(auto, 18px 0 0 0);
		
		#page_content {
			padding-bottom:30px;
			
			#text_content {
				padding-bottom:70px !important;
			}
		}

	}
}

/* SITE MAP PAGE */
body.sitemap #main_content {
	&.content {
		.container(auto, 18px 0 0 0);
		
		#text_content {
			padding-bottom:70px !important;
			-moz-column-count:1 !important;
			-moz-column-gap: 0 !important;
			-webkit-column-count: 0 !important;
			-webkit-column-gap: 0 !important;
		}

	}
}

/* CONTACT PAGE */
body.contact #main_content {
	&.content {
		.container(auto, 18px 0 0 0);
	}
	
	.contact_office {
		.contentBlock(#2b2b2b, 0 18px 0 0, 100%, 284px);
		
		&.birmingham {
			margin: 0;
		}
		
		h3 {
			.contentBlockHeadings(1px solid #eaeaea, #2b2b2b, #fff);
			position: relative;
			padding: 20px;
			
			.map {
				.sideBarButtons(82px, 30px, 0);
				background: url(images/boultbee_map.png) no-repeat;
				position: absolute;
				right:20px;
				top:14px;
			}
		}
	}
}


.black_divider {
	.container(7px);
	background: #252525;
	margin-top:1px;
}

/******************************/
/* FOOTER */
/******************************/

#footer_bar {
	background: #252525;
	margin: 40px 0 0 0;

	#footer {		
		&.content {
			.container(70px, 10px 0 0 0);
			font-family: "Myriad Pro", "Trebuchet MS", Arial;
			
			#footer_nav {
				position: absolute;
				top:10px;
				right:0;
			}
			
			a{
				color:#999;
				
				&:hover {
					color: #fff;
				}
			}
		}
	}
}

/******************************/
/* OVERLAY */
/******************************/

#overlay{
	background: url(images/boultbee_overlay.png);
	position: fixed;
	z-index: 99999;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter:alpha(opacity=0);
	display: none;
}

.business_card_container {
	background: none;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 999999;

	.business_card {
		width: 545px;
		height: 420px;
		position: relative;
		top:40%;
		left: 50%;
		margin-left: -272px;
		margin-top: -170px;
		z-index: 999999;
		opacity: 0;
		filter:alpha(opacity=0);
		display: none;
		
		.business_card_top {
			height: 10px;
			background: url(images/boultbee_businesscard_top.png) no-repeat;
		}
	
		.business_card_bottom {
			height: 10px;
			background: url(images/boultbee_businesscard_bottom.png) no-repeat;
		}
	
		.business_card_content {
			height: 360px;
			background: url(images/boultbee_businesscard_bg.gif) #fff no-repeat bottom right;
			padding: 20px 30px;
			position: relative;
			
			.business_photo {
				float:left;
				width: 180px;
				height: 190px;
				background: #000;
			}
			
			.business_text {
				float: left;
				width: 275px;
				padding: 0 0 60px 30px;
				
				.profile_name {
					font-size: 14px;
					font-weight: bold;
					color: #2c2c2c;
				}
				
				.profile_text {
					padding: 10px 0 0 0;
					
					p {
						padding: 0 0 10px 0;
					}
				}
			}
			
			.download_cv {
				.sideBarButtons(152px, 30px, 0 0 0 0);
				background: url(images/boultbee_downloadcv.png) no-repeat;
				position: absolute;
				top: 230px;
				left: 40px;
			}
		}
	
		.business_card_close {
			height: 20px;
			width: 30px;
			background: url(images/boultbee_businesscard_close.gif) #fff no-repeat bottom right;
			position: absolute;
			bottom: -20px;
			left: 50%;
			cursor: pointer;
		}
	
	}
}