@charset "utf-8";

@media all {

/* "Yahoo! UI Library: Reset CSS" =================================== */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
more info: http://developer.yahoo.com/yui/reset/
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html {overflow-y: scroll;}

body { font-family: verdana, arial, helvetica, sans-serif; background: #ffffff; color: #004079; text-align: center; font-size: 87.5%; /* 14px */ }

p, cite, ul { font-size: 0.785em; line-height: 1.45; margin: 0 0 1.45em; display: block; }

#content li { margin: 0; list-style-type: square; margin-left: 20px; }

h3 { font-size: 0.785em; line-height: 1.45; margin: 0; font-weight: bold; }

cite { margin: 0.2em 0 0; font-weight: bold; }
blockquote p { margin-bottom: 0; }
blockquote { margin-bottom: 1.4em; }

a { color: #004079; outline: none; }
a:hover { color: #98a1cf; }

strong{ font-weight: bold; }

#wrapper { width: 799px; margin: 13px auto; background: url(/images/shadow-repeat.gif) 0 0 repeat-y; position: relative; text-align: left; }

#header { background: url(/images/shadow-top.gif) 0 0 no-repeat; padding: 18px 22px 0; }

#header blockquote { position: absolute; top: 24px; left: 24px; background: url(/images/free-quotes.gif) 0 0 no-repeat; width: 151px; height: 138px; text-indent: -999em; }

h1 { width: 754px; height: 64px; }
h1 a { display: block; background: url(/images/darrington-electrical-logo.gif) 0 0 no-repeat; width: 754px; height: 64px; text-indent: -999em; }

#nav { background: #dee0ef; width: 755px; height: 27px; margin-top: 7px; position: relative; }

#nav ul { overflow: auto; width: 100%; }
#nav ul li a { height: 10px; text-indent: -999em; position: absolute; top: 8px; outline: none; }
#nav ul li#welcome a { background: url(/images/n-welcome.gif) 0 -10px no-repeat; width: 66px; left: 278px; }
#nav ul li#whatwedo	a { background: url(/images/n-what-we-do.gif) 0 -10px no-repeat; width: 86px; left: 357px; }
#nav ul li#expect a { background: url(/images/n-what-you-can-expect.gif) 0 -10px no-repeat; width: 155px; left: 455px; }
#nav ul li#testimonials a { background: url(/images/n-testimonials.gif) 0 -10px no-repeat; width: 98px; left: 622px;  }

#nav ul li#welcome a:hover, #nav ul li#whatwedo a:hover, #nav ul li#expect a:hover, #nav ul li#testimonials a:hover { background-position: 0 -20px; }
#nav ul li#welcome.active a, #nav ul li#whatwedo.active a, #nav ul li#expect.active a, #nav ul li#testimonials.active a { background-position: 0 0; }


#content { min-height: 455px; margin: 0 22px 0 22px; padding: 54px 0 30px 278px;  background: url(/images/de-circles.jpg) 0 0 no-repeat; }

h2#h2-welcome { width: 443px; height: 14px; background: url(/images/welcome-to.gif) 0 0 no-repeat; text-indent: -999em; margin: 0 0 16px;  }
h2#h2-whatwedo { width: 462px; height: 30px; background: url(/images/h2-what-we-do.gif) 0 0 no-repeat; text-indent: -999em; margin: 0 0 16px;  }
h2#h2-expect { width: 473px; height: 62px; background: url(/images/h2-expect.gif) 0 0 no-repeat; text-indent: -999em; margin: 0 0 16px;  }


#contact-details { position: absolute; top: 230px; left: 36px; }
#contact-details h3 { background: url(/images/tom-darrington.gif) 0 0 no-repeat; width: 131px; height: 27px; margin: 0 0 22px; text-indent: -999em;}
p.tels { width: 137px; height: 26px; background: url(/images/phones.gif) 0 0 no-repeat; text-indent:  -999em; }
#contact-details a.email-address { background: url(/images/email.gif) 0 0 no-repeat; width: 209px; height: 14px; display: block; text-indent: -999em;}
#contact-details a.email-address:hover { background-position: 0 -14px; }

#footer { background: url(/images/footer-bg.gif) bottom left no-repeat; padding: 16px 22px 18px 48px; height: 49px; }
#footer p { margin: 0; color: #7681bf; }
#footer a { color: #7681bf; text-transform: uppercase; text-decoration: none; }
#footer a:hover { color: #004079; } 

.slideshow { margin: 20px 0 0 -3px; }

}  /* close @media rule */