@CHARSET "UTF-8";

/* =====================================
	General Classes and setup
===================================== */

body {
	padding:0;
	margin:0;
	font-family:Arial;
	width:100%;
	color:#d9d9d9;

}

html {
	padding:0;
	margin:0;
	width:100%;
}

div, dl, dt, dd, select, h1, h2, h3, h4, h5, h6, table tr, td, th, tbody, br 
{
	border: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style:none;
	outline:none;
}


li {
	margin:0 0 0 0;
	padding:0 0 20px 20px;
	list-style:none;
/*	background: url(img/bullet.png) 0 8px no-repeat;
	behavior: url(/themes/bcci/js/iepngfix.htc);
	*/
}

li.careers {
	margin:0 0 0 0;
	padding:0 0 20px 20px;
	list-style:none;
	background: url(img/bullet.png) 0 6px no-repeat;
	behavior: url(/themes/bcci/js/iepngfix.htc);
}

ul {
	margin:0; padding:0;
}


img {
	border:0;
}

a { outline:none; }

#topGrad {
	position:absolute;
	left:0px; top:0px;
	height:182px;
	width:100%;
	background: url(img/top_grad.png) top left repeat-x; behavior: url(/themes/bcci/js/iepngfix.htc);
	z-index: 10;

}

h1 {
	font-size:24px;
	font-weight:normal;
}

h2 {
	font-size:18px;
	font-weight:normal;
}	

img.pngFix { behavior: url(/themes/bcci/js/iepngfix.htc); }

/* =====================================
	Main Body Container & container
	to center everything
===================================== */

div#topContainer {
	width:100%;
	height:108px;
	margin:auto;
	position:relative;
	text-align:center;
}

div#topLogoNav {
	width:900px;
	text-align:left;
	margin:auto;
	position:relative;
}

div#logo {
	padding-top:28px;

	float:left;
}

div#logo a {
	width:84px; height:74px;
}

div#footerContainer {
	width:100%;
	height:61px;
	background: url(img/shade_footer.png) top left repeat; behavior: url(/themes/bcci/js/iepngfix.htc);
	
	text-align:center;
}

div#footer {
	width:896px; 
	margin:auto;
	padding-top:20px;
	font-size:11px;
	color:#fffefe;
	text-align:left;
}

div#footer a {
	color:#fffefe;
	text-decoration:none;
}

div#footer a:hover {
	text-decoration:underline;
}


div#shadeContentContainer {
	background: url(img/shade.png) top left repeat; behavior: url(/themes/bcci/js/iepngfix.htc);
	padding: 30px 0 30px 0;
	margin-top:26px;
	text-align:center;
	width:100%;
}

div#shadeContentContainer2 {
	background: url(img/shade.png) top left repeat; behavior: url(/themes/bcci/js/iepngfix.htc);
	padding: 30px 0 30px 0;
	margin-top:11px;
	text-align:center;
	width:100%;
}

div#shadeContent {
	width:896px;
	margin:auto;
	font-size:14px;	
	text-align:left;
}

div#shadeContent a {
	color:#fff;
	text-decoration:none;
}

div#shadeContent a:hover {
	text-decoration:underline;
}


.thumb { width:54px; height:54px; background: url(img/thumb_back.png) top left no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }

.thumbText { padding-left: 2px; width:115px; font-size:12px;}


/* =====================================
	Case Studies
===================================== */
div#shadeContentContainerCase {
	background: url(img/shade.png) top left repeat; behavior: url(/themes/bcci/js/iepngfix.htc);
	padding: 0;
	margin-top:10px;
	text-align:center;
	width:100%;
}

div#shadeContentCase {
	width:1024px;
	margin:auto;
	font-size:14px;	
	text-align:left;
	position:relative;
}

div#leftShadeCase {
	 width:534px; height:637px;
	 background: url(img/shade.png) top left repeat; behavior: url(/themes/bcci/js/iepngfix.htc);
	 position:absolute;
	 left:0px; top:0px;
	 z-index:1;
}

div#leftShadeList{
	width:173px;
	text-align:right;
	font-size:12px;
	color:#fff;
}


div#leftShadeContent {
	width:293px; height:440px;
	font-size:12px;
	line-height:18px;
}

.leftShadeContentTitle {
	color:#fff;
	font-size:24px;
	font-weight:bold;
	line-height:24px;
}

div#caseContainer {
	position:relative;
	height:637px;
}

div#caseBackBig {
	position:absolute;
	left:0px; top:0px;
	z-index:0;
}

div#fullImgBtn {
	position:absolute;
	left:534px;	top:523px;
}

div#showContentBtn {
	position:absolute;
	left:0px; top:523px;
}


/* =====================================
	Main Nav
===================================== */
#mainNav {
	width: 524px;
	height: 26px;
	margin: 0; padding: 28px 0 0 0;
	float:right;
}
#mainNav li {margin: 0; padding: 0; list-style: none; float:left;}

#mainNav li, #mainNav a {height: 26px; display: block; background:none;}
#home a {width: 60px; background: url(img/main_nav.png) 0 0 no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }
#whoweare a {width: 111px; background: url(img/main_nav.png) -60px 0 no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }
#howwework a {width: 123px; background: url(img/main_nav.png) -170px 0 no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }
#whatwebuild a {width: 130px; background: url(img/main_nav.png) -294px 0 no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }
#contactus a {width: 99px; background: url(img/main_nav.png) -424px 0 no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }

#home a:hover { background: url(img/main_nav.png) 0 -22px; no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }
#whoweare a:hover { background: url(img/main_nav.png) -60px -22px; no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }
#howwework a:hover { background: url(img/main_nav.png) -170px -22px; no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }
#whatwebuild a:hover { background: url(img/main_nav.png) -294px -22px; no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }
#contactus a:hover { background: url(img/main_nav.png) -424px -22px; no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }

#whoweareActive a { width: 111px; background: url(img/main_nav.png) -60px -22px; no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }
#howweworkActive a {width: 123px; background: url(img/main_nav.png) -170px -22px no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }
#whatwebuildActive a {width: 130px; background: url(img/main_nav.png) -294px -22px no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }
#contactusActive a {width: 99px; background: url(img/main_nav.png) -424px -22px no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc); }


/* =====================================
	Touts
===================================== */
#touts {
 height: 132px;
 margin: 0; padding: 25px 0 0 0;
}


#touts li {width:305px; height:132px; margin: 0; padding: 3px 0 0 3px; list-style: none; float:left; background: url(img/tout_back.png) top left no-repeat; behavior: url(/themes/bcci/js/iepngfix.htc);}
#touts li.lastTout {width:277px;  height:132px; margin: 0; padding: 3px 0 0 3px; list-style: none; float:left; }