@charset "UTF-8";

*		{margin:0; padding:0;}

body	{
	background:#FFF;
	color:#666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	line-height: normal;
}
.bodyGrey {
	FONT-SIZE: 11px; COLOR: #999999; FONT-FAMILY: Tahoma, sans-serif
}
.bold {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666666; LINE-HEIGHT: 18px; FONT-FAMILY: Tahoma, sans-serif
}

#flashnews {
	font: 12px 'Trebuchet MS', arial, sans-serif;
	font-weight: bold;
	color: #999;
	text-align:left;
	height: 300px;
	width: 875px;
}
/* Base font: 12pt/18pt */
	
/* CONTAINERS */
	.wrapper			{width: 960px; margin:0 auto;}
	#header				{
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	vertical-align: bottom;
}
	#middle				{border:#CC9 dotted; border-width:1px 0; width:100%;}
	.dottedbottom			{
	width:210px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CC9;
	border-right-color: #CC9;
	border-bottom-color: #CC9;
	border-left-color: #CC9;
}
.dottedbottomSide {
	width:210px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CC9;
	border-right-color: #CC9;
	border-bottom-color: #CC9;
	border-left-color: #CC9;
}

	.dottedbottom2			{
	width:127px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CC9;
	border-right-color: #CC9;
	border-bottom-color: #CC9;
	border-left-color: #CC9;
}
	.dottedmiddle			{
	width:100%;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #D6E4C5;
	border-right-color: #D6E4C5;
	border-bottom-color: #D6E4C5;
	border-left-color: #D6E4C5;
	float: left;
}
	#content			{
	float:right;
	width:610px;
	padding-left:40px;
	min-height: 580px;
}
	#content.home		{width:610px; padding-left:20px;}
	#intro				{
	min-height:100px;
	width:100%;
	float:left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
	#sidebar			{
	float:none;
	width:220px;
	padding-right: 30px;
	padding-left: 30px;
	background-color: #9EA274;
	height: 600px;
	color: #FFF;
}
	#breadcrumbs		{
	height: 16px;
	width:100%;
	text-align:right;
	float:left;
	color:#D6E4C5;
	background:#225778;
	vertical-align: middle;
	padding-top: 2px;
}
	#footer				{text-align:right; padding:30px 0 20px;}
	#footer small		{color:#9EA274;}
/* END -- CONTAINERS */
	

/* MAIN NAVIGATION */
	#mainnavigation					{list-style:none; float:right;}
	#mainnavigation li				{float:left; margin-left:10px; }
	#mainnavigation li a			{display:block; width:70px; height:115px; background:#336; position:relative;}
	#mainnavigation li a:hover,
	#mainnavigation li a.active		{text-decoration:none; background:#996;}
	#mainnavigation li span			{position: absolute; bottom:10px; text-transform:uppercase; color:#FFF; text-align:center; width:100%; line-height:1em;}
/* END -- MAIN NAVIGATION */
	
	
/* SECTOR NAVIGATION */
	#sectornavigation							{
	list-style:none;
	display:block;
	clear:both;
	float:left;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;
}
	#sectornavigation li						{float:left; margin-left:10px;}
	#sectornavigation li span					{display:none;}
	#sectornavigation a							{
	display:block;
	width:100%;
	height:200px;
	position:relative;
	background-image: none;
	background-repeat: no-repeat;
}
/* END -- SECTOR NAVIGATION */


/* SIDEBAR SPECIFIC STYLES */
	#sidebar td	a		{margin-right:10px;}
	#sidebar img		{
	margin-left:-20px;
	margin-bottom:-30px;
	z-index:0;
	position:relative;
	border-bottom:#FFF 3px solid;
	background-color: #9EA274;
}
/* END -- SIDEBAR SPECIFIC STYLES */


/* SPECIAL IMAGE REPLACEMENT HEADERS */
	.imgreplace span		{position:absolute; left:-9999px; margin-bottom: 0px; padding-bottom: 0px;}
	
	#header #logo a			{display:block; float:left; background:url(../images/CBCL-Logo.jpg) no-repeat; width:310px; height:115px;}
	h2#slogan				{display:inline; float:right; background:url(../images/Home-Slogan.png) no-repeat; width:225px; height:134px; margin:20px 0 20px 30px;}
	h1#ourfirm		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-OurFirm.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

	h1#employment		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-Employment.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#contact		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-Contact.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#disciplines		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-Disciplines.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#buildingservices		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-Buildings.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#industry		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-Industry-and-Manuf.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#municipal		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-Municipal.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#waterwaste		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-WaterWaste.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#environmental		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-Environmental.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#energypower		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-EnergyPower.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#oilgas		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-OilGas.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#transportation		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-Transp.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#marine		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-Marine.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#careers		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-Careers.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#sustain		{
	display:inline;
	float:left;
	width:650px;
	height:134px;
	margin-left:-40px;
	background-image: url(../images/Header-Sustainability.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	h1#corpresp		{
	display:inline;
	float:left;
	width:650px;
	height:100px;
	margin-left:-40px;
	background-image: url(../images/Header-CorpSocResp.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
/* END -- SPECIAL IMAGE REPLACEMENT HEADERS */
	
	
/* GENERAL FONTS */
	h2					{
	color:#996;
	font-weight:bold;
	font-size:1.25em;
	margin:0.6em 0 0.4em;
	font-family: Geneva, Arial, sans-serif;
	letter-spacing:-0.02em;
}
	#sidebar h2			{
	color:#D6E4C5;
}
	#sidebar h2.tabbed	{background-color:#996; z-index:100; position:relative; float:left; padding:5px 10px 0; margin-left:-10px; display:inline;}
	h3					{font-size:1em;}
	#sidebar h3			{color:#036; font-weight:normal; font-size:1.2em; margin-bottom:0.2em;}
		
	p					{margin-bottom:1.6em;}		
	#intro p			{font-size:1.15em; padding-top:35px;}	
	a.morelink			{
	display:block;
	float:right;
	line-height:15px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: right center;
	width: 45px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
}			
	a					{color:#039; text-decoration:none;}
	a:hover				{text-decoration: underline;}
	#breadcrumbs a		{padding: 0 0.4em; color:#fff;} 
	#breadcrumbs span	{padding-left: 0.4em;}
	
	small				{font-size:90%;}
.title {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 18px;
	PADDING-BOTTOM: 5px;
	COLOR: #7B8C6B;
	PADDING-TOP: 15px;
	FONT-FAMILY: Arial, sans-serif
}
.titleSideMenu {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	PADDING-BOTTOM: 5px;
	COLOR: #e5e8c5;
	PADDING-TOP: 15px;
	FONT-FAMILY: Arial, sans-serif
}
.titleSideMenu2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 24px;
	COLOR: #e5e8c5;
	FONT-FAMILY: Arial, sans-serif;
	padding: 0px;
}


.subtitle {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	PADDING-BOTTOM: 0px;
	COLOR: #666666;
	PADDING-TOP: 5px;
	FONT-FAMILY: Arial, sans-serif;
	TEXT-DECORATION: none
}
/* END -- GENERAL FONTS */


/* MISC STYLES */	
	img					{border:none;}
	img.alignright		{float:right; margin:5px 0 1em 10px; border:1px solid #CCC;}
	img.alignleft		{float:left; margin:5px 10px 1em 0; border:1px solid #CCC;}
	
	hr					{clear:both; height:0; border:0;} /* Used as section divider for text readers and used to clear all floating elements in non floating divs  */
	.clear				{clear:both;} /* Used to clear all floating elements in non floating divs  */
	td					{vertical-align:top;}
/* END -- MISC STYLES */	
h4 {
	color:#996;
	font-weight:lighter;
	font-size:2em;
	margin:0.6em 0 0.4em;
	font-family: Geneva, Arial, sans-serif;
	letter-spacing:-0.02em;
}
.link {
	FONT-SIZE: 11px; COLOR: #336699; LINE-HEIGHT: 17px; FONT-FAMILY: Tahoma, sans-serif
}
.link:visited {
	COLOR: #336699
}
.link:hover {
	COLOR: #660000;
	TEXT-DECORATION: none
}
.linktopmenu {
	FONT-SIZE: 11px;
	COLOR: #CCCCCC;
	LINE-HEIGHT: 17px;
	FONT-FAMILY: Tahoma, sans-serif;
	text-decoration: none;
}
.linktopmenu:visited {
	COLOR: #CCCCCC
}
.linktopmenu:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
}
.linksubmenu {
	FONT-SIZE: 11px;
	COLOR: #9EA274;
	LINE-HEIGHT: 17px;
	FONT-FAMILY: Tahoma, sans-serif;
	text-decoration: none;
}
.linksubmenu:visited {
	COLOR: #9EA274
}
.linksubmenu:hover {
	COLOR: #225778;
	text-decoration: underline;
}
.linkmainmenu {
	FONT-SIZE: 11px;
	COLOR: #e5e8c5;
	LINE-HEIGHT: 17px;
	FONT-FAMILY: Tahoma, sans-serif;
	text-decoration: none;
}
.linkmainmenu:visited {
	COLOR: #e5e8c5
}
.linkmainmenu:hover {
	COLOR: #FFFFFF;
	FONT-SIZE: 13px;
	text-decoration: none;
}
.linksidemenu {
	FONT-SIZE: 13px;
	COLOR: #e5e8c5;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Tahoma, sans-serif;
	text-decoration: none;
}
.linksidemenu:visited {
	COLOR: #e5e8c5
}
.linksidemenu:hover {
	COLOR: #FFFFFF;
	FONT-SIZE: 15px;
	text-decoration: none;
}
.linklarge {
	FONT-SIZE: 18px;
	COLOR: #9EA274;
	LINE-HEIGHT: 17px;
	FONT-FAMILY: Tahoma, sans-serif;
	text-decoration: none;
}
.linklarge:visited {
	COLOR: #9EA274
}
.linklarge:hover {
	COLOR: #225778;
	text-decoration: underline;
}
.linkBold {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #336699; LINE-HEIGHT: 17px; FONT-FAMILY: Tahoma, sans-serif; TEXT-DECORATION: none
}
.linkBold:hover {
	COLOR: #48a3e6; TEXT-DECORATION: underline
}
.linkBold:visited {
	COLOR: #859ac2
}
.linkBig {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	PADDING-BOTTOM: 0px;
	COLOR: #336699;
	PADDING-TOP: 5px;
	FONT-FAMILY: Arial, sans-serif;
	TEXT-DECORATION: none
}
.linkBig:visited {
	COLOR: #336699
}
.linkBig:hover {
	COLOR: #660000;
	TEXT-DECORATION: underline
}
.linkSmall {
	FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Tahoma, sans-serif
}
.smalltext {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #666666; LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma, sans-serif
}
.smalltextlist {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9px;
	COLOR: #666666;
	LINE-HEIGHT: 9px;
	FONT-FAMILY: Tahoma, sans-serif
}
.boldtextlist {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666666; LINE-HEIGHT: 11px; FONT-FAMILY: Tahoma, sans-serif
}
.navbigtext {
	COLOR: #FFFFFF;
}
.navmedtext {
	COLOR: #9EA274;
}.topbar {
	background-color: #E4E4E4;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	height: 15px;
	vertical-align: middle;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #333;
	color: #666;
	text-decoration: none;
}
.topbartext {
	text-decoration: none;
	color: #666;
}

.topbartext:hover {
	COLOR: #000
}
.topbartext:visited {
	COLOR: #666
}
	
.navbody	{
	background-image: url(../images/nav-shadow.jpg);
	background-repeat: repeat-x;
}
.topmenubar1	{
	background-image: url(../images/MENU/bluemenubar.png);
	background-repeat: repeat;
}
.topmenubarShadow {
	background-image: url(../images/topshadow.gif);
	background-repeat: repeat;
	height: auto;
}