/*========================================================

Global CSS file for 

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/
body{
	background:#E6E7E7;
	color:#5886ab;
}

#container{
	position:relative;	
	width:900px;
	min-height:600px;
	margin:20px auto 0 auto;
	background:#fff;
	padding: 0 0 20px 0;
}

#contact #container{
	padding-bottom:100px;
}


h1{
	font-size:1.8em;
} 

ol{
	margin-left:20px;
}

h1.blue_text a{
	color:#5886ab;
}

h1.blue_text a:hover{
	color:#192632;
}

/*===================================================================
BRANDING LOGO
===================================================================*/
h1#branding{
	width:300px;
}

h1#branding a{
	display:block;
	text-indent:-9999em;
	width:190px;
	height:47px;
	margin:0px 0 0 20px;
	padding:0px 0 0 0;
	background:url('../cssimages/branding_logo.jpg') no-repeat bottom;
}

#home h2#banner_image{
	text-indent:-9999em;
	width:900px;
	height:294px;
	margin-bottom:0;
	background:url('../cssimages/banner_home1.jpg') no-repeat;
}

h2#banner_image{
	text-indent:-9999em;
	width:900px;
	height:141px;
	margin-bottom:0;
	background:url('../cssimages/banner_about.jpg') no-repeat;
}

/*===================================================================
PARENT PAGE DEFAULT BANNER IMAGES
===================================================================*/


h2#banner_image_airport{
	text-indent:-9999em;
	width:900px;
	height:141px;
	margin-bottom:0;
	background:url('../cssimages/banner_airport.jpg') no-repeat;
}

h2#banner_image_building{
	text-indent:-9999em;
	width:900px;
	height:141px;
	margin-bottom:0;
	background:url('../cssimages/banner_building.jpg') no-repeat;
}

h2#banner_image_engineering{
	text-indent:-9999em;
	width:900px;
	height:141px;
	margin-bottom:0;
	background:url('../cssimages/banner_engineering.jpg') no-repeat;
}

h2#banner_image_highways{
	text-indent:-9999em;
	width:900px;
	height:141px;
	margin-bottom:0;
	background:url('../cssimages/banner_highways.jpg') no-repeat;
}

h2#banner_image_housing{
	text-indent:-9999em;
	width:900px;
	height:141px;
	margin-bottom:0;
	background:url('../cssimages/banner_housing.jpg') no-repeat;
}

h2#banner_image_rail{
	text-indent:-9999em;
	width:900px;
	height:141px;
	margin-bottom:0;
	background:url('../cssimages/banner_rail.jpg') no-repeat;
}

h2#banner_image_rail{
	text-indent:-9999em;
	width:900px;
	height:141px;
	margin-bottom:0;
	background:url('../cssimages/banner_rail.jpg') no-repeat;
}

h2#banner_image_utilities{
	text-indent:-9999em;
	width:900px;
	height:141px;
	margin-bottom:0;
	background:url('../cssimages/banner_utilities.jpg') no-repeat;
}


/*===================================================================
PARENT PAGE DEFAULT BANNER IMAGES - END -
===================================================================*/

#about h2#banner_image{
	background:url('../cssimages/banner_about.jpg') no-repeat;
}

#services h2#banner_image{
	background:url('../cssimages/banner_services.jpg') no-repeat;
}

#sectors h2#banner_image{
	background:url('../cssimages/banner_sectors.jpg') no-repeat;
}

#news h2#banner_image{
	background:url('../cssimages/banner_news.jpg') no-repeat;
}

#careers h2#banner_image{
	background:url('../cssimages/banner_careers.jpg') no-repeat;
}

#contact h2#banner_image{
	background:url('../cssimages/banner_contact.jpg') no-repeat;
}

#sub5 h2#banner_image{
	background:url('../cssimages/banner_commercial.jpg') no-repeat;
}

#sub6 h2#banner_image{
	background:url('../cssimages/banner_project_management.jpg') no-repeat;
}

#sub8 h2#banner_image, #sub28 h2#banner_image{
	background:url('../cssimages/banner_airport.jpg') no-repeat;
}

#sub9 h2#banner_image, #sub29 h2#banner_image, #sub35 h2#banner_image, #sub31 h2#banner_image, #sub42 h2#banner_image{
	background:url('../cssimages/banner_building.jpg') no-repeat;
}

#sub10 h2#banner_image, #sub10 h2#banner_image{
	background:url('../cssimages/banner_engineering.jpg') no-repeat;
}

#sub11 h2#banner_image{
	background:url('../cssimages/banner_highways.jpg') no-repeat;
}

#sub12 h2#banner_image, #sub41 h2#banner_image{
	background:url('../cssimages/banner_housing.jpg') no-repeat;
}

#sub13 h2#banner_image, #sub32 h2#banner_image, #sub30 h2#banner_image, #sub34 h2#banner_image, #sub38 h2#banner_image, #sub33 h2#banner_image{
	background:url('../cssimages/banner_rail.jpg') no-repeat;
}

#sub14 h2#banner_image, #sub39 h2#banner_image, #sub40 h2#banner_image{
	background:url('../cssimages/banner_utilities.jpg') no-repeat;
}



/*===================================================================
NAVIGATION
===================================================================*/
#navigation{
	list-style:none;
/*	width:450px;*/
	margin:-30px 0 20px 392px;
	padding:0 0 20px 0;
}                                                       

#navigation li{
	float:left;
	padding:0 0 0 20px;                                            
}

#navigation li a{
	color:#5886ab;
}

#navigation li a:hover{
	color:#000;
}

/*==============================================================================
SUB NAVIGATION (left column) This also holds the strapline for the home page
==============================================================================*/
#sub_navigation{
	width:150px;
	padding:0 20px 0 20px;
	float:left;
}

#sub_navigation p{
	color:#5886ab;
	font-size:1.5em;
	line-height:1.19em;
}

#sub_navigation ul{
	list-style:none;
	margin:0 0 0 3px;
}

#sub_navigation ul a{
	color:#5886ab;
	line-height:1.6em;
}

#sub_navigation ul a:hover{
	color:#000;
}

/*-----------------------------careers profile-----------------------------*/

#sub_navigation ul li li{
	padding-left:20px;
}

#subnav li.subnav_level_1 a {
	margin: 3px;
}

#subnav li.subnav_level_2 a {
	margin: 3px;
	width: 160px;
	margin-left: 23px;
}

#subnav li.subnav_level_3 a {
	margin: 3px;;
	width: 140px;
	margin-left: 43px;	
}


/*===================================================================
MAIN CONTENT
===================================================================*/
#home #main_content{
	width:250px;
}

#main_content{
	width:450px;
	float:left;
	margin:10px 0 0 0;
}

#main_content h1{
	margin-top:4px;
}

#line{
	border-left:solid 1px #5886ab;
	padding:0px 0 50px 20px;
	margin-bottom:30px;
}

#main_content li{
	margin-left:20px;
	line-height:1.6em;
}

#main_content a{
	color:#5886ab;
}

#main_content a:hover{
	color:#000;
}

/*===================================================================
ADDITIONAL INFORMATION ON SERVICES PAGE
===================================================================*/
#additional_information{
	text-align:center;
	width:245px;
	float:right;
	padding:50px 0 0 0px;
}

#additional_information img{
	padding:10px -10px 10px 20px;
}

/*===================================================================
NEWS SECTION ON HOME PAGE
===================================================================*/
#home #secondary_content{
	width:410px;
}

#secondary_content h1{
	margin-bottom:0px;
}

.news_item{
	background:#E1E2E2;
	padding-left:10px;
	padding-right:10px;
}

.news_item h4{
	padding:5px 0;
	font-size: 12px;
}

.news_item a{
	color:#5886ab;
	float:left;

}
.news_item span{
	float:right;
}

.news_item_list img, .news_item_full img{
	width:120px;
	float:right;
	padding-left:10px;
}

#news #line{
	width:650px;
}

#news h4{
	margin-bottom:0px; 
	font-weight:bold;
} 

#news a{
	color:#5886ab;
}

#news a:hover{
	text-decoration:underline;
}

/*===================================================================
SECONDARY CONTENT (right side)
===================================================================*/
#secondary_content{
	width:200px;
	float:left;
	margin:0 0 0 20px;
	padding:0px 20px 0 10px;
}

#secondary_content img{
	width:203px;
	padding:20px 0 0px 0px;
} 

/*===================================================================
CAREERS PAGE
===================================================================*/
#cv_attach input, #cv_attach textarea{
	border:solid 1px #5886ab;
} 

#cv_attach dt{
	width:150px;
	float:left;
	margin-bottom:15px;
}

#cv_attach dd{
	float:left;
	margin-bottom:15px;
}

.warning{
	font-size:1.2em;
	color:#Ff0000;
}

.confirmation{
	font-size:1.2em;
	color:#25CC05;
}

/*===================================================================
CONTACT PAGE (regional map)
===================================================================*/

#contact #main_content{
	padding-bottom:30px;
}
 
ul#regional_map{
	color:#000;
	list-style:none;
	position:relative;
	top:20px;
	left:-20px;
	width:233px;
	height:285px;
	background:url('../cssimages/regional_map_background.jpg') no-repeat;
}

ul#regional_map li[id]{
	height:18px;
	width:18px;
}

ul#regional_map li:hover{
	background:url('../cssimages/map_location_dot.jpg') no-repeat left;
}

ul#regional_map li#map_london{
	position:absolute;
	top:225px;
	left:150px;
	text-indent:-9999em;
}

ul#regional_map li#map_london ul li{
	text-indent:0px;
}

ul#regional_map li#map_welwyn{
	position:absolute;
	top:210px;
	left:154px;
	text-indent:-9999em;
}

ul#regional_map li#map_welwyn ul li{
	text-indent:0px;
}

ul#regional_map li#map_croydon{
	position:absolute;
	top:230px;
	left:163px;
	text-indent:-9999em;
}

ul#regional_map li#map_croydon ul li{
	text-indent:0px;
}

ul#regional_map li#map_midlands{
	position:absolute;
	top:164px;
	left:95px;
	text-indent:-9999em;	
}

ul#regional_map li#map_midlands ul li{
	text-indent:0px;	
}

ul#regional_map li#map_nw{
	position:absolute;
	top:122px;
	left:78px;
	text-indent:-9999em;	
}

ul#regional_map li#map_nw ul li{
	text-indent:0px;
}

ul#regional_map li#map_ne{
	position:absolute;
	top:38px;
	left:103px;
	text-indent:-9999em;
}

ul#regional_map li#map_ne ul li{
	text-indent:0px;
}                                                            

ul#regional_map li#map_sw{
	position:absolute;
	top:247px;
	left:83px;
	text-indent:-9999em;
}

ul#regional_map li#map_sw ul li{
	text-indent:0px;
}


/*----------------------hover effect to display address----------------------*/

ul#regional_map ul{
	color:#fff;
	visibility:hidden;
	position:absolute;
	top:33px;
	padding-bottom:10px;
}  

ul#regional_map ul h3{
	margin:0;
}                     

ul#regional_map li:hover ul{
	visibility:visible;
	list-style:none;
	display:block;
	padding:10px 10px 10px 10px;
	background:#0e3153;
	width:200px;
}

ul#regional_map li#map_london:hover ul{
	position:absolute;
	top:70px;
	left:-140px;
}

ul#regional_map li#map_welwyn:hover ul{
	position:absolute;
	top:85px;
	left:-144px;
}

ul#regional_map li#map_croydon:hover ul{
	position:absolute;
	top:65px;
	left:-153px;
}

ul#regional_map li#map_midlands:hover ul{
	position:absolute;
	top:177px;
	left:-97px;
}

ul#regional_map li#map_nw:hover ul{
	position:absolute;            
	top:175px;                    
	left:-67px;                   
}                                 
                                  
ul#regional_map li#map_ne:hover ul{
	position:absolute;            
	top:258px;                    
	left:-92px;                   
}                                 
                                  
ul#regional_map li#map_sw:hover ul{
	position:absolute;
	top:47px;
	left:-73px;
}

/*===================================================================
ENTERPRISE LOGO
===================================================================*/
img#enterprise{
	position:absolute;
	top:550px;
	left:800px;
}

/*===================================================================
FOOTER
===================================================================*/
#footer {
	clear: both;
	width: 900px;
	margin: 0 auto;
	background: #fff;
	padding: 0 0 10px 0;
}

#footer p {
	float: right;
	margin: 5px 5px 0 0;
}

#footer a {
	text-indent: -9999em;
	display: block;
	width: 40px;
	height: 17px;
	margin: 3px 0 0 13px;
	background: url('../cssimages/pba_logo.jpg') no-repeat;
}