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

body {
	background: #e8e9ea url(images/site_background.png) repeat-x;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
}

#site_container {
	margin: 0 auto;
	width: 780px;
	padding: 0 5px 0 5px;
	background:url(images/background.png) repeat-y;
}

b {
	color: #306486;
	font-weight: bold;
}

p {
	line-height: 18px;
}

a, a:link, a:visited {
	color: #8b0f04;
	text-decoration: none;
}

a:hover {
	color: #cf3b2d;
}


.clr {
	clear: both;
}

/*------------------------------------------------------------------ */
/* TOP BAR LAYOUT */
/*------------------------------------------------------------------ */

#topbar {
	background:url(images/topbar.png) no-repeat;
	width: 780px;
	height:26px;
	padding: 0 5px 0 5px;
	margin: 0 auto;
}

.tb_home {
	float: left;
	height: 26px;
	width: 46px;
	margin: 0 0 0 655px;
}

.tb_gsa {
	float: right;
	height: 26px;
	width: 72px;
	margin: 0 5px 0 0;
}

.home {
	background: url(images/topnav/home.png) no-repeat;
	width: 46px;
	height: 26px;
	display: block;
	text-indent: -99999px;
}

.home:hover {
	background: url(images/topnav/home1.png) no-repeat;
}

.gsa {
	background: url(images/topnav/gsa871.png) no-repeat;
	width: 72px;
	height: 26px;
	display: block;
	text-indent: -99999px;
}

.gsa:hover {
	background: url(images/topnav/gsa8711.png) no-repeat;
}

/*------------------------------------------------------------------ */
/* HEADER AREA */
/*------------------------------------------------------------------ */

#header {
	width: 780px;
	height: 111px;
}

.header_wbcmlogo {
	float: left;
	margin: 13px 0 0 15px;
	width: 205px;
}

.header_slogan {
	float: right;
	width: 313px;
	margin: 54px 0px 0 236px;
}

#wbcmlogo {
	background: url(images/wbcm-logo.png) no-repeat;
	width: 205px;
	height: 73px;
	display: block;
	text-indent: -99999px;
}

#slogan {
	background: url(images/header-arc-eng-con.png) no-repeat;
	width: 313px;
	height: 13px;
	display: block;
	text-indent: -99999px;
}

/*------------------------------------------------------------------ */
/* NAVIGATION */
/*------------------------------------------------------------------ */

/* Main Navigation Bar ------------------------------------------------------------------ */
#nav {width: 780px; height: 23px; margin: 0 0 1px 0; background: #8b0f04; padding: 0;}

#nav_main { list-style-type : none; float: left; width : 780px; height : 23px; margin : 0; padding : 0; }

#nav_main li.navlist {display: inline; float: left; height:23px;}

#nav_main a { display: block; color: #fff; text-decoration: none;}

/* Nav bar images --------------------------------------- */

#gettoknowusback { background:url(images/nav/gettoknowus.png) no-repeat; width:127px; height: 23px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#gettoknowus { background:url(images/nav/gettoknowus.png) no-repeat; width:127px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}
#gettoknowus:hover { background: url(images/nav/gettoknowus1.png) no-repeat; width:127px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}

#trustexpback { background:url(images/nav/trustexp.png) no-repeat; width:164px; height: 23px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#trustexp { background:url(images/nav/trustexp.png) no-repeat; width:164px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}
#trustexp:hover { background: url(images/nav/trustexp1.png) no-repeat; width:164px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}

#partnerback { background:url(images/nav/partner.png) no-repeat; width:146px; height: 23px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#partner { background:url(images/nav/partner.png) no-repeat; width:146px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}
#partner:hover { background: url(images/nav/partner1.png) no-repeat; width:146px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}

#joinback { background:url(images/nav/join.png) no-repeat; width:113px; height: 23px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#join { background:url(images/nav/join.png) no-repeat; width:113px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}
#join:hover { background: url(images/nav/join1.png) no-repeat; width:113px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}

#newsback { background:url(images/nav/spread.png) no-repeat; width:132px; height: 23px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#news { background:url(images/nav/spread.png) no-repeat; width:132px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}
#news:hover { background: url(images/nav/spread1.png) no-repeat; width:132px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}

#contactback { background:url(images/nav/contact.png) no-repeat; width:98px; height: 23px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#contact { background:url(images/nav/contact.png) no-repeat; width:98px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}
#contact:hover { background: url(images/nav/contact1.png) no-repeat; width:98px; height: 23px; padding: 0; margin: 0; text-indent: -9999px;}

li a { padding: 10px 12px 7px 12px; margin: 0 0 0 0;}

/* Drop Down Menu Attributes ------------------------------------------------------------- */
#nav li ul { position: absolute; left: -999em; width: auto; height: auto; margin: 0; padding: 0;
background : #8b0f04; 
border-bottom: 0px solid #e4e4e4;
border-left: 0px solid #e4e4e4;
border-right: 0px solid #e4e4e4;
border-top: 1px solid #fff;}

#nav li ul li { clear: both; margin: 0; }

.navlist_sub {list-style-type: none; }
.navlist_sub a { width: 150px; font-weight: normal; padding: 5px 8px 5px 10px; margin: 0;}
.navlist_sub a.topitem { width: 150px; font-weight: normal; padding: 8px 8px 5px 10px; margin: 0;}
.navlist_sub a.bottomitem { width: 150px; font-weight: normal; padding: 5px 8px 8px 10px; margin: 0;}
.navlist_sub a:hover { background-image: none; background:#b82d20;}

#nav li:hover, #nav li.hover {position: static; }
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

/*------------------------------------------------------------------ */
/* HP & SP HEADERS */
/*------------------------------------------------------------------ */

#hp_bluebox {
	background: url(images/hp_welcome_box.png) no-repeat;
	width: 301px;
	height: 272px;
	float: left;
}

#hp_flash {
	width: 479px;
	height: 272px;
	display: block;
	float: right;
}

#hp_contentarea {
	float: left;
	width: 375px;
	padding: 10px 13px 0 15px;
	margin: 0 0 25px 0;
}

#hp_sidearea {
	float: right;
	width: 367px;
	padding: 10px 0 0 0;
	margin: 0 0 25px 0;
}

#content_container {
	background: url(images/sp_content_background.png) repeat-y;
	width: 780px;
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}

/*------------------------------------------------------------------ */
/* SIDE NAV */
/*------------------------------------------------------------------ */

#sidenav_top {
	background:url(images/sidenav-top.png) no-repeat;
	height: 2px;
	width: 199px;
	margin: 0;
	padding: 0;
}	

#sidenavarea {
	float: left;
	width: 199px;
	padding: 0;
	margin: 0 0 25px 0;
	background: url(images/sidenav-panel.png) repeat-y;
	display: inline;
}

#contentarea {
	float: right;
	width: 546px;
	padding: 10px 15px 0 20px;
	margin: 0 0 25px 0;
	display: inline;
}

.sidenav {
	background: url(images/sidenav-panel.png) repeat-y;
	margin: 0;
	padding: 15px 0 0 0;
	display: block;
	width: 199px;
}

.sidenav li {
	list-style: none;
	margin: 0;
	padding: 12px 0 0 15px;
	height: 25px;
	color: #8b0f04;
	font-weight: bold;
}

.sidenav li.expand {
	height: 25px;
	list-style: none;
	margin: 0;
	padding: 12px 0 16px 15px;
	height: 25px;
	color: #8b0f04;
	font-weight: bold;
}

.sidenav li a {
	margin: 0;
	padding: 0;
}

.sidenav li.select {
	background:url(images/sidenav-select.png) no-repeat;
	
}

.sidenav li.expandselect {
	background:url(images/sidenav-selectexpand.png) no-repeat;
	list-style: none;
	margin: 0;
	padding: 12px 0 16px 15px;
	height: 25px;
	color: #8b0f04;
	font-weight: bold;
	display: block;
}


.sidenav_bottombar {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
}

.gsa_side_logo {
	margin: 5px 0 0 6px;
}

/*------------------------------------------------------------------ */
/* HP SIDE BOXES */
/*------------------------------------------------------------------ */

#hp_architecturebox {
	background: url(images/box-architecture.png) no-repeat;
	width: 361px;
	height: 68px;
	display: block;
	margin: 10px 0 0 12px;
}

#hp_engineeringbox {
	background: url(images/box-engineering.png) no-repeat;
	width: 361px;
	height: 149px;
	margin: 10px 0 0 12px;
}

#hp_constructionbox {
	background:url(images/box-construction.png) no-repeat;
	width: 361px;
	height: 115px;
	margin: 10px 0 0 12px;
}

.hp_boxheader {
	font-size: 11px;
	font-weight: bold;
	padding: 7px 0 0 19px;
	margin: 0;
}

.box_col1 {
	float: left;
	width: 158px;
}

.box_col2 {
	float: right;
	width: 203px;
}

.box_col2 .hp_boxlist { padding: 0; }

.hp_boxlist {
	float: left;
	margin: 0;
	padding: 0 0 0 8px;
	font-size: 11px;
}

.hp_boxlist li {
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
}

/*------------------------------------------------------------------ */
/* SECONDARY PAGE HEADERS */
/*------------------------------------------------------------------ */

#spheader_general {
	background: url(images/sp_headers/gray.png) no-repeat;
	width: 780px;
	height: 134px;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#spheader_architecture {
	background: url(images/sp_headers/green.png) no-repeat;
	width: 780px;
	height: 134px;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}


#spheader_construction {
	background: url(images/sp_headers/brown.png) no-repeat;
	width: 780px;
	height: 134px;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#spheader_engineering {
	background: url(images/sp_headers/blue.png) no-repeat;
	width: 780px;
	height: 134px;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#spheader_maincat {
	font-size: 14px;
	color: #fff;
	display: block;
	margin: 0;
	padding: 0;
}

#spheader_pagetitle {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 22px;
}

#spheader_txt {
	float: left;
	width: 408px;
	padding: 48px 0 0 18px;
}

#spheader_graphic {
	float: right;
	width: 325px;
	height: 134px;
	padding: 0 29px 0 0;
}



/*------------------------------------------------------------------ */
/* SECONDARY PAGE DETAILS */
/*------------------------------------------------------------------ */


.services_list {
	margin: 0;
	padding: 0 0 0 13px;
}

.services_list li {
	margin: 0;
	padding: 0 0 5px 0;
}

.projectbox {
	float: right;
	width: 287px;
	padding: 0 0 15px 10px;
}

.projectbox p {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 11px;
}

.project {
	padding: 0 0 25px 0;
}

.repclients_top {
	clear: both;
	background:url(images/rep-clients-top.png) no-repeat;
	width: 538px;
	height: 29px;
	display: block;
	margin: 25px 0 0 0;
	padding:0;
}
.repclients_box {
	background:url(images/rep-clients-panel.png) repeat-y;
	width: 538px;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

.repclients_bottom {
	background:url(images/rep-clients-bottom.png) no-repeat;
	width: 538px;
	height: 11px;
	display: block;
	margin: 0;
	padding:0 0 25px 0;
	float: left;
}

.project_title {
	font-weight: bold;
}


/*------------------------------------------------------------------ */
/* REPRESENTATIVE CLIENTS */
/*------------------------------------------------------------------ */

.repclients_title_eng {
	font-size: 12px;
	font-weight: bold;
	padding: 12px 0 0 25px;
	margin: 0;
	color: #3a6e8f;
}

.repclients_title_arc {
	font-size: 12px;
	font-weight: bold;
	padding: 12px 0 0 25px;
	margin: 0;
	color: #6d8d23;
}


.repclients_title_con {
	font-size: 12px;
	font-weight: bold;
	padding: 12px 0 0 25px;
	margin: 0;
	color: #4a2b17;
}

.cr_box_col1 {
	float: left;
	width: 268px;
}

.cr_box_col2 {
	float: right;
	width: 269px;
}

.cr_box_col2 .sp_boxlist { padding: 0; }

.sp_boxlist {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 11px;
}

.sp_boxlist li {
	margin: 0;
	padding: 5px 0 0 11px;
	list-style: none;
}




/*------------------------------------------------------------------ */
/* FOOTER */
/*------------------------------------------------------------------ */

#footer {
	background: url(images/balt-canton-harris-pitt-gsa-logo.png) no-repeat;
	width: 780px;
	height: 134px;
	display: block;
	clear: both;
}

#ft_contactinfo {
	float: left;
	width: 330px;
	padding: 59px 0 0 23px; 
}

#ft_logo800 {
	float: right;
	width: 427px;
	padding: 65px 0 0 0;
}

#ft_800 {
	float: left;
	width: 380px;
	padding: 4px 5px 0 0;
	text-align: right;
}

#ft_logo {
	float: right;
	width: 27px;
	padding: 0 15px 0 0;
}

.txt800 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
	color: #8b0f04;
}


.ft_bold {
	font-weight: bold;
}

.smallcap {
	font-size: 9px;
}