*, html { margin: 0; padding: 0; }
body { background: #FFF; font-family: Arial, Sans-serif; font-size: 76.1%; line-height: 1.5; color: #555; }
p, ul, ol, h1, h2, h3, h4 { padding: 0.5em 0 0.35em; }
.headline, .headline a { padding-top: 0; font-family: Arial; text-decoration: none; color: #FFCC33; }
#content ul, #content ol { margin-left: 35px; }
a { color: #00b3ff; }
a:hover { color: #000; }

#wrapper { width: 1000px; margin: 0 auto; }
#header { height: 255px; background: url(images/HeaderPhoto.jpg) center top no-repeat; overflow: hidden; }
h1.logo { background: url(images/logo.png) left top no-repeat; width: 284px; height: 163px; position: absolute; margin: 50px 0 0 50px; text-indent: -9999px; z-index: 10; }
h1.logo a { display: block; width: 274px; height: 123px; border: 0px dotted #f00; }
h3.logo { display: none; }
h1.headerbar { background: url(images/qa.gif) left top no-repeat; margin-top: 120px; width: 1000px; height: 109px; z-index: 9; position: absolute; text-indent: -9999px; }

#nav, #footer { background-color: #000; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; width: 750px; height: 35px; margin: 0 auto; }
#menu { list-style-type: none; overflow: hidden; padding: 0 0 0 15px; height: 35px }
#menu li { float: left; margin: 0 5px; padding: 0; }
#menu li ul, #menu li ul li ul, #menu li:hover ul li ul { display: none; }
#menu li a { background: url(images/nav-bg.png) center center no-repeat; text-align: center; color: #fed459; font-size: 1.2em; text-decoration: none; display: block; width: 110px; height: 29px; padding-top: 6px; }
#menu li:hover a { background: url(images/nav-on-bg.png) center center no-repeat; color: #000; }
#menu li:hover ul { display: block; position: absolute; list-style-type: none; padding: 0 3px 4px; font-size: 0.9em; margin-left: -3px; }
#menu li:hover ul li { float: none; margin: 0; }
#menu li:hover ul li a, #menu li:hover ul li:hover ul li a, #menu li:hover ul li:hover ul li:hover ul li a  { background: #000 url(images/nav-bg.png) center center no-repeat; text-align: center; color: #fed459; font-size: 12px; text-decoration: none; display: block; width: 114px; height: 23px; padding: 2px 2px 0; }
#menu li:hover ul li:hover a,#menu li:hover ul li:hover ul li:hover a, #menu li:hover ul li:hover ul li:hover ul li:hover a { background: #000 url(images/nav-on-bg.png) center center no-repeat; color: #000; }
/*level 3*/
#menu li ul li:hover ul { display: block; position: absolute; margin-left: 112px; margin-top: -25px; }
#menu li:hover ul li:hover ul li a, #menu li ul li:hover ul li:hover ul li a { background: #000 url(images/nav-bg.png) center center no-repeat; text-align: center; color: #fed459; text-decoration: none; display: block; width: 114px; height: 21px; padding: 2px 2px 0; }
#menu li:hover ul li:hover ul li:hover a, #menu li:hover ul li:hover ul li:hover ul li:hover a { background: #000 url(images/nav-on-bg.png) center center no-repeat; color: #000; }
/*level 4*/
#menu li ul li:hover ul li ul { display: none; }
#menu li ul li:hover ul li:hover ul { display: block; position: absolute; margin-left: 112px; margin-top: -25px; }

#container { overflow: hidden; width: 750px; padding: 0; margin: 20px auto 10px; }
#content { padding: 0 20px; }
#homeLeft, #homeMid, #homeRight { float: left; }
#homeLeft { width: 245px; padding: 0 5px 0 0; }
#homeRight { width: 245px; padding: 0 0 0 5px; }
#homeMid { width: 218px; border: 1px solid #999; border-width: 0 1px; padding: 0 15px; text-align: center; padding-bottom: 30px; }

h3.annivLogo { background: url(images/100yearsLogo.gif) left top no-repeat; height: 91px; width: 206px; margin: 0 auto; text-indent: -9999px; border-bottom: 1px solid #666; }
h3.subHeadline { font-size: 1.2em; color: #000; }

p.footerNav { text-align: center; color: #aaa; font-size: 0.9em; padding-top: 8px; }
p.footerNav a { text-decoration: none; color: #fff; }
p.footerNav a:hover { text-decoration: underline; }

.readMore a { color: #00b3ff; text-transform: uppercase; text-decoration: none; }
.readMore a:hover { color: #000; }

#boxlist { overflow: hidden; list-style-type: none; }
#boxlist li { float: left; width: 242px; margin: 5px 3px; height: 120px; }
#boxlist li a { display: block; width: 242px; height: 110px; padding-top: 10px; color: #fed459; font-size: 1.8em; text-align: center; text-transform: uppercase; font-weight: bold; text-decoration: none; text-indent: -9999px; }
#boxlist li.item-1 a { background: url(images/box_ac.jpg) center center no-repeat; }
#boxlist li.item-2 a { background: url(images/box_plumbing.jpg) center center no-repeat; }
#boxlist li.item-3 a { background: url(images/box_heating.jpg) center center no-repeat; }
#boxlist li.item-4 a { background: url(images/box_schedule.jpg) center center no-repeat; }
#boxlist li.item-5 a { background: url(images/box_contact.jpg) center center no-repeat; }
#boxlist li.item-6 a { background: url(images/box_savings.jpg) center center no-repeat; }
#boxlist li.item-1 a:hover { background-image: url(images/box_on_ac.jpg); }
#boxlist li.item-2 a:hover { background-image: url(images/box_on_plumbing.jpg); }
#boxlist li.item-3 a:hover { background-image: url(images/box_on_heating.jpg); }
#boxlist li.item-4 a:hover { background-image: url(images/box_on_schedule.jpg); }
#boxlist li.item-5 a:hover { background-image: url(images/box_on_contact.jpg); }
#boxlist li.item-6 a:hover { background-image: url(images/box_on_savings.jpg); }

small.theTime { float: right; margin-top: -25px; color: #999; text-align: right; }
.postmetadata { font-size: 0.9em; background: #fafafe; padding-left: 10px; margin: 10px 0 20px; }
textarea#comment { width: 565px; }
#content ul, #content ol { margin-left: 35px; }
form#commentform { margin-left: 35px; padding: 10px 20px; background: #e6e6e6; }
li.comment { padding: 10px 20px; background: #F7F7F7; margin: 10px 0;  }
h3#comments, #respond h3 { border-bottom: 1px solid #996600; font-family: Georgia; font-weight: normal; font-style: italic; }
img.avatar { float: left; width: 32px; height: 32px; margin-right: 10px; }
cite.fn a { color: #7cab41; font-weight: bold; text-decoration: none; font-style: normal; }
.commentmetadata a { font-size: 0.9em; text-decoration: none; color: #999; }
.says { display: none; }
ol.commentlist { list-style-type: none; margin-left: 0; }
ol.commentlist li p { font-size: 0.95em;}

.wpcf7-form label { width: 160px; float: left; }
:focus, a:active { outline: none; }
#searchbox { position: absolute; margin-left: 630px; margin-top: -15px; width: 250px; }
#searchbox input { width: 90px; font-size: 11px; color: #000; border: 1px solid #ccc; }
#searchbox input.button { background: #999; color: #fff; width: 22px; cursor: pointer; }
#searchbox label.screen-reader-text { display: none; }

#home-content { clear: both; margin: 20px 0; padding-top: 20px;text-align: justify; }
#footer { background-image: none; background-color: #000; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; height: auto; text-align: center; font-size: 11px; }

p.footlinks { padding: 5px 20px; }
p.footlinks a { color: #FFF; margin: 0 5px; text-decoration: none; }
p.footlinks a:hover { text-decoration: underline; }

a img {border: none;}
.center {text-align: center; }