@import url("src/grid.css");
body {background: #1f4d75 url(../img/body-bg.jpg) left top repeat-x;}
.container {position:relative;background: transparent url(../img/container-bg.gif) left top repeat-y;}

#header {position:relative;display:block;height:124px;background:transparent url(../img/header-bg.jpg) left top no-repeat;}
#header h2 {position:absolute;top:20px;left:35px;display:block;height:170px;width:170px;z-index:100;}
#header h2 a {display:block;height:170px;width:170px;background:transparent url(../img/eca-logo-bg.png) left top no-repeat;overflow:hidden;}
#header h2 a span {display:block;text-indent:-9999px;overflow:hidden;}
#header h3 {display:block;text-indent:-9999px;overflow:hidden;}

#navigation {position:absolute;bottom:0;left:7px;display:block;height:34px;width:970px;background:transparent url(../img/navigation-bg.gif) left top no-repeat;z-index:90;}
#navigation .ddmenu {position:relative;float:right;padding:0;margin:0;list-style-type:none;}
#navigation .ddmenu > li {float:left;margin:0;padding:0;}
#navigation .ddmenu > li > a {display:block;padding:8px 1em 8px 1em;color:#ffffff;font-size:1.1em;font-family:Arial,sans-serif;font-weight: normal;text-align:center;text-decoration:none;cursor:pointer;}
#navigation .ddmenu > li > .ddmenu-hover {background:transparent url(../img/navigation-bg.gif) left -34px no-repeat;}
#navigation .ddmenu > li ul {min-width:1px;display:none;position:absolute;margin:-1px 0 0 0;padding:0;list-style-type:none;z-index:80;}
#navigation .ddmenu > li ul a {display:block;width:150px;padding:8px 1em 7px 1em;color:#00568f;font-size:1.1em;font-family:Arial,sans-serif;font-weight:normal;text-align:left;text-decoration:none;background-image:url(../img/navigation-dropdown-bg.png);background-color:transparent;border-bottom:#ffffff 1px solid;cursor:pointer;}
#navigation .ddmenu > li ul li a.first {}
#navigation .ddmenu > li ul a.ddchildhover {background-image:none;background-color:#ffffff;cursor: pointer;}

#flashpanel {position:relative;display:block;margin-bottom:7px;margin-left:7px;overflow:hidden;}
body#home #flashpanel {height:363px;width:970px;}

.pod {display:block;background:#eef0f3 url(../img/pod-bg.gif) right bottom no-repeat;}
#content-pod-1 {width:318px;margin-left: 7px;}
#content-pod-2 {width:318px;margin-left: 3px;}
#content-pod-3 {width:318px;margin-left: 3px;}
.pod h2 {position:relative;display:block;margin:0;padding:0;height:32px;font-size:1.0em;line-height:10px;background:transparent url(../img/pod-h2-bg.jpg) right top no-repeat;overflow:hidden;}
.pod h2 a {position:absolute;top:12px;left:12px;margin:0;padding:0;color:#ffffff;font-family:Arial,sans-serif;font-weight:normal;letter-spacing:1px;text-transform:uppercase;text-decoration:none;}
.pod h2 a:hover {text-decoration:underline;}
.pod h3 {margin:0 0 6px 0;padding:131px 12px 0 12px;color:#1e5282;font-family:Arial,sans-serif;font-size:0.9em;font-weight:normal;}
.pod h3 a {color:#1e5282;text-decoration:none;}
.pod h3 a:hover {text-decoration:underline;}
#content-pod-1 h3 {background:transparent url(../img/pod1-h3-bg.jpg) right top no-repeat;}
#content-pod-2 h3 {background:transparent url(../img/pod2-h3-bg.jpg) right top no-repeat;}
#content-pod-3 h3 {background:transparent url(../img/pod3-h3-bg.jpg) right top no-repeat;}
.pod p {margin:0 12px 6px 12px;padding:0;color:#818788;font-family:Arial,sans-serif;font-size:0.9em;font-weight:normal;line-height:1.6em;}

#content-wrapper {background:transparent url(../img/content-wrapper-bg.jpg) left top no-repeat;}
#content-text {}
#content-text h1 {margin:50px 0 41px 0;color:#1d3e63;font-family:Arial,sans-serif;font-size:1.8em;font-weight:normal;line-height:18px;text-transform:uppercase;letter-spacing:3px;}
body.automated-lighting #content-text h1,
body.scada #content-text h1,
body.vfd #content-text h1 {margin:33px 0 41px 0;color:#1d3e63;font-family:Arial,sans-serif;font-size:1.8em;font-weight:normal;line-height:26px;text-transform:uppercase;letter-spacing:3px;}

#content-text h2 {color:#1e5282;font-family:Arial,sans-serif;font-size:1.5em;font-weight:normal;line-height:1.0em;}
#content-text h3 {color:#1e5282;}
#content-text h4 {margin-bottom:0.5em;color:#1e5282;}
#content-text p {color:#747d7e;font-family:Arial,sans-serif;font-size:1.0em;font-weight:normal;}
#content-text p a {color:#0086ca;text-decoration:none;}
#content-text p a:hover {color:#1e5282;text-decoration:underline;}
#content-text ul {}
#content-text ul li {color:#747d7e;font-family:Arial,sans-serif;font-size:1.0em;font-weight:normal;}
#content-text ul li a {color:#0086ca;text-decoration:none;}
#content-text ul li a:hover {color:#1e5282;text-decoration:underline;}

span.byappointment {font-size:0.8em;}


#project-photos {margin-left:-24px;margin-top:6px;}
#project-photos img {margin:0;padding:0;}
#project-photos img.first {margin-right:5px;}

body#recent-projects #content-text ul {margin-bottom:13px;}

#content-image {display:block;height:407px;width:318px;margin-left:7px;margin-bottom:7px;}

body.residential #content-image {background:transparent url(../img/image-residential.jpg) left top no-repeat;}
body.smart-wiring #content-image {background:transparent url(../img/image-residential-smart.jpg) left top no-repeat;}
body.structured-cabling #content-image {background:transparent url(../img/image-residential-structured.jpg) left top no-repeat;}
body.multiroom-audio #content-image {background:transparent url(../img/image-residential-audio.jpg) left top no-repeat;}
body.home-theatre #content-image {background:transparent url(../img/image-residential-theatre.jpg) left top no-repeat;}
body.motorisation #content-image {background:transparent url(../img/image-residential-motor.jpg) left top no-repeat;}
body.energy-management #content-image {background:transparent url(../img/image-residential-energy.jpg) left top no-repeat;}

body.commercial #content-image {background:transparent url(../img/image-commercial.jpg) left top no-repeat;}
body.automated-lighting #content-image {background:transparent url(../img/image-commercial-automated.jpg) left top no-repeat;}
body.boardroom-control #content-image {background:transparent url(../img/image-commercial-boardroom.jpg) left top no-repeat;}
body.commercial-motorisation #content-image {background:transparent url(../img/image-commercial-motor.jpg) left top no-repeat;}
body.building-energy #content-image {background:transparent url(../img/image-commercial-energy.jpg) left top no-repeat;}

body.industrial #content-image {background:transparent url(../img/image-industrial.jpg) left top no-repeat;}
body.plc #content-image {background:transparent url(../img/image-industrial-plc.jpg) left top no-repeat;}
body.scada #content-image {background:transparent url(../img/image-industrial-scada.jpg) left top no-repeat;}
body.vfd #content-image {background:transparent url(../img/image-industrial-vfd.jpg) left top no-repeat;}
body.sensors #content-image {background:transparent url(../img/image-industrial-sensors.jpg) left top no-repeat;}

body.recent-projects #content-image {background:transparent url(../img/image-projects.jpg) left top no-repeat;}
body.recent-residential #content-image {background:transparent url(../img/image-projects-residential.jpg) left top no-repeat;}
body.recent-commercial #content-image {background:transparent url(../img/image-projects-commercial.jpg) left top no-repeat;}
body.recent-industrial #content-image {background:transparent url(../img/image-industrial.jpg) left top no-repeat;}

body.consulting #content-image {background:transparent url(../img/image-consulting.jpg) left top no-repeat;}
body.links #content-image {background:transparent url(../img/image-links.jpg) left top no-repeat;}
body.contact #content-image {background:transparent url(../img/image-contact.jpg) left top no-repeat;}

body.building-automation #content-image {background:transparent url(../img/image-pod-building.jpg) left top no-repeat;}
body.builders #content-image {background:transparent url(../img/image-pod-builders.jpg) left top no-repeat;}

#supplier-logos {position:relative;display:block;margin-top:7px;margin-bottom:7px;height:64px;background:transparent url(../img/supplier-logos-bg.jpg) left top no-repeat;}
#supplier-logos ul {position:relative;display:block;margin:5px 0 0 0;padding:0;height:64px;list-style-type:none;}
#supplier-logos ul li {float:left;display:block;margin:0;padding:0;height:49px;}
#supplier-logos ul li a {display:block;margin:0;padding:0;height:49px;}
#supplier-logos ul li a span {display:block;text-indent:-9999px;overflow:hidden;}
#supplier-logos ul li#logo-energy {margin-left:15px;}
#supplier-logos ul li#logo-energy a {width:175px;background:transparent url(../img/logo-energy.gif) left top no-repeat;}
#supplier-logos ul li#logo-cbus {margin-left:29px;}
#supplier-logos ul li#logo-cbus a {width:82px;background:transparent url(../img/logo-cbus.gif) left top no-repeat;}
#supplier-logos ul li#logo-crestron {margin-left:25px;}
#supplier-logos ul li#logo-crestron a {width:116px;background:transparent url(../img/logo-crestron.gif) left top no-repeat;}
#supplier-logos ul li#logo-cedia {margin-left:35px;}
#supplier-logos ul li#logo-cedia a {width:80px;background:transparent url(../img/logo-cedia.gif) left top no-repeat;}
#supplier-logos ul li#logo-ultralift {margin-left:31px;}
#supplier-logos ul li#logo-ultralift a {width:76px;background:transparent url(../img/logo-ultralift.gif) left top no-repeat;}
#supplier-logos ul li#logo-sonos {margin-left:26px;}
#supplier-logos ul li#logo-sonos a {width:130px;background:transparent url(../img/logo-sonos.gif) left top no-repeat;}
#supplier-logos ul li#logo-smartrooms {margin-left:26px;}
#supplier-logos ul li#logo-smartrooms a {width:121px;background:transparent url(../img/logo-smartrooms.gif) left top no-repeat;}

#contact-footer {width:985px;margin:0 auto;display:block;height:39px;background:transparent url(../img/contact-footer-bg.gif) left top no-repeat;}
#contact-footer p {margin:0;padding-top:7px;color:#c1dcf2;font-family:Arial,sans-serif;font-size:1.1em;font-weight:normal;text-align:center;}
#contact-footer p a {color:#ffffff;text-decoration:none;}
#contact-footer p a:hover {text-decoration:underline;}
.certification-number {margin-right:23px;}
.phone-number {color:#ffffff;margin-right:19px;}

#footer-links {position:relative;width:985px;margin:0 auto;display:block;height:40px;}
#footer-links ul {position:relative;display:block;margin:0 0 0 7px;padding:0;list-style-type:none;}
#footer-links ul li {float:left;display:block;margin:8px 5px 20px 0;padding:0 6px 0 0;border-right:#5fa8db 1px solid;line-height:10px;}
#footer-links ul li.lastlink {border-right:none;}
#footer-links ul li a {color:#5fa8db;font-family:Arial,sans-serif;font-size:0.9em;font-weight:normal;text-decoration:none;}
#footer-links #rhythm-link {position:absolute;right:0;top:0;border-right:none;}
#footer-links #rhythm-link a {color:#477195;}
#footer-links #rhythm-link a:hover {color:#ffffff;}
#footer-links #rhythm-link a span {display:none;}