/* DEFINE HOLDING CONTAINER */
#container
{
	width: 760px;
	marg\in: 0px auto 0px auto;
	padding: 65px 0px 10px 0px;
	background-color: #ffffff;
	position: relative;
	font-size:0.6em; /*changed from 6.5*/
	
}
#container.home
{
	padding: 0px 0px 10px 0px;
}
#container a
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #0A4788;
	text-decoration: none;
}
#container a img
{
	border:none;
}
/* DEFINE PAGE CONTENT AREA */
#pageContent
{
	width: 760px;
	margin: 0px;
	padding: 18px 0px 20px 178px;
	border-bottom: 1px solid #6d878d;
	background-color: #f3faf9;
	w\idth: 582px;
	xheight: 500px;

}
#container.featuresNews #pageContent
{
	padding: 18px 0px 20px 0px;
	width: 760px;
	w\idth: 760px;
}
#pageContent p
{
	margin: 0px 0px 12px 0px;
	padding: 0px;
	color:#333333;
	
}
#pageContent a.bold
{
	font-weight:bold;
}
#pageContent p.date
{
	color: #084887;
}
#pageContent p.price
{
	font-weight: bold;
	color: #000000;
}
#pageContent p.lead
{
	color: #0B4986;
	font-weight: bold;
}
#pageContent p.leadTight
{
	color: #0B4986;
	font-weight: bold;
	margin-bottom: 0px;
}
#pageContent a
{
	margin: 0px 0px 12px 0px;
	padding: 0px;
	text-decoration: none;
	color: #084887;
}
#pageContent a:hover
{
	text-decoration: underline;
}
#pageContent ol, #pageContent ul
{
	color: #084887;
	margin: 0px 0px 18px 0px;
	padding: 0px;
}
#pageContent ol li
{
	margin: 0px 0px 14px 18px;
	padding: 0px 0px 0px 0px;
	
}
#pageContent ul li
{
	margin: 0px 0px 4px 14px;
	padding: 0px 0px 0px 0px;
	
}
#pageContent ul li ul, #pageContent ol li ul
{
	margin-top:6px;
}
#pageContent ol li span
{
	color: #000000;
}

/* home template */
#container.home #pageContent
{
	padding: 65px 0px 20px 0px;
	width: 760px;
}

/* COLUMN 1, 2 AND 3 */
/* Column 3 (remains the same for all templates) */
#container #column3
{
	width: 240px;
	margin: 0px;
	padding: 0px;
	float: right;
}
/* Home */
#container.home #column1
{
	width: 254px;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	w\idth: 236px;
	float: left;
}
#container.home #column2
{
	width: 266px;
	margin: 0px;
	padding: 0px 25px 0px 25px;
	w\idth: 216px;
	float: left;
}
/* Column 1 Specific */
#container #column1
{
	width: 340px;
	w\idth: 310px;
	padding: 0px 30px 0px 0px;
	float: left;
	
}
/* Column 1 for Case studies and Projects list */
#container.caseStudies #column1, #container.projectsList #column1,
#container.csArt #column1, #container.csOperations #column1, #container.csInnovation #column1
{
	width:560px;
	margin:0;
	padding:0;
	
}

/* Column 1 for Features/News, ProjectsListNews, Links */
#container.featuresNews #column1, #container.projectsListNews #column1, #container.aboutLinks #column1
{
	width: 550px;
	margin: 0px;
	padding-left: 0px;
}
#container.projectsListNewsGallery #column1
{
	width:240px;
}
/* Column 3 Specific */
#container #column3
{
	width: 240px;
	margin: 0px;
	padding: 0px;
	float: right;
}
#container #column3 a
{
	margin-left: 18px;
}
#container #column3 ul li a
{
	margin-left: 0;
}
#container #column3 ul
{
	list-style-type: disc;
	color: #084887;
	margin: 0px 10px 11px 20px;
	padding: 0px 0px 0px 0px;
	line-height: 11px;
}
#container #column3 ul li
{
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 2px 0px;
}
/* Column 3 Gallery */
#container #column3 #pics
{
	width: 240px;
	padding-left: 18px;
	w\idth: 222px;
	margin-bottom:10px;
}
#container #column3 #pics ul
{
	list-style-type:  none;
	margin: 0px;
	padding: 0px;
}
#container #column3 #pics ul li
{
	margin: 0px;
	padding: 0px;
	width: 72px;
	float: left;
}
#container #column3 #pics ul li a
{
	margin-left: 0px;
}
/* Spans Column 1 & Column 3 tableGrid */
#tableGrid
{
	width: 560px;
	margin: 14px 0px 0px 0px;
}
#tableGrid table
{
	border: 1px solid #B3D5E7;
}
#tableGrid table tr.top
{
	background-color: #B3D5E7;
}
#tableGrid table th, #tableGrid table td
{
	padding: 8px;
	text-align: center;	
}
#tableGrid table th
{
	font-weight: normal;
	border-top: 1px solid #B3D5E7;
}
#tableGrid table td
{
	border-left: 1px solid #B3D5E7;
	border-top: 1px solid #B3D5E7;
}

/* BANNER IMAGES */
/* Home */
#container.home h1
{
	width: 760px;
	height: 225px;
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 0px 18px 0px;
	padding: 0px;
	padding-top: 225px;
	he\ight: 0px;
	overflow: hidden;
	background-color: #f3faf9;
}
#flashMovie
{
	width: 760px;
	height: 227px;
	background: url(/header1.jpg) no-repeat;
	margin: 0px 0px 18px 0px;
	padding: 0px;
	background-color: #f3faf9;
	display:block;
}
#container.home h1{ background-image: url(/resources/i/banners/header.jpg);}
/* Other Sections Banner Image is part of Crumbtrail */
/* Crumbtrail*/
#crumbTrail
{
	color: #084887;
	
	font-weight: normal;
	background-color: #cfede6;
	background-image: url(/resources/i/banners/header-about.jpg);
	background-repeat: no-repeat;
	width: 760px;
	padding: 124px 0px 8px 180px;
	w\idth: 580px;
	margin: 0px;
}
#container.featuresNews #crumbTrail
{
	background-image: url(/resources/i/banners/headera.jpg);
}
#container.projectsList #crumbTrail, #container.caseStudies #crumbTrail, #container.contact #crumbTrail
{
	background-image: url(/resources/i/banners/header2.jpg);
}
#container.plBirmingham #crumbTrail, #container.caseStudiesItem #crumbTrail
{
	background-image: url(/resources/i/banners/header3.jpg);
}
#container.featuresNews #crumbTrail
{
	padding: 124px 0px 8px 24px;
	w\idth: 736px;
}
#crumbTrail a
{
	
	font-weight: normal;
	text-decoration: none;
	color: #084887;
}
#crumbTrail a:hover
{
	text-decoration: underline;
}

/* QUOTES */
#quote1, #quote2, #quote3, #quote4, #quote5, #quote6, 
#quote7, #quote8, #quote9, #quote10, #quote11, #quote12
{
	width: 240px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	background-repeat: no-repeat;
}
/* Home */
#quote1
{ 
	background-image: url(/resources/i/quotes/quote_home.gif);
	padding: 132px 0px 0px 0px;
	height: 132px;
	he\ight: 0px;
}
/* About */
#quote2
{
	background-image: url(/resources/i/quotes/quote_pinderfields.gif);
	padding: 156px 0px 0px 0px;
	height: 156px;
	he\ight: 0px 
}
#quote3
{
	background-image: url(/resources/i/quotes/quote_vision.gif);
	padding: 180px 0px 0px 0px;
	height: 180px;
	he\ight: 0px; 
}
#quote4
{
	background-image: url(/resources/i/quotes/quote_bid_process.gif);
	padding: 175px 0px 0px 0px;
	height: 175px;
	he\ight: 0px; 
}
#quote5
{
	background-image: url(/resources/i/quotes/quote_pfi.gif);
	padding: 186px 0px 0px 0px;
	height: 186px;
	he\ight: 0px; 
}
#quote6
{
	background-image: url(/resources/i/quotes/quote_pinderfields.gif);
	padding: 156px 0px 0px 0px;
	height: 156px;
	he\ight: 0px;
}
#quote7
{
	background-image: url(/resources/i/quotes/quote_uclh.gif);
	padding: 132px 0px 0px 0px;
	height: 132px;
	he\ight: 0px;
}
#quote8
{
	background-image: url(/resources/i/quotes/holder.gif);
	padding: 132px 0px 0px 0px;
	height: 132px;
	he\ight: 0px;
}
#quote9
{
	background-image: url(/resources/i/quotes/quote_about.gif);
	padding: 180px 0px 0px 0px;
	height: 180px;
	he\ight: 0px;
}
#quote10
{
	background-image: url(/resources/i/quotes/quote_salford.gif);
	padding: 150px 0px 0px 0px;
	height: 150px;
	he\ight: 0px;
}
#quote11
{
	background-image: url(/resources/i/quotes/quote_fife.jpg);
	padding: 150px 0px 0px 0px;
	height: 150px;
	he\ight: 0px;
}

/* TOP NAVIGATION */
/* Top Nav bar */
/*#topNav
{
	background-color: #ffffff;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 65px;
	position: absolute;
	top: 0px;
	left: 0px;
}*/


#topNav
{
	background:#ffffff url(/resources/i/nav/logo.gif) top right no-repeat;
	width:760px;
	height:65px;
	position:absolute;
	top:0;
	left:0;
	font-size:1px;	
}

#topNav ul
{
	display: block;
	list-style-type: none;
	margin: 26px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	background-color: #084887;
	width: 517px;
	width: 499px;
	height: 38px;
	float: left;
}
#topNav ul li
{
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 38px;
	width:42px;
	background-repeat: no-repeat;
	float: left;
}
#topNav ul #about{ background-image: url(/resources/i/nav/about.gif); width: 52px;}
#topNav ul #home{ background-image: url(/resources/i/nav/home.gif); width: 42px;}
#topNav ul #plist{ background-image: url(/resources/i/nav/project_list.gif); width: 84px;}
#topNav ul #cstudies{ background-image: url(/resources/i/nav/case_studies.gif); width: 94px;}
#topNav ul #features{ background-image: url(/resources/i/nav/features_news.gif); width: 115px; margin-left:7px; }
#topNav ul #contact{ background-image: url(/resources/i/nav/contact.gif); width: 54px;}



#topNav ul #home a, #topNav ul #about a, #topNav ul #plist a, #topNav ul #cstudies a, #topNav ul #features a, #topNav ul #contact a
{
	display: block;
	margin: 14px 0px 0px 0px;
	width: 38px;
	padding: 0px;
	height: 22px;
	padding-top: 22px;
	he\ight: 0px;
	overflow: hidden;
}

#topNav ul #about a{ width: 48px;}
#topNav ul #plist a{ width: 80px;}
#topNav ul #cstudies a{ width: 90px;}
#topNav ul #features a{ width: 111px;}
#topNav ul #contact a{ width: 50px;}

#topNav #logo
{
	width: 243px;
	height: 64px;
	margin: 0px; 
	padding: 0px;
	float: right;
	background-image: url(/resources/i/nav/logo.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
}
#container.home #topNav #logo p
{
	height: 64px;
	padding-top: 64px;
	height: 0px;
	overflow: hidden;
}
#topNav #logo a
{
	width: 138px;
	height: 56px;
	margin: 2px 0px 0px 86px;
	padding: 56px 0px 0px 0px;
	he\ight: 0px;
	display: block;
	overflow: hidden;
}

/* SUB NAVIGATION */
/* Sub Navigation */
#subNav
{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 160px;
	margin: 0px;
	padding: 0px;
	
}
#subNav ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	background-color: #f0f0ef;
	display: block;
}
#subNav ul li
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color: #f0f0ef;
	display: block;
	border-right: 1px solid #E0DCD9;
}
#subNav ul li.crumb, #subNav ul li.activecrumb { border-right: 1px solid #D7C9BE;}
#subNav ul li a, #subNav ul li.active, #subNav ul li.activesub
{
	color: #0B4986;
	display: block;
	text-decoration: none;
	padding: 6px 0px 7px 18px;
}
#subNav ul li.active, #subNav ul li.activesub, #subNav ul li.activecrumb 
{
	font-weight: bold; 
}
#subNav ul li.sub, #subNav ul li.activesub, #subNav ul li.subgrey
{
	background-color: #FBFBFB;
	border-right: 1px solid #E0DCD9;
}
#subNav #contactDetails
{
	margin: 0px;
	padding: 18px 0px 8px 18px;
	background-image: url(/resources/i/nav/bg_contactdetails.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 160px;
	w\idth: 142px;
	color: #0B4986;
}
#container.contact #subNav #contactDetails
{
	padding-top: 6px;
}
#subNav #contactDetails p
{
	margin: 0px 0px 14px 0px;
	padding: 0px;
}
#subNav #contactDetails p span
{
	display: block;
	font-weight: bold;
}
#subNav #contactDetails a
{
	color: #000000;
	text-decoration: none;
}

#subNav p#subAbout, #subNav p#subAboutLink, #subNav p#subAboutLink a,
#subNav p#subProjectsList, #subNav p#subProjectsListLink, #subNav p#subProjectsListLink a,
#subNav p#subCaseStudies, #subNav p#subCaseStudiesLink, #subNav p#subCaseStudiesLink a,
#subNav p#subContact
{
	width: 160px;
	height: 28px;
	overflow: hidden;
	background: url(/resources/i/nav/nav_about.gif) no-repeat;
	margin: 0px;
	padding: 28px 0px 0px 0px;
	he\ight: 0px;
}
#subNav p#subProjectsList, #subNav p#subProjectsListLink, #subNav p#subProjectsListLink a
{
	background: url(/resources/i/nav/nav_project_list.gif) no-repeat;
}
#subNav p#subCaseStudies, #subNav p#subCaseStudiesLink, #subNav p#subCaseStudiesLink a
{
	background: url(/resources/i/nav/nav_case_studies.gif) no-repeat;
}
#subNav p#subContact
{
	background: url(/resources/i/nav/nav_contact.gif) no-repeat;
}
#subNav p#subAboutLink a, #subNav p#subProjectsListLink a, #subNav p#subCaseStudiesLink a
{
	display:block;
	background:none;
}
#subNav p#subAboutLink, #subNav p#subProjectsListLink, #subNav p#subCaseStudiesLink 
{
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 28px;
}

/* H1 tags all images placed on page */
h1
{
	margin:0 0 6px 0;
}
/* H2 tags*/
h2
{
	color: #074986;
	font-size:1em; /*changed from 1.1*/
	margin: 0 0 6px 0;
	padding: 0px;
}

/* Margin Needed for Column 3*/
#container #column3 h2, #container #column3 p
{
	margin:2px 16px 6px 17px;
	text-align:left;
}
#container #column3 p
{
	margin-bottom: 0px;
}
/* H3 tags */
h3
{
	margin: 0px;
	padding: 0px;
	color: #084887;
	
}


/* Feature Boxes etc */
#container div.cases, #container div.casesEnd, #container.projectsListNews div.caseBox, #container.caseStudies div.caseBox
{
	margin: 0px;

	padding: 0px;
	border-bottom: 1px solid #CACBCB;
}
#container div.casesEnd
{
			
	border: none;
}
#container div.caseBox, #container div.caseBoxR
{
	width: 280px;
	padding: 10px 0px 10px 0px;
	float: left;
	display: block;
	margin: 0px;
}
#container div.caseBoxR {float: right;}
#container.home div.caseBox
{
	width: 206px;
	padding-top: 0px;

}
#container div.caseBox div.imgBox, #container div.caseBoxR div.imgBox
{
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
              width: 80px;
}
#container div.caseBox div.textBox, #container div.caseBoxR div.textBox
{
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	width: 200px;
	text-align: left;
}

#container div.caseBox h2, #container div.caseBoxR h2
{
	display: block;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}
#container div.caseBox p, #container div.caseBoxR p
{
	margin: 0px;
	padding: 0px 12px 0px 0px;
}
#container div.caseBox p.margin, #container div.caseBoxR p.margin
{
	margin-bottom: 10px;
}
div.caseBox h2, div.caseBox h3, div.caseBoxR h2, div.caseBoxR h3
{
			
}
div.caseBox h3, div.caseBoxR h3
{
	color: #084886;
	margin-top: 6px;
}
div.caseBox div.textBox h3 a, div.caseBoxR h3 a
{
	color: #084886;
	text-decoration: none;
}
/* Specific Templates */
/* Home */
#container.home div.caseBox
{
	width: 206px;
	padding-top: 0px;
}
#container.home div.caseBox div.textBox
{
	padding-right: 10px;
	w\idth: 114px;
}
/* Features News */
#container.featuresNews div.cases
{
	border-top: 1px solid #CACBCB;
	margin-top: 20px;
	padding-top: 20px;
}
#container.featuresNews div.caseBox, #container.featuresNews div.caseBoxR
{
	width: 240px;
}
#container.featuresNews div.caseBox div.textBox, #container.featuresNews div.caseBoxR div.textBox
{
	width: 158px;
}
#container.featuresNews div.caseBox div.textBox
{
	padding-right: 20px;
	w\idth: 138px;
}

/* Projects list NEWS */
#container.caseStudies div.caseBox
{
	float:none;
}
#container.projectsListNews div.caseBox, #container.caseStudies div.caseBox
{
	width: 540px;
	margin-top: 12px;
	padding-bottom:10px;
}
#container.projectsListNews div.caseBox div.textBox, #container.caseStudies div.caseBox div.textBox
{
	width: 458px;
	padding-right: 20px;
	w\idth: 438px;
}
#container.projectsListNews div.caseBox div.textBox p,
#container.projectsListNewsGallery div.caseBox div.textBox p,
#container.caseStudies div.caseBox div.textBox p
{
	margin-bottom:10px;
}
#container.projectsListNews div.caseBox div.textBox p.date, #container.caseStudies div.caseBox div.textBox p.date
{
	margin:0;
}
#container.projectsListNewsGallery div.caseBox
{
	width: 310px;
}
#container.projectsListNewsGallery div.caseBox div.textBox
{
	width: 228px;
	padding-right: 0;
}
#container.projectsListNewsGallery div.caseBox div.textBox h3
{
	margin:12px 0 12px 0;
}
div.caseBox div.textBox p cite
{
	display:block;
	margin:3px 0 18px 0;
	padding:0;
	width: 90%;
}
/* FOOTER */
#footer
{
position:relative;
clear:both;
	height: 68px;
	he\ight: 48px;
	background-color: #ffffff;
	width: 760px;
	padding: 10px 26px 0px 18px;
	w\idth: 716px;
	
}
p.copyright
{
	margin: 0px;
	width: 573px;
	padding: 5px 0px 20px 88px;
	background-image: url(/resources/i/footer/logo_bottom.gif);
	background-repeat: no-repeat;
}
.registered
{
	font-size: 0.9em;
	color: #A3A3A3;
	line-height: 1.3em;
}

/* contact form */
label
{
	display: block;
	margin: 10px 0px 2px 0px; 
}
textarea
{
	margin: 0 0 10px 0; 
	
	border:1px solid #CACBCB;
	width:274px;
}
input
{
	margin: 0 0 10px 0; 
	
	border:1px solid #CACBCB;
}
input.submit
{
	background-color: #f3faf9;
	border-width: 0px;
	color: #0B4986;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	font-size: 1em;
	cursor: pointer;
}
textarea
{
	margin: 0px 0px 20px 0px;
}

#radioButtons
{
	border:none;
	width: 280px;
	margin: 0px 0px 10px 0px;
}
#radioButtons label, #radioButtons input
{
    border:none;
	margin: 0px;
}
#radioButtons td
{
    border:none;
	vertical-align: middle;
}




/* Gallery Pop Up */
#popUp
{
	background-image: url(/resources/i/pop_up/bg_popup.gif);
	background-repeat: no-repeat;
	width: 553px;
	height: 516px;
	display: none;
	margin: 0px;
	padding: 0px;
}
#popUp #popClose
{
	margin: 2px 0px 0px 518px;
	padding: 0px;
}
#popUp #mainPic
{
	margin: 35px 0px 35px 67px;
	padding: 0px;
	height: 372px;
}
#popUp #infoBar 
{
	margin: 0px;
	padding: 0px;
	width: 553px;
}
#popUp #infoBar p
{
	float: left;
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	width: 400px;
	w\idth: 382px;
	
	color: #000000;
}
#popUp #infoBar #popControls
{
	float: right;
	text-align: right;
	margin: 7px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	width: 140px;
	w\idth: 120px;
	
	color: #000000;
}




/* About Links linkBox */
div.linkBox, div.linkBoxEnd
{
	width: 400px;
	b\order-bottom: 1px solid #CACBCB;
	margin: 14px 0px 0px 0px;
	p\adding: 0px 0px 4px 90px;
	background-repeat: no-repeat;
	background-image: url(/resources/i/links/placeholder.gif);
	background-position: top left;
	padding-left:120px;
	padding-bottom:20px;
}
div.linkBoxEnd
{
	width: 400px;
	border: none;
	padding-bottom:20px;
	padding-top:20px;
}
div.linkBox h2, div.linkBoxEnd h2
{
	
}
#balfourbeatty { background-image: url(/resources/i/links/balfour_beatty.gif);}
#construction { background-image: url(/resources/i/links/bb_construction_inc.gif);}
#projects { background-image: url(/resources/i/links/capital_projects.gif);}
/*#hy { background-image: url(/resources/i/links/haden.gif);}*/
#hy { background-image: url(/resources/i/links/haden.gif);}
#engineering_services { background-image: url(/resources/i/links/bb_engineering_services.gif);}
#hbm { background-image: url(/resources/i/links/balfour_beatty_workplace.gif);}
#bk { background-image: url(/resources/i/links/balfour_kilpatrick.gif);}

div.line
{
	width:100%;
	height:1px;
	display:block;
	border-bottom:1px solid #CACBCB;
	margin:10px 0 20px 0;
	font-size:1px;
	padding:0;
}

/* Floats */
div.cFloat
{
	clear: both;
	font-size: 1px;
	height: 1px;
	width: 1px;
width: 760px;
}
#topNav div.cFloat
{
	width: 760px;
	background-color: #084887;
}
/* add margin for content light column 1 */
div.addMargin
{
	display: block;
	width: 1px;
	height: 320px;
}

/* Accessibility */
#skipNav
{
	display: none;
}