html {margin: 0;padding: 0;}
body {margin: 0;padding: 0;}
body {background: #f5f5f5 url('images/body_bg.jpg') repeat-x; font-family: arial; font-size:12px; color:#333; }
a {color: #333;text-decoration:none}
a:hover {color: #0247ae}
h1 {font-weight:bold; color: #3369b8; font-size:15px; margin: 0 0 5px 0;}
h2 {font-weight:bold; color: #3369b8; font-size:18px; margin-left: 30px; margin-top: 35px;}
hr {margin-bottom: 10px}

#header { width: 884px; margin: 0 auto; background: url(images/header_main.jpg) top; height: 231px;}
#flashbutton{display: block;width: 175px;height: 41px; margin-right:115px; background: url("images/flash.jpg") no-repeat 0 0; float: right;}
#flashbutton:hover{ background-position: 0 -41px;}
#flashbutton span{display: none;}

#menu { width: 884px; margin: 0 auto; top; height: 81px;}
#menu_left{display: block;width: 293px;height: 81px; background: url("images/menu_left.jpg") no-repeat 0 0; float:left;}
#home{display: block;width: 101px;height: 81px;background: url("images/menu_home.jpg") no-repeat 0 0; float: left;}
#home:hover{ background-position: 0 -81px;}
#homeactive {display: block;width: 101px;height: 81px;background: url("images/menu_home_active.jpg") no-repeat 0 0; float: left;}
#home span{display: none;}
#services{display: block;width: 96px;height: 81px;background: url("images/menu_services.jpg") no-repeat 0 0; float: left;}
#services:hover{ background-position: 0 -81px;}
#servicesactive{display: block;width: 96px;height: 81px;background: url("images/menu_services_active.jpg") no-repeat 0 0; float: left;}
#services span{display: none;}
#about{display: block;width: 96px;height: 81px;background: url("images/menu_about.jpg") no-repeat 0 0; float: left;}
#about:hover{ background-position: 0 -81px;}
#aboutactive{display: block;width: 96px;height: 81px;background: url("images/menu_about_active.jpg") no-repeat 0 0; float: left;}
#about span{display: none;}
#tips{display: block;width: 96px;height: 81px;background: url("images/menu_tips.jpg") no-repeat 0 0; float: left;}
#tips:hover{ background-position: 0 -81px;}
#tipsactive{display: block;width: 96px;height: 81px;background: url("images/menu_tips_active.jpg") no-repeat 0 0; float: left;}
#tips span{display: none;}
#contact{display: block;width: 97px;height: 81px;background: url("images/menu_contact.jpg") no-repeat 0 0; float: left;}
#contact:hover{background-position: 0 -81px;}
#contactactive{display: block;width: 97px;height: 81px;background: url("images/menu_contact_active.jpg") no-repeat 0 0; float: left;}
#contact span{display: none;}
#menu_right{display: block;width: 105px;height: 81px; background: url("images/menu_right.jpg") no-repeat 0 0; float:left;}

#contentmain { width: 884px; margin: 0 auto; background: url(images/content_bg.jpg) top repeat-y; }
#contentp {width: 340px; margin-left:140px; line-height: 17px;}
#contentp a {color: #3369b8}
#contentheader { width: 884px; margin: 0 auto; background: url(images/subheader_home.jpg) top; height: 72px;}
.office {margin-top: 10px;margin-bottom: 10px;}
#contentclipboard {width: 228px; height: 288px; background: url(images/clipboard.jpg) top; margin-right:126px; float: right;}
#contentheadersvc { width: 884px; margin: 0 auto; background: url(images/subheader_services.jpg) top; height: 72px;}
#contentsvcpic {width: 251px; height: 267px; background: url(images/services.jpg) top; margin-right:135px; float: right;}
#contentheaderabout { width: 884px; margin: 0 auto; background: url(images/subheader_about.jpg) top; height: 72px;}
#contentaboutpic {width: 248px; height: 189px; background: url(images/about.jpg) no-repeat top; margin-right:128px; float: right;}
#contentaboutpic p {color: #503b86; margin: 200px 10px 0 15px;}
#contentheadertips { width: 884px; margin: 0 auto; background: url(images/subheader_tips.jpg) top; height: 72px;}
#contenttipspic {width: 186px; height: 409px; background: url(images/plumbing_tips.jpg) top; margin-right:160px; float: right;}
#contentheadercontact { width: 884px; margin: 0 auto; background: url(images/subheader_contact.jpg) top; height: 72px;}
#contentcontactpic {width: 255px; height: 306px; background: url(images/contact.jpg) top; margin-right:130px; float: right;}
#contentinfowrap { width: 600px; margin: 0 auto; border-top:thin black; height: 72px;}
#contentbottom { width: 884px; margin: 0 auto; background: url(images/content_bottom.jpg) top; height: 58px;}
li.check {list-style-image:url("images/check.gif"); font-size:17px; font-weight:bold; line-height:22px; margin-left:15px;}
ul.nomargin {margin-left: -20px; margin-top: 0;}
ul.nobullet {list-style-type: none; margin-top:30px; margin-right: 25px; text-align: center; font-size: 13px; font-weight:bold; line-height: 23px}
.blue {color: #3369b8}
.smallwrap {width: 200px; float: left; border-top:1px #d5e4eb solid; padding-top: 15px;}
.smallwrap a {color: #3369b8}
.button {float:right;}
.input  { background: url(images/field.gif) #fff top repeat-x; border: thin #b3b3b3 solid; height: 18px; vertical-align: middle; font-family: arial; font-size:12px; }
.comment  { background: url(images/field.gif) #fff top repeat-x; border: thin #b3b3b3 solid; font-family: arial; font-size:12px; }
.top {vertical-align: top; border:thin}
.noborder {border-style: none;}

#footer { width: 884px; margin: 0 auto; padding-top:5px; text-align: center; height: 58px;line-height: 20px; font-size:14px; color:#555;}
#subfooter { text-align: center; font-size:13px; color:#555; margin-top: 5px;}
#subfooter a{ color:#555;}
#subfooter a:hover {color: #0247ae}

#facebookBadge { margin-top: 10px; padding-bottom: 30px; padding-left: 14px; }