* { padding: 0; margin: 0; }
.clearfix { display: block; clear: both; }
body { font-family: sans-serif; color: #666666; background: #FFFFFF }
img { border: 0; }
.imgleft { float: left; margin: 0 20px 0 0; }
.imgright { float: right; margin: 0 0 0 20px; }
h1 { font-size: 1.6em; color: #EE2E24; margin: 0 0 0.5em 0; }
h2 { font-size: 1.4em; margin: 0 0 0.5em 0; }
h3 { font-size: 1.2em; margin: 0 0 0.5em 0; }
h4,h5,h6 { font-size: 1.0em; margin: 0 0 0.5em 0; }
ul,ol { margin: 0 0 1em 1.5em; }
li { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }
blockquote { font-style: italic; margin: 0 0 1em 0; }

/* general layout */
#header { float: left; width: 100%; height: 100px; background: url(images/bg-header.png); }
#nav { float: left; width: 100%; font-size: 0.75em; background: url(images/bg-nav.png); margin: 0 0 15px 0; }
#content { width: 920px; font-size: 0.75em; margin: 0 auto 1em auto; }
#main { float: left; width: 666px; }
#sidebar { float: right; width: 240px; }
#footer { float: left; width: 100%; font-size: 0.75em; background: url(images/bg-footer.png) }
#footernavtitle { background: url(images/bg-nav.png); border-bottom: 2px solid #FFFFFF; }

/* header bits */
.header { width: 920px; margin: 0 auto;  }
.logo { float: left; margin: 20px 0 0 0; }
.headerphone { float: right; margin: 40px 20px 0 0;}

/* main nav */
ul.nav { width: 920px; list-style: none; margin: 0 auto; }
ul.nav li { float: left; margin: 5px 5px 0 0;}
ul.nav li a { display: block; padding: 7px 20px; text-decoration: none; font-weight: bold }
ul.nav li a:link { color: #FFFFFF; background: url(images/bg-navoff.png); }
ul.nav li a:visited { color: #FFFFFF; background: url(images/bg-navoff.png);  }
ul.nav li a:hover { color: #666666; background: url(images/bg-navon.png); }
ul.nav li a:active { color: #FFFFFF; background: url(images/bg-navoff.png);  }
body#home a.home { display: block; color: #666666; background: url(images/bg-navon.png);}
body#about a.about { display: block; color: #666666; background: url(images/bg-navon.png);}
body#services a.services { display: block; color: #666666; background: url(images/bg-navon.png);}
body#domestic a.domestic { display: block; color: #666666; background: url(images/bg-navon.png);}
body#sectors a.sectors { display: block; color: #666666; background: url(images/bg-navon.png);}
body#accreditations a.accreditations { display: block; color: #666666; background: url(images/bg-navon.png);}
body#news a.news { display: block; color: #666666; background: url(images/bg-navon.png);}
body#contact a.contact { display: block; color: #666666; background: url(images/bg-navon.png);}

/* main content stuff */
.breadcrumb { font-size: 0.9em; line-height: 2.5em; margin: 0; }
.entry-top { float: left; width: 666px; height: 20px; background: url(images/bg-main-top.png); }
.entryheading { float: left; width: 616px; padding: 15px 25px 0 25px; background: url(images/bg-main.png); }
.entry { float: left; width: 616px; padding: 20px 25px 20px 25px; background: url(images/bg-main.png); }
.entry-bottom { float: left; width: 666px; height: 10px; background: url(images/bg-main-bottom.png) bottom; margin: 0 0 1em 0; }

/* content pages with icons */
.electrical { padding: 0 0 0 110px; background: url(images/icon-electrical.gif) no-repeat left top; }
.fibreoptic { padding: 0 0 0 110px; background: url(images/icon-fibreoptic.gif) no-repeat left top; }
.cable { padding: 0 0 0 110px; background: url(images/icon-cable.gif) no-repeat left top; }
.containment { padding: 0 0 0 110px; background: url(images/icon-containment.gif) no-repeat left top; }
.testing { padding: 0 0 0 110px; background: url(images/icon-testing.gif) no-repeat left top; }
.pa { padding: 0 0 0 110px; background: url(images/icon-pa.gif) no-repeat left top; }
.cctv { padding: 0 0 0 110px; background: url(images/icon-cctv.gif) no-repeat left top; }
.fire { padding: 0 0 0 110px; background: url(images/icon-fire.gif) no-repeat left top; }
.cis { padding: 0 0 0 110px; background: url(images/icon-cis.gif) no-repeat left top; }

/* sidebar */
.sidebar-top { float: left; width: 190px; padding: 20px 20px 0 20px; background: url(images/bg-news.png) }
.sidebar-bottom { float: left; width: 230px; height: 20px; background: url(images/bg-news.png) bottom; margin: 0 0 1em 0; }
ul.servicelinks { float: left; width: 100%; list-style: none; margin: 0; }
ul.servicelinks li { float: left; width: 100%;  }
ul.servicelinks li a { display: block; height: 45px; font-weight: bold; text-decoration: none; line-height: 45px; padding: 0 0 0 45px; }
ul.servicelinks li span { display: block; height: 45px; font-weight: bold; text-decoration: none; line-height: 45px; padding: 0 0 0 45px; }
ul.servicelinks li a:link { color: #FF0000; }
ul.servicelinks li a:visited { color: #FF3333; }
ul.servicelinks li a:hover { color: #666666; }
ul.servicelinks li a:active { color: #666666; }
a.sl-electrical { background: url(images/icon-nav-electrical.gif) no-repeat left; }
a.sl-fibreoptic { background: url(images/icon-nav-fibreoptic.gif) no-repeat left; }
a.sl-cable { background: url(images/icon-nav-cable.gif) no-repeat left; }
a.sl-containment { background: url(images/icon-nav-containment.gif) no-repeat left; }

a.sl-testing { background: url(images/icon-nav-testing.gif) no-repeat left; }
a.sl-pa { background: url(images/icon-nav-pa.gif) no-repeat left; }
a.sl-cctv { background: url(images/icon-nav-cctv.gif) no-repeat left; }
a.sl-fire { background: url(images/icon-nav-fire.gif) no-repeat left; }
a.sl-cis { background: url(images/icon-nav-cis.gif) no-repeat left; }

.sidebar-logo { float: left; width: 240px; text-align: center; margin: 0 0 1em 0; }
.sidebar-logo img { margin: 0 auto; }

/* footer */
h2.footernavtitle { width: 870px; font-size: 1.2em; color: #FFFFFF; padding: 5px 0; margin: 0 auto 0 auto; }
ul.footernav { width: 870px; list-style: none; color: #FFFFFF; padding: 1% 0 0 0; margin: 0 auto 1em auto; }
ul.footernav li { float: left; width: 20%; margin: 0 0 1em 0; }
ul.footernav li a { color: #FFFFFF; }