/* Layout */

*
{
	margin:0;
	padding:0;
}
.clear
{
	clear:both;
	font-size:1px;
	width:1px;
}
#container 
{
width: 800px;
margin-left: auto;
margin-right: auto;
BACKGROUND: #fff;
}
#header 
{
width:800px;
padding:0 19px 0 19px;
w\idth:762px;
HEIGHT:80px;
BACKGROUND:url("../images/bg-header.gif") 700px 0 no-repeat;
text-align:left;
}
body.construct #header
{
	background:url("../images/bg-header-construct.gif") 700px 0 no-repeat;
}
body.maintain #header
{
	background:url("../images/bg-header-maintain.gif") 700px 0 no-repeat;
}
body.joinery #header
{
	background:url("../images/bg-header-joinery.gif") 700px 0 no-repeat;
}
#content 
{
WIDTH:800px;
padding:0 19px 0 19px;
w\idth:762px;
text-align:left;
background:#fff;
}
/* Page ID (sets colour strip & Baggaley logo */
p#pageId
{
	width:781px;
	background:#FCC719 url(../images/baggaley-since-1908.gif) top right no-repeat;
	color:#67676b;
	font-size:200%;
	padding:38px 0 0 19px;
	he\ight:42px;
	w\idth:762px;
	margin:0 0 20px 0;
}
body.construct p#pageId, body.portfolio .construct p#pageId
{
	background:#B2BA00 url(../images/baggaley-construct.gif) top right no-repeat;
}
body.maintain p#pageId, body.portfolio .maintain p#pageId
{
	background:#00AEEA url(../images/baggaley-maintain.gif) top right no-repeat;
}
body.joinery p#pageId, body.portfolio .joinery p#pageId
{
	background:#DF9000 url(../images/baggaley-joinery.gif) top right no-repeat;
}


#content div#column2 
{
float:right;
background-color:#FFFFFF;
width:507px;

margin:0px;
margin-bottom: 0px;
padding:0px;
}
body.home #content div#column2 
{
	width:239px;
	Color:#000;
}
#content div#column1 
{
background-color:#FFFFFF;
width: 240px;
margin:0px;
padding:0px;


}

#pannelcontainer { 
clear:both;
width: 780px;
padding: 0px;
margin: 0px;
}
#pannelcontainer p{ 
margin-left:45px;
margin-right:5px;
margin-top: 2px;
font-size:100%;
}
.nhpannels
{
float:left;
width:252px;
background-color:#FFFFFF;
padding:0px;
margin-bottom:5px;
}
.nhpannels p { margin: 0px; padding:0 0 8px 0;}
.nhpannels h5 { margin: 0px; padding:0;}
.centerTXT {text-align:center;}
.pannels
{
font-size:90%;
width:252px;
height:155px;
background-color:#FFFFFF;
padding:0px;
margin-bottom:5px;
margin-right:9px;
float:left;
border: 1px #c6c6c6 solid;

}

body.home #content div#column1, body.home #content div#column1 .nhpannels 
{
	width:505px;
}

#linkBoxes
{
	width:505px;
}
#linkBoxes div
{
	width:161px;
	float:left;
	display:inline;
	margin-right:10px;
}
#linkBoxes div#lbTraditionalJoinery
{
	margin-right:0;
}
#linkBoxes h2
{
	border:none;
	padding:77px 7px 10px 7px;
	color:#000;
}
#linkBoxes #lbConstruct
{
	background:#fff url(../images/link-construct-bg.gif) repeat-x;
}
#linkBoxes #lbMaintain
{
	background:#fff url(../images/link-maintain-bg.gif) repeat-x;
}
#linkBoxes #lbTraditionalJoinery
{
	background:#fff url(../images/link-traditional-joinery-bg.gif) repeat-x;
}
#linkBoxes #lbConstruct h2
{
	background:url(../images/link-construct.gif) no-repeat;
}
#linkBoxes #lbMaintain h2
{
	background:url(../images/link-maintain.gif) no-repeat;
}
#linkBoxes #lbTraditionalJoinery h2
{
	background:url(../images/link-traditional-joinery.gif) no-repeat;
}
#linkBoxes p
{
	color:#000;
	padding:0 7px 10px 7px;
}
#linkBoxes p a
{
	color:#000;
}

.pannel
{
font-size:90%;
width:252px;
height:151px;
background-color:#FFFFFF;
padding:0px;
margin-bottom:5px;
float:left;
border: 1px #c6c6c6 solid;
}

.clearspan {clear:both;}

#footer 
{
width:762px;
margin:1px 0 5px 0;
padding:38px 0 10px 0;
background:url(../images/effectively-working.gif) top right no-repeat;
}
#footert
{
border-top:1px solid #7f7f7f;
background-color:#FFFFFF;
text-align:right;
color:#666666;
padding:8px 5px 5px 5px;
}
.pnlpicl
{float:left;
border-right: 1px #c6c6c6 solid;
}
.pnlpict
{padding:5px }
.fleft
{float:left;}
.fright
{float:right;}
.padtxt{padding:10px;}
.padfive{padding:10px;}

#footert a
{
	color:#666;
}

/* Layout Differences 
DIV#header a:link, DIV#header a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
DIV#header a:hover, DIV#header a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #c00;
	text-decoration: none;
}*/
#navbar {
padding-top:51px;
font-family: Arial, Helvetica, sans-serif;
}
#navbar ul {
 color: #67676b;
 white-space: nowrap;
 list-style-type:none;
}
#navbar ul li {
 list-style-type: none;
 display:inline;
 }
 
#navbar ul .bdrr {
	border-right:1px solid #67676b;
 }
 
#navbar li a {
 text-decoration: none;
 color: #67676b;
 text-transform:uppercase;
 padding:0 5px 0 5px;
}

#navbar li a:hover {
 font-weight: bold;
}


DIV#padcontent
{ 
	width:507px;
}
body.home DIV#padcontent
{
	width:239px;
	height:100%;
	background:#fde38c;
	padding:0px 10px 32px 10px;
	w\idth:219px;
	margin:0 0 0px 0;
}
body.home DIV#padcontent p
{
	padding:0 0 4px 0;
}

/* Bullet lists for latest news and projects list */
ul.linkList
{
	list-style-type:none;
	padding:10px 0 14px 0;
	border-bottom:1px solid #fff;
}
ul.linkList li
{
	margin:0;
	padding:1px 0 1px 9px;
	background:url(../images/bg-linkList.gif) 0 4px no-repeat;
}
ul.linkList li a
{
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}


.piccapr {
PADDING: 1px 1px 1px 1px;
MARGIN: 5px 5px 5px 5px;
BACKGROUND: #FFF; 
COLOR: #000; 
BORDER: #666 1px solid;
text-align:center;
Float:right;
}
.piccapl {
/*PADDING: 1px 1px 1px 1px;*/
MARGIN: 5px 15px 5px 5px;
BACKGROUND: #FFF; 
COLOR: #000; 
BORDER: #666 4px solid;
text-align:center;
Float:left;
}

/* recoded navlist for use on Construct pages */
div#navList {
width: 507px;
margin-top:10px;
}
div#navList ul {
 margin: 0px;
 padding: 0px;
 color: #000;
}
div#navList li {
 width: 243px;
 height:175px;
 list-style-type: none;
 display: inline;
 float:left;
 margin-bottom:22px;
 margin-right:22px;
 padding:11px 0 0 13px;
 w\idth:229px;
 he\ight:164px; 
 background:#D8DC7F;
 }
 div#navList li a
 {
 	display:block;
	width:220px;
	height:164px;
	color:#67676B;
	text-transform:uppercase;
 }
div#navList li.industrial
{
	background:#D8DC7F url(../images/li-industrial.jpg) 11px 28px no-repeat;
}
div#navList li.health
{
	background:#D8DC7F url(../images/li-health.jpg) 11px 28px no-repeat;
	margin-right:0;
}
div#navList li.commercial
{
	background:#D8DC7F url(../images/li-commercial.jpg) 11px 28px no-repeat;
}
div#navList li.education
{
	background:#D8DC7F url(../images/li-education.jpg) 11px 28px no-repeat;
	margin-right:0;
}
 div#navList li.maintenance
{
	background:#BFEBFA url(../images/li-maintenance.jpg) 11px 28px no-repeat;
}
div#navList li.mprojects
{
	background:#BFEBFA url(../images/li-mprojects.jpg) 11px 28px no-repeat;
	margin-right:0;
}
 .blkpannels
{
float:left;
width:252px;
background-color:#FFFFFF;
padding:0px;
margin-bottom:5px;
border: 1px #c6c6c6 solid;
text-align: center;
padding-top:1 px;
}

/* Section Boxes used on Divisions homepage */
#sectionBoxes div
{
	width:507px;
	padding:0;
	margin:0 0 4px 0;
}
#sectionBoxes div h2
{
	margin:0 0 6px 0;
	color:#000;
	text-transform:uppercase;
}
#sectionBoxes div h2 a
{
	color:#000;
}
#sectionBoxes div ul
{
	width:251px;
	list-style-type:none;
	padding:7px 0 10px 8px;
	w\idth:243px;
	float:left;
}
#sectionBoxes div ul li
{
	width:243px;
	w\idth:229px;
	padding:0 4px 2px 10px;
	margin:0 0 2px 0;
}
#sectionBoxes div p
{
	width:241px;
	float:right;
}
/* Construction styles */
#sbConstruct h2
{
	border-bottom:1px solid #B2BA00;
}
#sbConstruct ul
{
	background:#ECEEBF;
}
#sbConstruct ul li
{
	background:#ECEEBF url(../images/sectionbox-construct-li.gif) 0 4px no-repeat;
}
/* Maintain styles */
#sbMaintain h2
{
	border-bottom:1px solid #00AEEA;
}

#sbMaintain ul
{
	background:#BFEBFA;
}
#sbMaintain ul li
{
	background:#BFEBFA url(../images/sectionbox-maintain-li.gif) 0 4px no-repeat;
}
/* Joinery styles */
#sbJoinery h2
{
	border-bottom:1px solid #DF9000;
}
#sbJoinery ul
{
	background:#F7E3BF;
}
#sbJoinery ul li
{
	background:#F7E3BF url(../images/sectionbox-joinery-li.gif) 0 4px no-repeat;
}


/* .caseStudy */

.caseStudy
{
	width:507px;
	background:#ECEEBF; /* Default bg color */
	margin:0 0 14px 0;
	color:#000;
}
body.maintain .caseStudy {background:#CDE5ED;}
body.construct .caseStudy {background:#ECEEBF;}
body.joinery .caseStudy {background:#E8D0A6;}

body.portfolio h1
{
	padding:0;
}
body.portfolio .caseStudy
{
	background:none;	
	color:#67676B;
}
.caseStudy h2
{
	border-bottom:4px solid #fff;
	text-transform:uppercase;
	padding:10px;
	w\idth:487px;
}
body.portfolio .caseStudy h2
{
	border-bottom:none;
	text-transform:uppercase;
	padding:0 0 10px 0;
	width:507px;
}
.caseStudy h2 span
{
	display:block;
	font-weight:normal;
}
.caseStudy ul
{
	list-style-type:none;
	padding:0 0 14px 0;
}
.caseStudy ul li, body.portfolio .construct .caseStudy ul li, body.construct  .caseStudy ul li
{
	background:url(../images/li-green.gif) 0 4px no-repeat;
	padding:0 0 4px 10px;
}
body.portfolio .maintain .caseStudy ul li, body.maintain  .caseStudy ul li
{
	background:url(../images/li-blue.gif) 0 4px no-repeat;
	padding:0 0 4px 10px;
}
body.portfolio .joinery .caseStudy ul li, body.joinery .caseStudy ul li
{
	background:url(../images/li-orange.gif) 0 4px no-repeat;
	padding:0 0 4px 10px;
}
body.portfolio .caseStudy ul li
{
	background:url(../images/li-yellow.gif) 0 4px no-repeat;
	padding:0 0 4px 10px;
}
.caseStudy .csText
{
	width:241px;
	padding:10px 0 10px 10px;
	w\idth:231px;
	float:left;
}
body.portfolio .caseStudy .csText
{
	width:341px;
	padding:10px 0 10px 0;
	float:left;
}
.caseStudy .csFacts
{
	width:241px;
	padding:10px 0 10px 0;
	float:right;
}
body.portfolio .caseStudy .csFacts
{
	width:166px;
	text-align:right;
}
body.portfolio .caseStudy .csFacts .yellowBox, body.portfolio .caseStudy .csFacts .orangeBox, body.portfolio .caseStudy .csFacts .blueBox
{
	width:160px;
	padding:5px 5px 15px 5px;
	margin:0 0 10px 0;
	w\idth:140px;
	background:#FEF1C5;
	text-align:left;
}
body.portfolio .caseStudy .csFacts .orangeBox
{
	background:#FCC719;
}
body.portfolio .caseStudy .csFacts .blueBox
{
	background:#CADAFB;
}
body.portfolio .caseStudy .csFacts h2
{
	text-transform:capitalize;
	font-size:105%;
	width:140px;
}
body.portfolio .caseStudy .csFacts blockquote p
{
	padding:0 3px 8px 3px;
}
body.portfolio .caseStudy .csFacts blockquote cite
{
	font-style:normal;
}
body.portfolio .caseStudy .csFacts blockquote cite strong
{
	font-size:110%;
}
.caseStudy .csFacts p
{
	padding:0 0 2px 0;
}
body.portfolio .caseStudy .csText .image
{
	float:left;
	width:169px;
	padding:0;
	margin:0;
}
body.portfolio .caseStudy .csText .text
{
	float:right;
	width:172px;
}

/* Anchor tags */
body.home a, body.portfolio a, body a
{
	color:#000;
}
body.construct a, #sbConstruct h2 a:hover, #sbConstruct h2 a:active
{
	color:#B2BA00;
}
body.maintain a, #sbMaintain h2 a:hover, #sbMaintain h2 a:active
{
	color:#00AEEA;
}
body.joinery a, #sbJoinery h2 a:hover, #sbJoinery h2 a:active
{
	color:#DF9000;
}



body.construct a:hover, body.construct a:active,
body.maintain a:hover, body.maintain a:active,
body.joinery a:hover, body.joinery a:active,
body.home a:hover, body.home a:active,
body.portfolio a:hover, body.portfolio a:active,
#navbar li a:hover, #navbar li a:active,
#navList a:hover, #navList a:active
{
	color:#A72C2C;
	text-decoration:none;
}
body.home #padcontent a:hover, body.home #padcontent a:active,
body.home a:hover, body.portfolio a:hover, body a:hover,
body.home a:active, body.portfolio a:active, body a:active
{
	text-decoration:underline;
}