@charset "utf-8";

/* CSS Reset
*******************************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }

table { border-collapse: collapse; border-spacing: 0px; }

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul, 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; }

image { border: 0px; }
a img { border: none; }



/* Body
*******************************************************************************/

body.home { background: #fff url('images/bg_home.jpg') repeat-x 50% 0; }
body { background: #fff url('images/bg.jpg') repeat-x 50% 0; }

#all { width: 960px; margin: 0px auto 0px auto; }



/* Text styles
*******************************************************************************/

a, a:visited { color: #3f8ccf; font-size: 12px; font-family: "arial", "verdana", sans-serif; text-decoration: none; }

a:hover { text-decoration: underline; }



p { margin-bottom: 10px; }

strong { font-weight: bold; }

i, em { font-style: italic; }

p, ul, ol, td, div { color: #124a7a; font-size: 12px; font-family: "arial", "verdana", sans-serif; line-height: 18px; }

h1 { color: #124a7a; font-weight: bold; font-size: 18px; padding-bottom: 8px; line-height: 22px; }

h2 { color: #ed1c24; font-weight: bold; font-size: 16px; padding-bottom: 8px; }

h3 { color: #124a7a; font-weight: bold; font-size: 12px; padding-bottom: 8px; }

h4 { color: #3c92de; font-weight: bold; font-size: 24px; padding: 18px; line-height: 22px; border: 1px #9ad5ff solid; background-color: #cde8fb; margin-bottom: 15px; }

h4 a { color: #3c92de; font-weight: bold; font-size: 24px; }

.rule { margin: 20px 0px 15px 0px; border-top: 1px #e0e0e0 dashed;  }




/* Global
*******************************************************************************/

ul.standard { margin: 10px 0px 15px 35px; }

ul.standard li { padding: 4px; list-style: disc; }


#header { width: 960px; height: 195px; }

#logo { width: 415px; height: 183px; float: left; margin: 10px 0px 0px 0px; }

#top_contact { width: 455px; height: 105px; float: left; margin: 10px 0px 0px 90px; }

#topmenu_wrap { width: 200px; height: 19px; float: left; margin: 20px 0px 0px 0px; }

#top_button_quote { width: 208px; height: 56px; float: left; margin: 0px 0px 0px 30px; }

#top_phone { width: 428px; height: 27px; padding: 70px 0px 0px 0px; }

#mainmenu_wrap { width: 960px; height: 52px; margin: 0px auto 0px auto; }

#hero_home { width: 960px; height: 472px; margin: 5px 0px 5px 0px; }

#hero { width: 960px; height: 322px; margin: 5px 0px 5px 0px; }

#column1 { width: 680px; float: left; margin: 0px 10px 0px 0px; }

#title { width: 680px; height: 52px; }

#home_column1 { width: 270px; float: left; padding: 20px 20px 20px 20px; }

#home_column2 { width: 330px; float: left; padding: 20px 20px 20px 20px; }

.home_thumb { width: 107px; height: 86px; float: left; padding: 0px 10px 10px 10px; }
.home_intro { width: 160px; float: left; padding: 0px 0px 10px 10px; }

#column2 { width: 270px; float: left; margin: 0px 0px 0px 0px; }

#quote_title { width: 270px; height: 52px; }

#column2_inside { background-color: #9ad5ff; padding: 10px 20px 0px 25px; overflow: hidden; }
#column2_bottom { width: 270px; height: 76px; }

#inside_column1 { padding: 20px 30px 20px 20px; }


.form1 { width: 70px; float: left; padding: 3px; }
.form2 { width: 130px; float: left; padding: 3px; }

input.quote, textarea.quote { background-color: #cde8fb; color: #124a7a; font-size: 12px; font-family: "arial", "verdana", sans-serif; border: 1px #92c0e1 solid; padding: 3px; }


ul.sitemap li { width: 300px; padding: 5px; border-bottom: 1px #e0e0e0 dashed; margin-left: 20px; }  



/* Footer
*******************************************************************************/

#footer { height: 140px; background-image: url('images/footer_bg.gif'); background-repeat: repeat-x; margin-top: 20px; }

#footer_wrap { width: 960px; height: 120px; margin: 0px auto 0px auto; color: #fff; }

#footer_contents { width: 960px; margin: 0px auto 0px auto; padding-top: 20px; font-size: 12px; float: left; }

#footer_contents a { color: #fff; }

 #footer_contents p { color: #000; }


#footer1 { color: #3f8ccf; font-size: 12px; padding: 25px 0px 0px 0px; float: left; }

#footer2 { width: 54px; height: 20px; position: relative; top: 0px; left: 5px; margin-right: 10px; float: left; padding: 25px 0px 0px 0px; }

#footer3 { color: #3f8ccf; font-size: 12px; float: left; padding: 25px 0px 0px 0px; }

#footer1 a, footer2 a, #footer3 a { color: #3f8ccf; }




/* Top nav
*******************************************************************************/

ul#topmenu { width: 200px; height: 19px; display: block; overflow: hidden; list-style: none; padding: 0px; }

ul#topmenu li { float: left; height: 19px; margin: 0px; list-style: none; padding: 0px; }

ul#topmenu li a#home,  ul#topmenu li a#home:visited { display:block; width: 51px; height: 19px; background:url('images/top_nav_bg.png') no-repeat 0px 0px; text-indent:-9999px; outline:0; }
ul#topmenu li a#home:hover { background-position: 0px -19px; }

ul#topmenu li a#about,  ul#topmenu li a#about:visited { display:block; width: 72px; height: 19px; background:url('images/top_nav_bg.png') no-repeat -51px 0px; text-indent:-9999px; outline:0; }
ul#topmenu li a#about:hover { background-position:-51px -19px; }

ul#topmenu li a#contact,  ul#topmenu li a#contact:visited { display:block; width: 77px; height: 19px; background:url('images/top_nav_bg.png') no-repeat -123px 0px; text-indent:-9999px; outline:0; }
ul#topmenu li a#contact:hover { background-position:-123px -19px; }


/* Main nav
*******************************************************************************/

ul#mainmenu { width: 960px; height: 52px; display: block; overflow: hidden; list-style: none; padding: 0px; }

ul#mainmenu li { float: left; height: 52px; margin: 0px; list-style: none; padding: 0px; }

ul#mainmenu li a#domestic,  ul#mainmenu li a#domestic:visited { display:block; width: 138px; height: 52px; background:url('images/main_nav_bg.gif') no-repeat 0px 0px; text-indent:-9999px; outline:0; }
ul#mainmenu li a#domestic:hover { background-position: 0px -52px; }

ul#mainmenu li a#hot_water,  ul#mainmenu li a#hot_water:visited { display:block; width: 137px; height: 52px; background:url('images/main_nav_bg.gif') no-repeat -138px 0px; text-indent:-9999px; outline:0; }
ul#mainmenu li a#hot_water:hover { background-position:-138px -52px; }

ul#mainmenu li a#gas_fitting,  ul#mainmenu li a#gas_fitting:visited { display:block; width: 137px; height: 52px; background:url('images/main_nav_bg.gif') no-repeat -275px 0px; text-indent:-9999px; outline:0; }
ul#mainmenu li a#gas_fitting:hover { background-position:-275px -52px; }

ul#mainmenu li a#commercial,  ul#mainmenu li a#commercial:visited { display:block; width: 137px; height: 52px; background:url('images/main_nav_bg.gif') no-repeat -412px 0px; text-indent:-9999px; outline:0; }
ul#mainmenu li a#commercial:hover { background-position:-412px -52px; }

ul#mainmenu li a#drains_pipes,  ul#mainmenu li a#drains_pipes:visited { display:block; width: 137px; height: 52px; background:url('images/main_nav_bg.gif') no-repeat -549px 0px; text-indent:-9999px; outline:0; }
ul#mainmenu li a#drains_pipes:hover { background-position:-549px -52px; }

ul#mainmenu li a#down_hole,  ul#mainmenu li a#down_hole:visited { display:block; width: 137px; height: 52px; background:url('images/main_nav_bg.gif') no-repeat -686px 0px; text-indent:-9999px; outline:0; }
ul#mainmenu li a#down_hole:hover { background-position:-686px -52px; }

ul#mainmenu li a#renovations,  ul#mainmenu li a#renovations:visited { display:block; width: 137px; height: 52px; background:url('images/main_nav_bg.gif') no-repeat -823px 0px; text-indent:-9999px; outline:0; }
ul#mainmenu li a#renovations:hover { background-position:-823px -52px; }