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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/* Preloader */
#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#281f14; /* change if the mask should have another color then white */
	z-index:99999; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 
==============================================================
CUSTOM BCG2 STYLES
==============================================================

*/

@font-face {
    font-family: 'arialnb';
    src: url('font/helvetica-condensed-black-webfont.eot');
    src: url('font/helvetica-condensed-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica-condensed-black-webfont.woff') format('woff'),
         url('font/helvetica-condensed-black-webfont.ttf') format('truetype'),
         url('font/helvetica-condensed-black-webfont.svg#arialnb') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background:#281f14;
	overflow:hidden;
	color:#FFF;
	width:100%;
}

HTML {
	width:100%:
}

a {
	color:#FFF;
	text-decoration:none;
	-webkit-transition: color 0.2s ease-in; /*safari and chrome */
 	-moz-transition: color 0.2s ease-in; /* firefox */
 	-o-transition: color 0.2s ease-in; /* opera */
	outline:none;
}

#people a.highlight, #bcg-nav2 a.highlight, #snapshot a.highlight  {
	color: #D2B75F;
}

#people, #snapshots, #casestudies {
	line-height:20px;
	padding:2px 0 10px 0;
	float:left;
}

#casestudies {
	margin-top:10px;
}

#people a, #snapshots a, #casestudies a {
	font-family:Arial Narrow,Arial,Helvetica,sans-serif;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:0.25px;
}

#work-home-thumb {
	height: 248px;
    left: 776px;
    position: absolute;
    top: 273px;
    width: 302px;
	display:none;
}

#work-home-thumb span {
    background: none repeat scroll 0 0 #D2B75F;
    height: 225px;
    opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
    width: 293px;
    z-index:20;
	display:block;
	position:absolute;
}

#work-home-thumb img {
	position:absolute;
	top:0;
	left:0;
}

#work-home-thumb img.mag {
	left: 60px;
    opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    position: absolute;
    top: 146px;
    z-index: 999;
}

#work-home-thumb-link {
	height: 248px;
    left: 776px;
    position: absolute;
    top: 273px;
    width: 302px;
	display:block;
	z-index:9999;
	background:url("images/bcg-trans.png") repeat transparent;
}

.bcg-container {
	width:1130px;
	height:860px;
	background:transparent;
	position:absolute;
	left:0;
	top:0;
	/* 
	margin:-410px 0 0 -562px; 
	left:50%;
	top:50%	
	*/
	overflow:hidden;
}

.bcg-container:hover
{
}

#bcg-logo-cont {
	width:1130px;
	height:885px;
	overflow:hidden;
	position:absolute;
	top:-25px;
	-moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#bcg-logo {
	width:1290px;
	height:820px;
	float:left;
	margin-left:-18px;
	margin-top:-50px;
	width:5000px;
	position:absolute;
	-moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
}

#bcg-logo div {
	position:absolute;
}

#bcg-b {
	z-index:9999;
	width:auto;
	overflow:hidden;
	top:64px;
	left:-1px;
}

#bcg-c {
	top:235px;
	z-index:30;
	left:7px;
}

#bcg-g {
    left: 739px;
    overflow: hidden;
    top: 260px;
    width: auto;
	z-index:25;
}

#bcg-g img {

}

#gshadow-left {
	left: 18px;
    opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
    position: absolute;
    top: 415px;
    z-index: 999;
}

#gshadow-right {
	left: 967px;
    opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
    position: absolute;
    top: 668px;
    z-index: 999;
}

#social {
	float:right;
	position:absolute;
	top:20px;
	right:20px;
	height:50px;
	z-index:999;
}

#social a {
outline:0;;
}
#people a {
	font-size:14px;
}
#bcg-nav {
	width:170px;
	height:136px;
	position:absolute;
	left:475px;
	top:320px;
	font-family: 'arialnb';
	font-size:22px;
	line-height:25px;
	letter-spacing:2px;
	z-index:99990;
}

#bcg-nav a, #bcg-nav2 a {
	float:left;
	clear:left;
}

#bcg-nav a:hover,  #bcg-nav2 a:hover {
	color:#D2B75F;
}

#main-mask {
	position:absolute;
	top:0;
	left:-50px;
	z-index:999;
	margin-left:-300px;
}

#bcg-sm {
	width:181px;
	height:127px;
	position:absolute;
	top:348px;
	left:120px;
	display:none;
}

#bcg-nav2 {
	position:absolute;
	top:215px;
	right:-180px;
	width:149px;
	height:146px;
	font-family: 'arialnb';
	font-size:22px;
	line-height:25px;
	letter-spacing:-0.5px;
	z-index:999;
	color:#2F2319;
	text-transform:capitalize;
}

#work {
	position:absolute;
	top:98px;
	left:32px;
	-moz-user-select: none; 
    -khtml-user-select: none; 
     -webkit-user-select: none; 
     -o-user-select: none; 
	 z-index:8000;
}

#contact, #news, #health-main {
	position:absolute;
	left:310px;
	top:90px;
	font-family:HelveticaNeue,Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	z-index: 9000;
	height: 300px;
    width: 520px;
	color:#FFF;
}

#contact div {
	float:left;
	width:50%;
}

strong {
	font-weight:bold;
}

#about strong, #about-health strong  {
	color: #D2B75F;
}

#about sup {
}

#contact h2, #news h2, #health-main	 {
	font-family: 'arialnb';
	color:#FFF;
	font-size:18px;
}

#contact span {
	color:#D2B75F;
	margin:10px 0 10px 0;
	width:100%;
	float:left;
}

#address {
	color:#312619;
	font-size:16px;
	font-family:Arial Narrow,Arial,Helvetica,sans-serif;
	float:left;
	margin-top:20px;
	letter-spacing:0.25px;
	text-transform:none;
}

.people .pic a {
	background: url("images/bcg-trans.png");
    height: 252px;
    left: 58px;
    position: absolute;
    top: 24px;
    width: 180px;
	z-index:9999;
}

#bios {
	position:absolute;
	top:98px;
	left:285px;
	-moz-user-select: none; 
    -khtml-user-select: none; 
     -webkit-user-select: none; 
     -o-user-select: none; 
	 font-family:HelveticaNeue,Arial, Helvetica, sans-serif;
	font-size:12px;
	width:510px;
	margin:0 auto;
	line-height:17px;
	z-index:999;
}

#bios h2 {
	font-family: 'arialnb';
	color:#D2B75F;
	line-height:18px;
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:10px;
	
}

#bios span {
	color:#D2B75F;
}

#bios-left {
	width:198px;
	float:left;
	margin-right:30px;
}

#bios-right {
	width:275px;
	float:left;
}

#bcg-nav2 a {
	color:#2F2319;
}

#bcg-sm2 {
	width:120px;
	height:92px;
	position:absolute;
	right:-130px;
	top:90px;
	z-index:9000;
}

#bcg-sm2:hover {
	cursor:pointer;
}

#gallery-pic  {
	width:745px;
	height:355px;
	position:absolute;
	left:145px;
	top:505px;
	display:none;
	z-index:9000;
}

#gallery-pic.about, #gallery-pic.about-health {
	z-index:25;
}

#gallery-pic.about img, #gallery-pic.about-health img {
	left: -120px;
    position: absolute;
    top: -78px;
}

#thumbs-1 {
	width:745px;
	height:355px;
	position:relative;
}

#gallery-pic div {
	position:absolute;
	top:-2px;
	left:2px;
}

.pic-mask {
	z-index:99;
}

#gallery-pic div.pic {
	z-index:10;
	top:3px;
	left:1px;
}

#description {
	position:absolute;
	left:240px;
	top:-20px;
	font-family:HelveticaNeue,Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	z-index: 9000;
	text-align:justify;
}

#description h2 {
	font-family: 'arialnb';
	color:#D2B75F;
	line-height:18px;
	font-size:18px;
}

#description h3 {
	font-weight:bold;
	color:#D2B75F;
}

#description p {
	margin-top:10px;
}

.btn-play {
	position:absolute;
	z-index:99;
	top:145px;
	left:320px;
	opacity:0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	-webkit-transition: opacity 0.2s ease-in; /*safari and chrome */
 	-moz-transition: opacity 0.2s ease-in; /* firefox */
 	-o-transition: opacity 0.2s ease-in; /* opera */
	-webkit-transition: all .2s ease-in-out;
}

.pic:hover .btn-play {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

.gallery-img {
	position:absolute;
	z-index:10;
	-moz-user-select: none; 
    -khtml-user-select: none; 
     -webkit-user-select: none; 
     -o-user-select: none; 
}

.pic-mask:hover .btn-play {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-transform: scale(1.1);
}

.pic-mask:hover .btn-play {
	cursor:pointer;
}

#gallery-pic div.bcg-arrow {
	width:65px;
	height:65px;
	position:absolute;
	top:90px;
	z-index:999;
}

#gallery-pic div.bcg-arrow:hover {
	cursor:pointer;
}

#gallery-pic div.bcg-arrow.left {
	left:10px;
}


#gallery-pic div.bcg-arrow.right {
	left: 682px;;
}

#faces {
	position:absolute;
	top:161px;
	left:237px;
	z-index:9999;
	width:800px
}
#faces a {
	background: url("images/bcg-trans.png");
    display: block;
    position: absolute;
	z-index:999;
}
#faces-james {
    height: 98px;
    left: 340px;
    top: 10px;
    width: 92px;
}
#faces-mike {
	height: 98px;
    left: 238px;
    top: 3px;
    width: 92px;
}
#faces-abe {
	height: 86px;
    left: 136px;
    top: 46px;
    width: 92px;
}
#faces-bert {
	height: 86px;
    left: 101px;
    top: 138px;
    width: 92px;
}
#faces-robin {
	height: 86px;
    left: 79px;
    top: 233px;
    width: 92px;
}
#faces-stuart {
	height: 86px;
    left: 22px;
    top: 307px;
    width: 82px;
}
#face-name {
	font-family:HelveticaNeue-CondensedBlack,Arial Black, Helvetica, sans-serif;
	color:#D2B75F;
	line-height:18px;
	font-size:17px;
	width:200px;
	height:20px;
	z-index:99999;
	position:absolute;
	top:222px;
	left:930px;
	text-transform:capitalize;
	text-align:center;
}
#scrollbar1 { width: 490px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 460px; height: 270px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #281f14; margin:1px 0 1px 0;}
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #D2B75F; height: 100%; width:13px; position: relative; padding: 0 1px;padding-bottom:2px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.pp_social {display:none;}
body div.dark_rounded .pp_description {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#D2B75F;font-weight:bold;}
.pp_overlay {padding-right:1px;}

div.fadehover {
	position: relative;
	}

img.a {
	position: absolute;
	left: 0;
	top: 0;
     z-index: 10;
	}
.snap-pic a {
	background: none repeat scroll 0 0 #D2B75F;
	z-index:20;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	width:293px;
	height:174px;
}
.snap-pic img {
	z-index:10;
	position:absolute;
	top:0;
	left:0;
}
.snap-pic img.mag {
	z-index:99;
	left:10px;
	top:10px;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	z-index:101;
}

.snap-pic a:hover img.mag {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

	
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
	
#gallery-pic div.pic1 a, #gallery-pic div.pic2 a, #gallery-pic div.pic3 a {
	display:block;
	height:100px;
	width:200px;
	background:#D2B75F;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	width:165px;
	height:197px;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}

#gallery-pic div.pic1 img, #gallery-pic div.pic2 img, #gallery-pic div.pic3 img {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

.rotate {
	display:none;
}
	
#gallery-pic div.pic1.rotate {
	position:absolute;
	left:120px;
	top:45px;
	top: 80px\9; /* IE8 and below */  
}

#gallery-pic div.pic2.rotate {
	position:absolute;
	left:295px;
	top:120px;
	top: 80px\9; /* IE8 and below */ 
	left: 306px\9; /* IE8 and below */ 
}

#gallery-pic div.pic3.rotate {
	position:absolute;
	left:488px;
	top:117px;
	top: 80px\9; /* IE8 and below */ 
}

.snap-pic {
	width:293px;
	text-align:center;
	margin:0 auto;
	height:193px;
	position:relative;
}

.snap-txt {
	float:left;
	width:500px;
	margin:10px auto 0 45px
}

.snap-txt a {
	font-weight:bold;
	color:#D2B75F;
}

.snap-pic a, .snap-pic img  {
	position:absolute;
	top:0;
	left:0;
}


.snap-txt h2 {
	width:100%;
	margin-bottom:10px;
}

#snapshots {
	width:220px;
}

#cases, #about, #about-health {
	position:absolute;
	top:70px;
	z-index:9000;
	left:30px;
}

#snaps-cases, #people {
	height:0;
	overflow:hidden;
	float:left;
	padding:0;
}

#faces {
	height: 425px;
    left: -111px;
    position: absolute;
    width: 635px;
	display:none;
}

#faces div {
	position:absolute;
}

#face-james {
	right:-2px;
	top:0;
	z-index:999;
}
#face-mike {
	 right: 89px;
    top: 11px;
	z-index:10;
}
#face-abe {
	right: 186px;
    top: 16px;
	z-index:9;
}
#face-bert {
	right: 207px;
    top: 131px;
	z-index:10;
}
#face-robin {
	right: 239px;
    top: 231px;
}
#face-stu {
	right: 283px;
    top: 308px;
	z-index:99;
}
#face-pam {
	 right: 379px;
    top: 313px;
	z-index:7;
}
#face-bonnie {
	 right: 485px;
    top: 301px;
	z-index:9;
}
#faces .a, #faces .b {
	position:absolute;
	top:0;
	left:0;
}
#faces .a {
}
#faces .b {
	z-index:99;
}
#bcg-nav.nav-health {
	font-family: 'arialnb';
    font-size: 21px;
    height: 136px;
    left: 474px;
    letter-spacing: 1px;
    line-height: 24px;
    position: absolute;
    top: 315px;
    width: 230px;
    z-index: 99990;
}
#bcg-nav2.nav-health {
	width:190px;
	right:-200px;
	font-size:21px;
}
.ab-health ul {
	padding:10px;
	line-height:18px;
}
.ab-health li {
	list-style: disc outside none;
}