/*-----------------------------------------------------------------------------
Manchester & Cheshire Construction Style Sheet

version:   1.0
author:    J Purcell
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0px;
	padding: 0px;
}


/* Class for clearing floats */
.clear {
	clear:both;
}

.clearRight {
clear:right;
}


/* Remove border around linked images */
img {
	border: 0;
}

/* outer wrapper to hold the left hand shadow in place (without it the shadow would show as far down as the copyright info)*/
#outerWrapper {
	width:976px;
	margin:auto;
	padding-left:0px;
	padding-right:0px;
	text-align: left;	
	}
	
	/* this is the shadow */

#shadow {
	width: 976px;
	background-image: url(images/shadow-bg-4.jpg);
	background-repeat: repeat-y;
	margin:auto;
	margin-top:20px;
}
	
/* main wrapper that holds the design centrally */
#wrapper {
margin:auto;
	width: 960px;
	text-align: left;
	background:#FFFFFF;	
	}

/* header */
#header {
	width: 960px;
	height: 130px;
	margin-top:0px;
	padding-top:0px;	
}

/* Company logo */
#header #logo a {
display: block;
height: 130px;
width: 272px;
float:left;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	text-align: center;
	min-width: 970px;
	font:14px Helvetica, Arial, Verdana, sans-serif;
	background:url(images/mc-bg.gif);
	color:#333333;
}
.blue {
color:#0084ad;
}


/* =Headings
-----------------------------------------------------------------------------*/
h1 {
padding: 30px;
font-size: 25px;
color: #0084ad;
font-weight:normal;
}

h2 {
font-size: 20px;
color: #0084ad;
font-weight:bold;
}

h3 {
font-size: 16px;
color: #0084ad;
font-weight:bold;

}


/* =Links
-----------------------------------------------------------------------------*/
a
{
text-decoration: none;
}




/* =Main Nav - in p7expJP.css
-----------------------------------------------------------------------------*/




/* =Sub Nav
-----------------------------------------------------------------------------*/
#subNav
{
padding: 38px 10px 0px 0px;
height: 15px;
font-weight: bold;
font-size: 12px;
color: #b9c7c9;
float:right;
}


/* puts logo to the side of the home button */
ul.imagebg{
background:url(images/home-logo-sm.gif) no-repeat left;
background-position: 0px 25px;
}

#subNav li
{
color: #666666;
display: inline;
float: left;
width: auto;
}

#subNav a
{
color: #666666;
display: inline;
width: auto;
padding: 20px 7px 20px 7px;
}

#subNav a.first {
padding: 20px 7px 20px 37px;
}


#subNav a:hover, #subNav a:active { 
color: #0084ad;
text-decoration: underline;
 }



/* =Breadcrumb Navigation
-----------------------------------------------------------------------------*/
#breadcrumb {
padding: 5px 0px 0px 0px;
font-size:12px;
}

#breadcrumb a{
color:#333333;
}

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


/* =Image Headers
-----------------------------------------------------------------------------*/

/* flash movie on home page only */

#flash-header{
width: 960px;
height: 300px;

}

/* narrow photo header throughout the site */
#caseHeader {
width: 960px;
height: 150px;
}

/* blue horizontal bar in news items */
#hr {
	width: 960px;
	height: 5px;
	background:url(images/hr.gif) no-repeat;
}

/* =Main Content
-----------------------------------------------------------------------------*/

#primaryContent {
float:left;
width:570px;
display:inline;
padding:0px 0px 0px 30px;
}

#primaryContent h1 {
padding: 15px 0px 3px 0px;
background:url(images/mc-ul-home.jpg) no-repeat left bottom;	
}

#primaryContent p {
padding:17px 30px 0px 0px;
}

#primaryContent p.about {
padding:7px 30px 0px 0px;
}
#primaryContent p.aboutItalic {
padding:7px 40px 0px 10px;
font-style:italic;
}

#primaryContent #captionImage {
float:left;
}

#primaryContent #captionImage img {
padding:30px 1px 8px 1px;
float:left;
}
 
 
 /* #brochure controls the brochure links on the case study pages */
 
 #primaryContent #brochure {
float:left;
padding:20px 0px 0px 10px;
}

 #primaryContent #brochure img.pdf {
	float:left;
	padding:3px 10px 0px 0px;
	vertical-align: bottom;
}

#primaryContent #brochure p.blue{
float:left;
font-size:16px;
font-weight:bold;
color:#0084ad;
padding:0px;
}

#primaryContent a.projects {
	color:#666666;
	font-weight:bold;
}

#primaryContent a.projects:hover, #primaryContent a.projects:active { 
color: #0084ad;
text-decoration: underline;
 }

#primaryContent #brochure a {
	color:#b92025;
	font-size:14px;
}

#primaryContent #brochure a:hover, a:active { color: #000;
text-decoration: underline;
 }
 
#primaryContent #testimonial {
	float:left;
	width:450px;
	background:url(images/quote-tl.gif) no-repeat 0px 15px;
}
#primaryContent #testimonial p{
	background:url(images/quote-br.gif) no-repeat 325px bottom;
	padding:15px 35px 5px 30px;
	font-size:16px;
	font-style:italic;
	color:#0084ad;

}



#primaryContent #photos #testimonial p.quote2 {
	background:url(images/quote-br.gif) no-repeat 300px 185px;
	padding:15px 5px 5px 5px;
	font-size:16px;
	font-style:italic;
}

#primaryContent #testimonial p.quoter{
	padding:0px 15px 15px 30px;
	font-style:normal;
	color:#333333;
	background:none;
	font-size:14px;
}


/* this is for the 2nd testimonial on the 'our people' page 
--------------------------------------------------------------*/
#primaryContent #testimonial2 {
	float:left;
	width:450px;
	background:url(images/quote-tl.gif) no-repeat 0px 15px;
}
#primaryContent #testimonial2 p{
	background:url(images/quote-br.gif) no-repeat 300px bottom;
	padding:15px 35px 5px 30px;
	font-size:16px;
	font-style:italic;
	color:#0084ad;

}

#primaryContent #testimonial2 p.quoter{
	padding:0px 15px 15px 30px;
	font-style:normal;
	color:#333333;
	background:none;
	font-size:14px;
}

/* Project Listings
------------------------------------------------------------------------- */
#primaryContent #listing {
	width:680px;
	float:left;
	background:url(images/mc-ul-listing.jpg) no-repeat left bottom;
	padding:15px 0px 15px 0px;
}

#primaryContent #thumb {
float:left;
}

#primaryContent #thumb img {
border: 1px solid #ccc;
padding: 2px;
}

#primaryContent #listing #description {
float:left;
padding: 0px 0px 3px 20px;
}

#primaryContent #listing #description h2{
padding: 0px 0px 3px 0px;
font-weight:normal;
font-size:16px;
}

#primaryContent #listing #description p {
padding: 0px 0px 0px 0px;
}

#primaryContent #listing #description p.client {
padding: 5px 0px 5px 0px;
}

#primaryContent #listing #description a {
color:#0084ad;
}

#primaryContent #listing #description a:hover, #primaryContent #listing #description a:active { color: #000;
text-decoration: underline;
 }
 
 


/* =Project List
-----------------------------------------------------------------------------*/
#projectList #primaryContent.contact {
width:400px;
}

#projectList #primaryContent {
width:480px;
}

#projectList #primaryContent h1 {
	padding: 20px 0px 3px 0px;
	background:url(images/mc-ul-case.jpg) no-repeat left bottom;
}

#projectList #primaryContent h2 {
	padding: 10px 0px 3px 0px;
	font-size: 16px;
	font-weight:normal;
}

#projectList #primaryContent h3 {
	padding: 3px 0px 0px 0px;
	font-size: 14px;
	font-weight:normal;
}


#projectList #primaryContent p {
padding:17px 85px 35px 0px;
}

#projectList #primaryContent p.about {
padding:17px 30px 0px 0px;
}

#projectList #primaryContent p.community {
padding:0px 30px 10px 0px;
}

#projectList #primaryContent p.news {
padding:0px 30px 0px 0px;
}

#projectList #primaryContent p.careers {
padding:0px 30px 5px 0px;
}

#projectList  #primaryContent p.contact {
padding:17px 5px 0px 0px;
font-size:16px;
}

#projectList  #primaryContent a.contact {
color:#0084ad;
}

#projectList  #primaryContent a.contact:hover, #careers  #primaryContent a.contact:active { color: #000;
text-decoration: underline;
 }
 

#projectList #primaryContent #testimonial p{
	background:url(images/quote-br.gif) no-repeat 325px bottom;
	padding:15px 35px 5px 30px;
}


#projectList #primaryContent #testimonial p.quoter{
	padding:0px 15px 15px 30px;
	background:none;
}

/* #testimonial2 for 2nd quote on 'our people' page */
#projectList #primaryContent #testimonial2 p{
	padding:15px 35px 5px 30px;
}


#projectList #primaryContent #testimonial2 p.quoter{
	padding:0px 15px 15px 30px;
	background:none;
}

/*for the link to environmental statement on environment page */
#projectList #primaryContent a.newsSm {
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight:normal;
	color:#0084ad;
}

#projectList #primaryContent a.newsSm:hover, #projectList #primaryContent a.newsSm:active { color: #000;
text-decoration: underline;
 }


/* health & safety logos */
#projectList #primaryContent #hs img{
	padding:40px 55px 15px 0px;
}


 /* =Careers Primary
-----------------------------------------------------------------------------*/


#careers #primaryContent {
width:600px;
}

#careers  #primaryContent h1 {
	padding: 20px 0px 3px 0px;
	background:url(images/mc-ul-case.jpg) no-repeat left bottom;
}

#careers  #primaryContent #text h2 {
	padding: 10px 0px 0px 0px;
	font-size: 16px;
	font-weight:normal;
}

#careers  #primaryContent #investor {
	padding: 0px 0px 0px 0px;
	float:right;
}

#careers  #primaryContent #investor img {
	vertical-align: top;
	padding:20px 70px 0px 20px;
	float:right;
}

#careers  #primaryContent #text {
width:400px;
float:left;
}

#careers  #primaryContent #text p {
margin: 17px 10px 35px 0px;
padding:0px;
}

#careers  #primaryContent #text p.about {
margin: 0px;
padding:17px 30px 0px 0px;
}

#careers  #primaryContent #text p.careers {
margin: 0px;
padding:0px 30px 5px 0px;
}


 
 /* =News Primary
-----------------------------------------------------------------------------*/

#news #primaryContent {
width:720px;
}

#news #primaryContent h1 {
	padding: 20px 0px 3px 0px;
	background:url(images/mc-ul-listing.jpg) no-repeat left bottom;
}

#news #primaryContent h2 {
	padding: 0px 20px 0px 0px;
	font-size: 16px;
}

#news #primaryContent img.willow {
	padding: 0px 55px 0px 0px;
}

#news #primaryContent #newsBrief {
	padding: 30px 20px 0px 0px;	
}

#news #primaryContent #newsBrief a {
	padding: 0px 20px 0px 0px;
	font-size: 16px;
	color: #0084ad;
	font-weight:bold;
}

#news #primaryContent #newsBrief a:hover, a:active { color: #000;
text-decoration: underline;
 }
 
#news #primaryContent #newsBrief a.newsSm {
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight:normal;
}

#news #primaryContent #newsBrief a.newsSm:hover, #news #primaryContent #newsBrief a.newsSm:active { color: #000;
text-decoration: underline;
 }
 
#news #primaryContent a.newsSm {
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight:normal;
	color:#0084ad;
}

#news #primaryContent a.newsSm:hover, #news #primaryContent a.newsSm:active { color: #000;
text-decoration: underline;
 }
 
#news #primaryContent a.newsItem {
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight:normal;
	color:#0084ad;
}

#news #primaryContent a.newsItem:hover, #news #primaryContent a.newsItem:active { color: #000;
text-decoration: underline;
 }

#news #primaryContent #newsBrief p {
padding:0px 30px 0px 0px;
}

/* News in classes
------------------------------------------*/
#news #primaryContent .summary {
	padding: 30px 20px 0px 0px;	
}


#news #primaryContent .summary a {
	padding: 0px 20px 0px 0px;
	font-size: 16px;
	color: #0084ad;
	font-weight:bold;
}

#news #primaryContent .summary a:hover, a:active { color: #000;
text-decoration: underline;
 }
 
#news #primaryContent .summary a.newsSm {
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight:normal;
}

#news #primaryContent .summary a.newsSm:hover, #news #primaryContent .summary a.newsSm:active { color: #000;
text-decoration: underline;
 }
 
#news #primaryContent a.newsItem {
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight:normal;
	color:#0084ad;
}

#news #primaryContent a.newsItem:hover, #news #primaryContent a.newsItem:active { color: #000;
text-decoration: underline;
 }

.newsDate {
font-weight:bold;
padding:2px 0px 2px 0px;
}

#news #primaryContent .summary p {
padding:0px 30px 0px 0px;
}

#news #primaryContent .men {
float: right;
padding: 0px 30px 15px 20px;
width:300px;
}

#news #primaryContent .men  p{
padding:5px 10px 0px 5px;
  font-weight:bold;
  font-style:italic;
  color:#666666;
  font-size:12px; 
}

#news #primaryContent .menarticle {
padding: 0px 30px 20px 20px;
width:300px;
}

#news #primaryContent .menarticle  p{
padding:5px 10px 0px 5px;
  font-weight:bold;
  font-style:italic;
  color:#666666;
  font-size:12px; 
}


/* =News 3 col Primary
-----------------------------------------------------------------------------*/


#news3Col #primaryContent {
width:480px;
}

#news3Col #primaryContent h1 {
	padding: 20px 0px 3px 0px;
	background:url(images/mc-ul-case.jpg) no-repeat left bottom;
}

#news3Col #primaryContent h2 {
	padding: 0px 20px 0px 0px;
	font-size: 16px;
}


#news3Col #primaryContent p {
padding:17px 30px 0px 0px;
}

 
 /* =Services Primary Content List
-----------------------------------------------------------------------------*/


#services #primaryContent {
width:720px;
}

#services #primaryContent h1 {
	padding: 20px 0px 3px 0px;
	background:url(images/mc-ul-listing.jpg) no-repeat left bottom;	
}

#services #primaryContent h2{
	padding: 0px 0px 10px 0px;
	font-size: 20px;
	font-weight:normal;
}

#services #primaryContent p {
padding:15px 85px 5px 0px;
}

#services #primaryContent  a.overview{
color:#0084ad;
text-decoration:underline;	
}

#services #primaryContent a.overview:hover, #services #primaryContent a.overview:active { color: #000;
text-decoration: underline;
 }

#services #primaryContent #testimonial {
	width:720px;
}


#services #primaryContent #testimonial p{
	padding:15px 85px 5px 30px;
	color:#0084ad;
}


/* These are all the bottom right quotes - can be all grouped in one now that 'bottom' is being used instead of px */
#services #primaryContent #testimonial p.civils{
    background:url(images/quote-br.gif) no-repeat 626px bottom;
}
#services #primaryContent #testimonial p.commercial{
    background:url(images/quote-br.gif) no-repeat 626px bottom;
}
#services #primaryContent #testimonial p.education{
    background:url(images/quote-br.gif) no-repeat 626px bottom;
}
#services #primaryContent #testimonial p.industrial{
    background:url(images/quote-br.gif) no-repeat 626px bottom;
}
#services #primaryContent #testimonial p.listed{
    background:url(images/quote-br.gif) no-repeat 626px bottom;
}
#services #primaryContent #testimonial p.social{
	background:url(images/quote-br.gif) no-repeat 626px bottom;
}
#services #primaryContent #testimonial p.services{
    background:url(images/quote-br.gif) no-repeat 626px bottom;
	
}



#services #primaryContent #testimonial p.quoter{
	padding:0px 85px 35px 30px;
	color:#333333;
}


/* This provides more padding for the 'Services' page*/
#services #primaryContent #testimonial p.quoter2{
	padding:0px 85px 20px 30px;
	color:#333333;
	background:none;
	font-size:14px;
	font-style:normal;
}


 
 /* =Case Study 
-----------------------------------------------------------------------------*/


#caseStudy #primaryContent {
width:400px;
}

#caseStudy #primaryContent h1 {
	padding: 20px 0px 3px 0px;
	background:url(images/mc-ul-case.jpg) no-repeat left bottom;
}

#caseStudy #primaryContent h2 {
	padding: 10px 10px 3px 0px;
	font-size: 14px;
	font-weight:normal;

}
#caseStudy #primaryContent h3 {
	padding: 3px 10px 0px 0px;
	font-size: 14px;
	font-weight:normal;
}

#caseStudy #primaryContent p {
padding:6px 45px 15px 0px;
}

#caseStudy #primaryContent p.quote {
padding: 10px 85px 3px 20px;
color:#0084ad;
}

#caseStudy #primaryContent p.quoter {
color:#000000;
font-size:12px;
padding: 0px 70px 0px 20px;
}

/* Project Listings
------------------------------------------------------------------------- */
#services #primaryContent .listItem {
	width:680px;
	float:left;
	background:url(images/mc-ul-listing.jpg) no-repeat left bottom;
	padding:15px 0px 15px 0px;
}

#services #primaryContent .listImg {
float:left;
}

#services #primaryContent .listImg img {
border: 1px solid #ccc;
padding: 2px;
}

#services #primaryContent .itemText {
float:left;
padding: 0px 0px 3px 20px;
}

#services #primaryContent .listItem h2  {
padding: 0px 0px 3px 0px;
font-weight:normal;
font-size:16px;
}

#services #primaryContent .listItem p {
padding: 0px 0px 0px 0px;
}

#services #primaryContent .listItem p.client {
padding: 5px 0px 5px 0px;
}

#services #primaryContent .listItem a {
color:#0084ad;
}

#services #primaryContent .listItem a:hover, #services #primaryContent .listItem a:active { color: #000;
text-decoration: underline;
 }
 



/* =Secondary Content
-----------------------------------------------------------------------------*/
#secondaryContent{
color:#999999;
float:left;
width:210px;
/* need to leave the height declaration due to bg image to LHS of side menu */
height:370px;
background: url(images/mc-ul-vert.jpg) no-repeat 0px 65px;
}

#home #secondaryContent{
width:360px;
background: url(images/news-bg-letterhead.jpg) no-repeat;
}

#secondaryContent h2{
	padding: 65px 0px 0px 15px;
	margin:0px;
	color:#0084ad;
	font-weight:normal;
	
}

#home #secondaryContent h2{
    padding: 44px 0px 18px 110px;
	background:url(images/news-ul.gif) no-repeat 58px 69px;		
}

#secondaryContent ul{
	background:none;
	color:#666666;
	font-size:18px;
	
	padding:0px 0px 0px 15px;
	list-style:none;	
}

#secondaryContent li{
padding:3px 0px 0px 0px;
	
}

#secondaryContent li a{
color:#666666;
text-decoration:none;	
}

#secondaryContent li a:hover, #secondaryContent li a:active { color: #000;
text-decoration: underline;
 }

#secondaryContent p{
padding: 0px 55px 12px 60px;
}

#secondaryContent a {
color:#333333;
}

#secondaryContent  a:hover, #secondaryContent a:active {
text-decoration: underline;
 }
 
 #secondaryContent a.newsHomeBlue {
color:#0084ad;
font-weight:bold;
}

#secondaryContent  a.newsHomeBlue:hover, #secondaryContent a.newsHomeBlue:active {
text-decoration: underline;
 }

 
  #secondaryContent #brochure {
float:left;
padding:17px 0px 0px 10px;
}

 #secondaryContent #brochure img {
	float:left;
	padding:3px 10px 0px 20px;
	vertical-align: top;
}

 #secondaryContent #brochure p {
float:left;
font-size:16px;
font-weight:bold;
color:#0084ad;
padding:15px 0px 0px 0px;
}


#secondaryContent #brochure a {
	color:#b92025;
	font-size:14px;
}

#secondaryContent #brochure a:hover, #secondaryContent #brochure a:active { 
color: #000000;
text-decoration: underline;
 }


/* =Case Study secondary 
-----------------------------------------------------------------------------*/
#caseStudy #secondaryContent {
color:#0084ad;
font-weight:bold;
width:520px;
padding: 40px 5px 10px 5px;
background:none;
}

#caseStudy #secondaryContent p{
padding: 15px 60px 5px 0px;
}

#caseStudy #secondaryContent img.thumb{
padding: 5px 15px 10px 0px;
}

#caseStudy #secondaryContent img.thumbLast{
padding: 5px 0px 10px 0px;
}

#caseStudy #secondaryContent p.quote {
padding: 10px 85px 3px 20px;
font-weight:normal;
}

#caseStudy #secondaryContent p.quoter {
color:#000000;
font-size:12px;
padding: 0px 70px 0px 20px;
font-weight:normal;
}

/* =Photos - set for projectList
-----------------------------------------------------------------------------*/
#photos{
	float:left;
	width:240px;
}

#photos.contact{
	float:left;
	width:300px;
	margin: 70px 20px 0px 0px;
}

#photos p{
padding: 0px 60px 0px 55px;
}

#photos img{
padding: 90px 5px 0px 5px;
}

#photos img.second{
padding: 20px 5px 0px 5px;
}

#photos #captionImage p{
padding:5px 10px 0px 5px;
text-align: center;
  font-weight:bold;
  font-style:italic;
  color:#666666;
  font-size:12px; 
}

#photos #captionImage p.desc{
text-align:left;
}

#photos #captionImage a, #photos #captionImage a:visited{
color:#0084ad;
}

#photos #captionImage a:hover, #photos #captionImage a:active {
color:#000000;
text-decoration: underline;
 }
 





/* =Careers Photos
-----------------------------------------------------------------------------*/
#careers #photos{
	width:330px;
}


/* =Footer
-----------------------------------------------------------------------------*/
#footer {
color:#000000;
width:960px;
height:78px;
background: url(images/footer-bg-5.jpg) no-repeat;
}

#footer #bottomNav
{
padding: 55px 0px 0px 10px;
height: 15px;
font-weight: bold;
font-size: 12px;
color: #b9c7c9;
float:left;
}


#footer #bottomNav li
{
color: #ffffff;
display: inline;
float: left;
width: auto;
}

#footer #bottomNav a
{
color: #ffffff;
display: inline;
width: auto;
padding: 0px 7px 0px 7px;
}

#footer #bottomNav a:hover, #footer #bottomNav a:active { 
text-decoration: underline;
 }

#footer ul {
background:none;
}




#copy {
	float:left;
	display:inline;
	padding:10px 0px 20px 10px;
	color:#999999;
	font-size:12px;
	background:url(images/mc-bg.gif);
}

.copyDark {
color:#666666;
}