/*
STYLE SHEET FOR XXXXXX
Created by Kirsty Burgoine
www.xxxxxxxx.co.uk
ToC
	1.  defaults
	2.  structure
	3.  links and navigation
	4.  fonts
	5.  images
	6.  hacks
Notes
*/

/* ------- 1. defaults ------- */

* {
/*	margin: 0; -- commented this out because it was messing with margins around CMS-managed images */
	padding: 0;
}


body {
	width: 100%;
	height: 100%;
	background: #fff url(../site-images/body-bg.png) no-repeat top center;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}


/* ------- 2. structure ------- */

#container {
	margin: 0 auto;
	width: 970px;
	
}

#masthead {
	margin-top: 12px;
	height: 535px;
	background-color: #06389E;
	padding: 0 10px;
	overflow: hidden;
}

#logo {
	font-family: Century Gothic;
	text-transform: uppercase;
	width: 450px;
	float: left;
	padding: 0;
	position: relative;
	top: 0;
}

*html #logo {
/* top: -50px; */
}
#navigation {
	width: 450px;
	height: 28px;
	float: right;
	text-transform: uppercase;
}

#content { /* contains left and right divs */
margin: 0 20px;
}

#content-case { /* contains left and right divs on case studies */

}

#left { /* entire left column */
width: 285px;
float: left;
}

#case-left { /* used on case studies page */
width: 430px;
float: left;
}


.projects-box { /* Grey boxes showing featured projects */
background-color: #e5e5e5;
padding: 20px;
margin-bottom: 10px;
}

.sections-box {
background: url(../site-images/project-shadow.png) no-repeat center top;
padding: 20px 25px 0 25px;
}

#right {  /*  Main central content box  */
width: 610px;
float: left;
margin: 0 0 0 20px;
text-align: justify;
}

#case-right { /* used on case studies page */
width: 465px;
float: left;
margin: 0 0 0 20px;
text-align: justify;
}

.entry {
margin-top: 10px;
padding: 10px 0;
}

#footer- {
border-top: solid 4px #003399;
margin: 10px auto;
width: 970px;
height: 28px;
}

#footer-com {
border-top: solid 4px #99CCCC;
}

#footer-ind {
border-top: solid 4px #00CCFF;
}

#footer-res {
border-top: solid 4px #6699FF;
}

#footer-con {
border-top: solid 4px #CCCCFF;
}

#footer-mai {
border-top: solid 4px #337DFF;
}



#foot-content {
background: url(../site-images/footer-bg.png) repeat-x top left;
min-height: 210px;
padding: 25px 15px 0 15px;
border-bottom: solid 4px #003399;
}

#foot-bottom- {
background-color: #fff;
min-height: 100px;
padding: 10px 15px 0 15px;
border-bottom: solid 10px #003399;
}

#foot-bottom-com {
background-color: #fff;
min-height: 100px;
padding: 10px 15px 0 15px;
border-bottom: solid 10px #99CCCC;
}

#foot-bottom-ind {
background-color: #fff;
min-height: 100px;
padding: 10px 15px 0 15px;
border-bottom: solid 10px #00CCFF;
}

#foot-bottom-res {
background-color: #fff;
min-height: 100px;
padding: 10px 15px 0 15px;
border-bottom: solid 10px #6699FF;
}

#foot-bottom-con {
background-color: #fff;
min-height: 100px;
padding: 10px 15px 0 15px;
border-bottom: solid 10px #CCCCFF;
}

#foot-bottom-mai {
background-color: #fff;
min-height: 100px;
padding: 10px 15px 0 15px;
border-bottom: solid 10px #337DFF;
}

.footer-logo-block {
color: #666666;
float: left;
font-size: 11px;
font-weight: bold;
padding-bottom: 10px;
text-align: center;
text-transform: uppercase;
width: 33%;
}
.footer-logo-block DIV {
padding-bottom: 4px;
}

.additional-projects {
margin-bottom: 15px;
}
.additional-projects-block {
background: transparent url('../site-images/project-shadow.png') no-repeat top center;
color: #333333;
float: left;
font-size: 12px;
font-weight: normal;
margin-top: 15px;
padding: 16px 1% 10px;
text-align: center;
width: 31%;
}
.additional-projects-block DIV.additional-projects-title {
color: #333333;
padding-top: 4px;
padding-bottom: 6px;
}
.additional-projects-block A {
font-weight: bold;
}
.additional-projects-block A.link-com {
font-weight: bold;
/* color: #99CCCC; */
color: #666666;
}
.additional-projects-block A.link-ind {
font-weight: bold;
/* color: #00CCFF; */
color: #666666;
}
.additional-projects-block A.link-res {
font-weight: bold;
/* color: #6699FF; */
color: #666666;
}
.additional-projects-block A.link-con {
font-weight: bold;
/* color: #CCCCFF; */
color: #666666;
}
.additional-projects-block A.link-mai {
font-weight: bold;
/* color: #337DFF; */
color: #666666;
}
.additional-projects-block DIV.additional-projects-readmore- {
padding-top: 4px;
border-top: 1px solid #333333;
color: #666666;
}
.additional-projects-block DIV.additional-projects-readmore-com {
padding-top: 4px;
border-top: 1px solid #99CCCC;
}
.additional-projects-block DIV.additional-projects-readmore-ind {
padding-top: 4px;
border-top: 1px solid #00CCFF;
}
.additional-projects-block DIV.additional-projects-readmore-res {
padding-top: 4px;
border-top: 1px solid #6699FF;
}
.additional-projects-block DIV.additional-projects-readmore-con {
padding-top: 4px;
border-top: 1px solid #CCCCFF;
}
.additional-projects-block DIV.additional-projects-readmore-mai {
padding-top: 4px;
border-top: 1px solid #337DFF;
}
.additional-projects-block DIV.additional-projects-readmore-com A,
.additional-projects-block DIV.additional-projects-readmore-ind A,
.additional-projects-block DIV.additional-projects-readmore-res A,
.additional-projects-block DIV.additional-projects-readmore-con A,
.additional-projects-block DIV.additional-projects-readmore-mai A {
font-weight: normal;
padding: 0 0 0 16px;
}
.additional-projects-block DIV.additional-projects-readmore-com A {
background: transparent url('../site-images/commercial-block-sm.png') no-repeat top left;
}
.additional-projects-block DIV.additional-projects-readmore-ind A {
background: transparent url('../site-images/industrial-block-sm.png') no-repeat top left;
}
.additional-projects-block DIV.additional-projects-readmore-res A {
background: transparent url('../site-images/residential-block-sm.png') no-repeat top left;
}
.additional-projects-block DIV.additional-projects-readmore-con A {
background: transparent url('../site-images/retail-block-sm.png') no-repeat top left;
}
.additional-projects-block DIV.additional-projects-readmore-mai A {
background: transparent url('../site-images/maintenance-block-sm.png') no-repeat top left;
}





/*
.projects {
margin-bottom: 15px;
}
*/
.projects-block {
color: #333333;
float: left;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0;
text-align: center;
width: 245px;
}
.projects-block DIV.projects-block-title {
color: #333333;
padding-top: 4px;
padding-bottom: 6px;
}
.projects-block A {
font-weight: bold;
}
.projects-block A.link-com {
font-weight: bold;
/* color: #99CCCC; */
color: #666666;
}
.projects-block A.link-ind {
font-weight: bold;
/* color: #00CCFF; */
color: #666666;
}
.projects-block A.link-res {
font-weight: bold;
/* color: #6699FF; */
color: #666666;
}
.projects-block A.link-con {
font-weight: bold;
/* color: #CCCCFF; */
color: #666666;
}
.projects-block A.link-mai {
font-weight: bold;
/* color: #337DFF; */
color: #666666;
}
.projects-block DIV.projects-block-readmore- {
padding-top: 4px;
border-top: 1px solid #333333;
color: #666666;
}
.projects-block DIV.projects-block-readmore-com {
padding-top: 4px;
border-top: 1px solid #99CCCC;
}
.projects-block DIV.projects-block-readmore-ind {
padding-top: 4px;
border-top: 1px solid #00CCFF;
}
.projects-block DIV.projects-block-readmore-res {
padding-top: 4px;
border-top: 1px solid #6699FF;
}
.projects-block DIV.projects-block-readmore-con {
padding-top: 4px;
border-top: 1px solid #CCCCFF;
}
.projects-block DIV.projects-block-readmore-mai {
padding-top: 4px;
border-top: 1px solid #337DFF;
}
.projects-block DIV.projects-block-readmore- A,
.projects-block DIV.projects-block-readmore-com A,
.projects-block DIV.projects-block-readmore-ind A,
.projects-block DIV.projects-block-readmore-res A,
.projects-block DIV.projects-block-readmore-con A,
.projects-block DIV.projects-block-readmore-mai A {
font-weight: normal;
padding: 0 0 0 16px;
}
.projects-block DIV.projects-block-readmore- A {
background: transparent url('../site-images/header-block-sm.png') no-repeat top left;
}
.projects-block DIV.projects-block-readmore-com A {
background: transparent url('../site-images/commercial-block-sm.png') no-repeat top left;
}
.projects-block DIV.projects-block-readmore-ind A {
background: transparent url('../site-images/industrial-block-sm.png') no-repeat top left;
}
.projects-block DIV.projects-block-readmore-res A {
background: transparent url('../site-images/residential-block-sm.png') no-repeat top left;
}
.projects-block DIV.projects-block-readmore-con A {
background: transparent url('../site-images/retail-block-sm.png') no-repeat top left;
}
.projects-block DIV.projects-block-readmore-mai A {
background: transparent url('../site-images/maintenance-block-sm.png') no-repeat top left;
}







.industry-news {

}

.news-item {
float: left;
width: 270px;
margin: 0 20px 0 10px;
}

.seperator {
	clear: both;
	height: 0;
}


/* ------- 3. links and navigation ------- */

a,
a:link,
a:active,
a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#masthead a { 
color: #ffffff;
text-decoration: none;
}

#masthead a:hover {
color: #ED5BA1;
} 

#navigation ul { /* --------- main site navigation -------- */
margin: 13px auto;
padding: 0;
line-height: 14px;
list-style-type: none;
height: 27px;
width: auto;
float: right;
}

#navigation ul li {
display: inline;
}

#navigation ul li a {
font-size: 11px;
float: left;
color: #fff;
text-decoration: none;
padding: 0px 20px 0px 20px;
font-weight: 600;
background: url(../site-images/nav-bullet.png) 0 0 no-repeat;
}

#navigation ul li a:hover {
background: url(../site-images/nav-bullet.png) 0 -16px no-repeat;
color: #fff;
}

#navigation ul li a.active {
background: url(../site-images/nav-bullet-hover.gif) center left no-repeat;
color: #fff;
}



#credits {
	float: left;
}
#footer_nav {
/*	float: right; */
}

#footer_nav ul { /* Main top nav that appears in footer */
margin: 0 0 0 20px;
padding: 0;
list-style-type: none;
}
#footer_nav ul li {
padding: 0 0 20px 20px;
float: right;
}
#footer_nav ul li a,
#footer_nav ul li a:link,
#footer_nav ul li a:active,
#footer_nav ul li a:visited {
font-size: 10px;
/* border-left: solid 1px #333333; */
color: #333333;
text-decoration: none;
padding: 2px 3px;
font-weight: 600;
}
#footer_nav ul li a:hover {
text-decoration: underline;
}



.news-item a {
color: #333;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin-bottom: 5px;
}

.news-other {
margin: 10px 0 40px 0;
}

.news_main {
border-bottom: solid 1px #003399;
margin: 10px 0;
}

.read {
font-size: 11px;
float: right;
text-decoration: none;
color: #003399;
margin-bottom: 20px;
}

/* -------4. fonts ------- */

h1, h2, h3, h4, p, ul, label {
font-family: Geneva, Arial, Helvetica, sans-serif;
}

h1, h2 { /* defaults to green block  */
padding: 0 0 10px 25px;
margin-bottom: 10px;
background: url(../site-images/header-block.png) no-repeat left top;
border-bottom: solid 1px #003399;
text-align: left;
}

h1.com, h2.com { /* Commercial Section */
background: url(../site-images/commercial-block.png) no-repeat left top;
border-bottom: solid 1px #99CCCC;
}

h1.ind, h2.ind { /* Industrial Section */
background: url(../site-images/industrial-block.png) no-repeat left top;
border-bottom: solid 1px #00CCFF;
}

h1.res, h2.res { /* Residential Section */
background: url(../site-images/residential-block.png) no-repeat left top;
border-bottom: solid 1px #6699FF;
}

h1.con, h2.con { /* Retail Section */
background: url(../site-images/retail-block.png) no-repeat left top;
border-bottom: solid 1px #CCCCFF;
}

h1.mai, h2.mai { /* Maintenance Section */
background: url(../site-images/maintenance-block.png) no-repeat left top;
border-bottom: solid 1px #337DFF;
}

h1 {
font-size: 20px;
border-bottom: solid 1px #003399;
}

h2 {
font-size: 20px;

}


h3 {
font-size: 16px;
}
h3 a,
h3 a:link,
h3 a:active,
h3 a:visited {
color: #333333;
font-weight: bold;
text-decoration: none;
}
h3 a:hover {
text-decoration: underline;
}


h4 a {
font-size: 14px;
line-height: 20px;
margin-bottom: 0px;
color: #999;
text-decoration: none;
font-weight: 600;
}

h4 a:hover {
color: #003399;
}

p {
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
}

ul {
font-size: 12px;
line-height: 20px;
list-style-position: inside;
}

#logo p {
	color: #fff;
	font-size: 36px;
}

#logo p.tagline {
	color: #999;
	font-size: 18px;
}

.news_articles ul {
margin: 10px 0;
padding: 0;
list-style-type: none;
}

.news_articles ul li a:hover {

}

ol {
}

hr {
}

.print_button {
	background: transparent url('../site-images/print.png') no-repeat top left;
	color: #333333;
	float: right;
	font-size: 14px;
	font-weight: bold;
	height: 38px;
	margin: 0;
	width: 91px;
	position: relative;
	top: -6px;
	text-align: right;
	padding: 14px 0 0 0;
	cursor: pointer;
}
.print_button a {
	height: 38px;
	width: 91px;
}

/* ------- 5. forms ------- */


#enews form {
margin: 0px 20px;
}

#enews form input.textfield {
width: 198px;
background: url(../site-images/input-bg.jpg) no-repeat center bottom;
padding: 10px;
border: 0;
margin-bottom: 10px;

}

#enews form input.textfield:hover {

}

#enews form input.submitbutton {
/* background: url(../site-images/submit-btn.png) no-repeat; */
background-color: transparent;
color: #04369c;
border: none;
padding: 0px 5px;
/* width: 82px; */
height: 24px;
float: left;
/* margin-left:7px; */
font-weight: bold;
cursor:pointer;
}

#enews form input.submitbutton:hover {
/* background: url(../site-images/submit-btn-hvr.png) no-repeat; */
color: #3668ce;
}

/* ------- 5. forms ------- */


form#commentForm {
	font-family: Arial, Helvetica, sans-serif;
	width: 500px;
	margin-left: 30px;
}

form#commentForm label {
color: #034E8E;
font-weight: 600;
font-size: 14px;
}

form#commentForm .textfield {
width: 300px;
float: right;
margin-bottom: 10px;
padding: 5px;
border: solid 1px #b2b2b2;
color: #034E8E;
}

form#commentForm .textfield:hover {
border: solid 1px #034E8E;
}

form#commentForm .textfield_error {
width: 300px;
float: right;
margin-bottom: 10px;
padding: 5px;
/* border: solid 1px #ff0000; */
}

form#commentForm .textarea {
width: 300px;
float: right;
margin-bottom: 10px;
padding: 5px;
border: solid 1px #b2b2b2;
height: 75px;
color: #034E8E;
}

form#commentForm .textarea:hover {
border: solid 1px #034E8E;
}

form#commentForm .submitbutton {
border: none;
background-color: #034E8E;
color: #fff;
border: solid 2px #fff;
cursor: pointer;
float: right;
padding: 5px 10px;
}

form#commentForm .submitbutton:hover {
background-color: #b2b2b2;
color: #fff;
}

form#commentForm .notice {
float: right;
font-weight: 600;
color: #034E8E;
}

form#commentForm .error {

font-weight: 600;
color: #FF0000;
text-align: left;
}

form#commentForm .required {
color: #034E8E;
}

form#commentForm .selectbox {
width: 310px;
float: right;
margin-bottom: 10px;
padding: 5px;
border: solid 1px #b2b2b2;
color: #034E8E;
}

/* ------- 6. images ------- */

a img {
	border: 0;
}

#large-image {
padding: 5px;
border: solid 1px #ccc;
}

#large-image img {
width: 419px;
}

.small-images img {
width: 95px;
margin: 10px 5px 10px 0;
}

/* -------7. hacks ------- */


#wrapper {
text-align: left;
}



img, div, li, a, h2, input { behavior: url(iepngfix.htc) }