/* ******************************* GENERIC *************************** */
html{
background:url(images/background.gif);
font:0.8em/1.4em Arial, Helvetica, sans-serif;
color:#626365;
}
body{
/* (width including padding should be 966px) */width:966px;
margin:0 auto;
}
div#wrapper{
/* (width including padding should be 966px) */width:960px;
padding:0 3px 3px;
float:left;
background:url(images/wrapper.gif) repeat-y bottom;
background-color:#fff;
border-right:4px solid #9f9e9e;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.white{
color:#fff;
}
.blue{
color:#090c3f;
}
.bluelink{
color:#090c3f;
text-decoration:underline;
}
.bigger{
font-size:1.2em;
line-height:18px;
}
.bold_em{
font-weight:bold;
font-style:italic;
}
.lefty{
float:left;
}
.hide{
display:none;
}
.smalltext {
font-size:1.0em;
}
.medtext {
font-size:1.8em;
}
.bigtext {
font-size:2.3em;
}
.EM {
float:left;
clear:both;
	background-color: #9F9E9E;
	width: 962px;
	padding: 0 2px 3px;
	margin:0 0 0 4px;
}
.tandc a{
color:#FFFFFF;
text-decoration:underline;
}
.tandc {
width:600px;
float:left;
color:#FFFFFF;
text-align:right;
padding-top:12px;
}
.EM img{
width:349px;
float:left;
}
.clearfix {
clear:both;
}
/* ******************************* HEADER *************************** */
#header {
width:815px;
float:left;
height:103px;
background:#ffffff url(images/banner.jpg) top left no-repeat;
color:#CC3300;
margin:0 0 0 3px;
}
#telno {
width:335px;
padding:30px 0 0 480px;
height:70px;
}
#telno p{
margin:0;
padding:0 0 8px 0;
}
#telno a{
color:#CC3300;
text-decoration:none;
}
#telno a:hover{
color:#CC3300;
text-decoration:underline;
}
.darkgrey {
color:#626365;
}
/* ******************************* MASTHEAD *************************** */
/* navigation */
ul#navigation{
border-top:1px solid #717171;
background:url(images/navigation.gif) repeat-x bottom;
float:left;
/* (width including padding should be 815px) */width:797px;
padding:12px 2px 12px 16px;
margin:0 0 0 3px;
font-size:0.9em;
}
ul#navigation li{
float:left;
list-style-type:none;
font-weight:bold;
margin-right:22px;
}
ul#navigation a{
color:#fff;
}
/* call to action */
div#calltoaction{
background: #afc7f6 url(images/calltoaction.jpg) top left no-repeat;
/* (width including padding should be 815px) */width:809px;
padding:18px 6px 18px 0;
float:left;
color:#090c3f;
margin:0 0 3px 3px;
overflow:hidden;
}
div#calltoaction div.cta_fix{
/* (width including padding should be 404px) */width:388px;
padding:0 0 0 16px;
float:left;
}
div#calltoaction h3{
color:#fff;
font-size:1em;
line-height:16px;
margin:2px 0 2px;
}
div#calltoaction p{
margin:0;
font-weight:bold;
float:left;
line-height:16px;
font-size:0.9em;
}
/* ******************************* SERVICES MENU *************************** */
ul#services{
/* (width including padding should be 142px) */width:128px;
padding:6px 7px 12px;
float:left;
margin:0 3px 0 0;
}
ul#services li{
list-style-type:none;
border-bottom:1px dotted #000;
padding:4px 0;
}
ul#services li h4{
margin:0 0 1px;
font-size:0.9em;
line-height:13px;
}
ul#services li h4 a{
color:#f0ca2f;
}
ul#services li p{
color:#fff;
margin:0;
font-size:0.9em;
line-height:12px;
}
/* ******************************* INTRODUCTION *************************** */
p#introduction{
background:url(images/introduction.jpg) no-repeat;
background-color:#f1ca30;
/* (width including padding should be 815px) */width:455px;
padding:29px 340px 31px 20px;
float:left;
color:#fff;
font-weight:bold;
font-size:1.3em;
line-height:24px;
margin-top:0;
}
/* ******************************* SERVICES SPOTLIGHTS *************************** */
#services_spotlights{
width:815px;
float:left;
background:#FFFFFF url(images/services_spotlights.jpg) bottom left no-repeat;
margin:0 0 4px 0;
color:#090C3F;
font-size:1.1em;
}
#services_spotlights img{
border:none;
}
#footprint {
width:269px;
float:left;
margin-right:4px;
}
#footprint p{
padding:0 15px 10px 15px;
margin:0;
}
#electrical {
width:269px;
float:left;
margin-right:4px;
}
#electrical p{
padding:0 15px 10px 15px;
margin:0;
}
#gold {
width:269px;
float:left;
background:url(images/services_spotlight_03_h3.gif) top left no-repeat;
}
#gold p{
padding:0 15px 10px 15px;
margin:0;
}
/* ******************************* FACTS *************************** */
#facts_people {
width:815px;
float:left;
background:#FFFFFF url(images/facts_people.jpg) top left no-repeat;
color:#090c3f;
}
#facts_people p,h2{
padding:6px 0 0 0;
margin:0;
line-height:normal;
}
div#facts{
float:left;
width:239px;
padding:15px;
margin-right:4px;
}
/* ******************************* COMPETITION *************************** */
#competition{
width:239px;
float:left;
padding:15px;
margin-right:4px;
color:#FFFFFF;
}
#competition a{
color:#FFFFFF;
text-decoration:none;
}
#competition a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#competition .underlined{
color:#FFFFFF;
text-decoration:underline;
}
/* ******************************* PEOPLE POWER *************************** */
div#peoplepower{
width:239px;
padding:15px;
float:left;
}
#peoplepower p{
padding:6px 80px 0 0;
}
/* ******************************* CONTACT DETAILS *************************** */
div#contact{
background:url(images/contact.jpg) no-repeat;
background-color:#f3d432;
/* (width including padding should be 815px) */width:743px;
padding:16px 0 22px 72px;
float:right;
margin-top:4px;
color:#090c3f;
height:70px;
}
div#contact h2{
color:#fff;
font-size:1.1em;
margin:0 0 6px;
}
div#contact p{
margin:0 0 2px;
}
div#contact a{
color:#090c3f;
text-decoration:underline;
}
/* ******************************* FOOTER *************************** */

#footer {
font-size:0.9em;
width:966px;
float:left;
clear:both;
text-align:center;
padding:10px 0;
background-color:#9F9E9E;
margin:0 0 0 4px;
}
#footer p{
padding:0 0 4px 0;
margin:0;
color:#FFFFFF;
}
/* ******************************* LOGO *************************** */

#logo {
float:left;
width:142px;
border:none;
background-color:#FFFFFF;
}