/*
Developed by Step Online Ltd
Knowles Plumbing Screen CSS  
Created 24th August 2008  
All Rights Reserved
*/

/* Global Reset */
html, body, p, h1, h2, h3, h4, h5, h6, img, ol, ul, li, dfn, div, strong, em, dd, dt, dl, form, input, textarea, select, option, a, fieldset, legend { margin: 0; padding: 0; outline: none; border: 0; font-size: 100% }
img, a img { border: 0 }
body { font-size: 62.5% }
/* End Global Reset */

/* Site Structure */
body { text-align: center }
#siteHolder { width: 760px; margin: 22px auto; text-align: left; font: 1.2em/1.5em "Verdana",Arial,sans-serif; position: relative }
#siteInner { background: url(http://www.knowlesplumbingyork.com/images/header.jpg) no-repeat top right }
#content { width: 510px; margin-left: 244px; text-align: justify; padding: 202px 0 22px 0 }
/* End Site Structure */

/* Navigation */
#nav { background: #3F413C; width: 208px; text-indent: 18px; padding: 16px 0; list-style: none; font-size: 120%; margin-top: 75px; float: left; display: inline; position: relative }
#nav a { color: #FFF; font-weight: bold; text-transform: lowercase; border: none }
#nav a:focus, #nav a:hover, #nav a:active { color: #95C535 }
#commercial, #domestic { float: left; position: relative; display: inline; clear: left; width: 205px; height: 87px; border: none; text-indent: -9999em }
#commercial { background: url(http://www.knowlesplumbingyork.com/images/commercial-services.jpg) no-repeat }
#domestic { background: url(http://www.knowlesplumbingyork.com/images/domestic-services.jpg) no-repeat }
#commercial:focus, #commercial:hover, #domestic:focus, #domestic:hover { background-position: -205px 0 }
#pageHome li.home a, #pageAbout li.about a, #pageHeating li.heating a, #pagePlumbing li.plumbing a, #pageContact li.contact a { color: #95C535 !important }
/* End Navigation */

/* Contact Form */
#pageContact form p { background: #EDFAD8; padding: 8px 0; width: 320px; border: 1px #D0F198 solid; overflow: auto }
#pageContact form p.buttonp, #pageContact form p#log_res { border: 0; background: none; padding: 0 }
label { float: left; display: inline; position: relative; width: 120px; text-indent: 8px }
input, textarea { float: left; position: relative; display: inline; padding: 2px; width: 188px; background: #FFF; border: 1px #D0F198 solid }
textarea { font: 1em/1.6 "Lucida Sans",Arial,sans-serif }
.fValidator-msg { clear: both; padding-top: 6px; color: #B1B1B1; margin-left: 120px }
#pageContact .right { float: right; position: relative; display: inline; width: 280px; margin-top: -12px }
fieldset { padding: 0 18px; border: 1px #D0F198 solid }
legend { padding: 12px }
/* End Contact Form */

/* Footer */
#footer { color: #FFF; background: #3F413C; padding: 12px; overflow: auto }
.footerLeft { width: 35%; float: left; position: relative; display: inline }
#footer ul { list-style: none; margin: 0 }
#footer li { display: inline; padding: 0 4px 0 0 }
#footer p { margin: 0; text-align: right }
#footer .footerLeft p { text-align: left }
#footer .footerLeft p a { color: yellow }
#footer a { text-decoration: none; border: none; color: #95C535 }
#footer a:focus, #footer a:hover, #footer a:active { color: #FFF }
/* End Footer */

/* Links */
a { color: #CD8028; cursor: pointer; text-decoration: none; border-bottom: 1px #CD8028 solid }
a:focus, a:hover, a:active { color: orange; border-bottom: 1px orange solid }
/* End Links */

/* Typography */
p, ul, ol { margin: 0 0 1em 0 }
h2, h3, legend { text-align: left; line-height: 1em; font: 2.4em Arial,serif; letter-spacing: -1px; word-spacing: 1px; color: #95C535; margin: 0; padding-top: 0.4em }
h3, legend { font-size: 1.6em }
#content ul, #content ol { margin-left: 30px }
#content li { padding: 1px 0 }
/* End Typography */

/* Tools & Hacks */
.discreet, h1, .human, .ieignore { position: absolute; top: -9999em; left: -9999em }
.human { display: none; visibility: hidden }
.button { width: auto; margin: 0; position: static; padding: 2px; color: #4A6F0F; border: 1px #4A6F0F solid; font-size: 130% }
.clear { clear: both }
/* End Tools & Hacks */