/**********************************************************************
	Filename: bbcm.css
	Project:  www.BBCM.com 		PUBLIC
	
	Global style sheet
**********************************************************************/
/* Body Tag Definition */
body { background-color:#c4c4c4; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; }

/* Assign font and color to the general styles */
font, th, td, p, span, div, textarea, a { font-family:Arial, Helvetica, Verdana, sans-serif; color:#000000; font-size:12px; }
a { font-weight:bold; font-style:normal; text-decoration:none; color:#862d00; }
a:hover { text-decoration:underline; }
ul { margin-top:5px; }
li { margin-bottom:5px; }
hr { width:100%; height:1px; margin: 0px 0px 0px 0px; color:#a1a1a1; }

/* headings */
h1, h2, h3, h4 { margin:10px 0px 0px 0px; padding:0px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, Verdana, sans-serif; color:#000000; }
h1 { font-size:16px; }
h2, h3, h4 { font-size:12px; }

/* Main Elements */
#main { width:995px; text-align:left; }
#header { position:relative; width:995px; height:126px; background-image:url(images/headerBG.jpg ); background-repeat:no-repeat; }
#navigation { position:absolute; top:52px; left:80px; }
#navigation div { float:left; }
#navigation img { padding-bottom:10px; }
#titleTab { position:absolute; bottom:1px; left:125px; width:751px; height:19px; background-image:url( images/titleBG.gif ); background-repeat:no-repeat;  }
#titleTab div { margin:3px 0px 0px 45px; font-size:11px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; }
#titleTab a { font-size:11px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; }
#titleTab a:hover { color:#FFFFFF; }
#page { text-align:left; width:100%; background-color:#e9e9e9; }
#footer { font-family:verdana; font-size:10px; text-align:center; }
#footer a { font-family:verdana; font-size:10px; font-weight:normal; color:#000000; }
#footer a:hover { color:#000000; text-decoration:underline; }
#footerLocations { padding-top:3px; text-align:center; }
#footerLocations td { font-family:verdana; font-size:10px; }

/* leftSide / rightSide - MAIN LAYOUT */
#leftSide { float:left; width:235px; background-image:url(images/leftMenuBkd.jpg); background-repeat:no-repeat; }
#rightSide { float:left; width:760px; background-image:url(images/rightSideBkd.jpg); background-repeat:no-repeat; background-color:#dddddd; }

/* 2 column content areas */
.pageTitle { padding:15px 0px 0px 15px; }
.leftColumn { width:460px; background-image:url(images/contentArrowTop.gif); background-repeat:no-repeat; background-position:top right; }
.rightColumn { width:300px; border-left:1px solid #585858; }
.content { padding:0px 20px 10px 15px; line-height:16px; }
.content p { padding:0px 0px 0px 0px; margin:10px 0px 10px 0px; }
.rightContent { margin:0px; padding:0px; }
.rightContent img { border:1px solid #000000; margin:10px 0px 5px 10px; }
.rightContent div { font-family:verdana; font-size:9px; padding:0px 0px 0px 10px; }
#contentFooter { clear:both; margin-left:0px; }
#pageFooter { width:995px; height:10px; background-image:url( images/pageFooterBG.gif ); background-repeat:no-repeat; }

/* full width content areas */
#rightSideFullWidth { float:left; width:760px; background-image:url(images/rightSideBkd.jpg); background-repeat:no-repeat; background-color:#dddddd; }
.leftColumnFullWidth { width:738px; background-image:url(images/contentArrowTopFullWidth.gif); background-repeat:no-repeat; background-position:top right; }

/* Menu Boxes */
#leftmenu { margin-left:20px; padding:10px 0px 10px 0px; color:#000000; font-weight:bold; }
#leftmenuService { padding:6px 0px 0px 0px; }

/* Service Sub Menu*/
.serviceSubMenu { float:right; width:220px; padding:10px; border-left:1px solid #862d00; border-bottom:1px solid #862d00; }
.serviceSubMenu div { margin-bottom:5px; }
.serviceSubMenu a { padding:3px 0px 3px 15px; text-decoration:none; font-size:11px; color:#000000; }
.serviceSubMenu a:hover { color:#862d00; text-decoration:none; }
.serviceHere { padding:3px 0px 3px 15px; background-image:url(images/menuMarker.gif); background-repeat:no-repeat; }

/* Service Image Columns */
.servicesImgColumn { float:right; width:250px; margin:10px 0px 10px 0px; }
.servicesImgColumn img { margin-bottom:10px; border:1px solid #000000; }

/* Left-Menu Link Styles */
#leftmenu div { padding:5px 0px 5px 0px; }
#leftmenu a { text-decoration:none; font-size:12px; color:#000000; font-weight:bold; text-transform:uppercase; }
#leftmenu a:hover{ color:#862d00; text-decoration: none; font-weight:bold; }
#leftmenu .here { padding:5px 0px 5px 0px; }
#leftmenu .here a { font-size:12px; color:#ffffff; font-weight:bold; }
#leftmenu .here a:hover { color:#862d00; }

/* Left-Menu Secondary Links */
#leftmenu .secondaryLink { padding:3px 0px 3px 15px; }
#leftmenu .secondaryLink a { text-decoration:none; font-size:10px; color:#000000; }
#leftmenu .secondaryLink a:hover { color:#862d00; text-decoration:none; }
#leftmenu .secondaryHere { padding:3px 0px 3px 15px; background-image:url(images/menuMarker.gif); background-repeat:no-repeat; }
#leftmenu .secondaryHere a { font-size:10px; color:#862d00; }
#leftmenu .secondaryHere a:hover { color:#000000; }

/* error display */
.error { font-size:16px; font-weight:bold; color:#cc0033; }

/* forms */
form { margin:0px; padding:0px;}
.tblform td { padding:3px 0px 3px 0px; }
.frmlabel { font-weight:bold; }
.frmtext { border:solid 1px #862d00; }
.frmbutton { float:right; width:130px; }
.frmbutton div { text-align:center; border:solid 1px #862d00; }
.frmbutton a { background-color:#6c6c6c; font-family:Verdana; display:block; color:#FFFFFF; font-weight:bold; font-size:10px; text-transform:uppercase; min-width:100px; padding:0px 10px 0px 10px; }
.frmbutton a:hover { background-color:#c6c6c6; color:#000000; text-decoration:none; }
#extras{
    float:right; 
    width:250px;
}
#shortform{
     float:left;                               
     padding-left:10px; 
     margin:2em;
}
/* for printer friendly content */
#printLogo { display:none; }
@media print {
	/* hide */
	#header, #leftSide, #contentFooter, #pageFooter { display:none; }
	#footer a { display:none; }
	#footer span { display:none; }
	/* print logo */
	#printLogo { display:block; margin-left:-17px; }
	/* width, BG and general style changes */
	body, #main, #page, #rightSide, #rightSideFullWidth, #rightSideServices, .leftColumn, .leftColumnServices, .leftColumnFullWidth, .rightColumn, .pageTitle { width:100%; background-color:transparent; margin:0px; padding:0px; background-image:none; }
	.rightColumn { border:none; }
	.content, .contentServices { padding:0px 10px 0px 0px; margin:0px; }
	#footer { border-top:solid 1px #000000; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; }
}

#left-nav-services{
	margin:0; padding:0;
	list-style-type:none;
	}
	
	#left-nav-services li{margin:0;}
	
		#left-nav-services li a{
			display:block;
			width:230px; height:1.2em;
			font-size:.83em;line-height:1.2em;
			font-weight:900;
			color:#3f3b3a;
			}
			
			#left-nav-services li a:hover, #left-nav-services li a:focus{
				text-decoration:none;
				color:#913202;
				}
			
			#left-nav-services #geotechnical{
				padding:42px 0 34px 5px;
				background:url(/images/serviceGeoTechnical-img.jpg) no-repeat right top;
				}
				
			#left-nav-services #environmental{
				padding:34px 0 30px 5px;
				background:url(/images/serviceEnvironmental-img.jpg) no-repeat right top;
				}
					
			#left-nav-services #construction{
				padding:38px 0 26px 5px;
				background:url(/images/serviceConstruction-img.jpg) no-repeat right top;
				}
					
			#left-nav-services #geodesign{
				padding:42px 0 22px 5px;
				background:url(/images/serviceGeoDesign-img.jpg) no-repeat right top;
				}
					
			#left-nav-services #specialty{
				padding:46px 0 28px 5px;
				background:url(/images/serviceSpecialty-img.jpg) no-repeat right top;
				}