@charset "utf-8";
/* CSS Document */

body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-image:url(images/gray-bg-repeat.png); background-repeat:repeat-x; background-position: top center; padding:0; margin:0;}

#div-container{margin-left:auto; margin-right:auto; width:910px; background-image:url(images/content-bg-repeat.png); background-repeat:repeat-y; overflow:hidden;}
h1{color:#c71212; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px;}

#div-header{padding:29px 50px 28px 45px;}
#div-header-logo{float:left;}
#div-header-contact{float:right; line-height:14px;}

#div-header-contact ul{padding:0; margin:0; list-style:none; font-weight:bold; text-align:right; font-size:13px;}
#div-header-contact ul li{padding:5px 0 0 0;}
#div-header-contact ul li a, a:visited{color:#333; text-decoration:none; font-size:11px;}

.call-us-image{background:url(images/contact-phone-image.png); position:relative; top:6px; left:20px; background-repeat:no-repeat; display:inline-block; width:22px; height:22px; padding:0 0 0 23px;}
.email-us-image{background:url(images/contact-email-image.png); position:relative; top:7px; left:5px; background-repeat:no-repeat; display:inline-block; width:47px; height:22px;}


#div-navigation{background-image:url(images/nav-bg.png); background-repeat:no-repeat; height:56px; position:relative; left:5px; width:900px;}
#div-navigation ul{padding:0; margin:0; text-align:center;}
#div-navigation ul li{padding:0; margin:0; float:left; display:inline; height:56px;}
#div-navigation ul li a{text-decoration:none; color:#FFF; font-size:16px;}
#div-navigation ul li a:visited{}
#div-navigation ul li a:hover{background:url(images/nav-bg-hover.png); background-repeat:repeat-x;}

.services{display:block; width:188px; height:56px;}
.about-us{display:block; width:170px; height:56px;}
.service-area{display:block; width:199px; height:56px;}
.contact{display:block; width:180px; height:56px;}
.home{display:block; width:163px; height:56px;}

.services-menu{position:relative; top:20px;}
.about-us-menu{position:relative; top:20px;}
.service-area-menu{position:relative; top:20px;}
.contact-menu{position:relative; top:20px;}
.home-menu{position:relative; top:20px;}

#div-banner{padding:0 0 0 5px;}

#div-content{padding:15px 25px 0 30px;}
#div-content-left{float:left; width:575px; line-height:18px;}
#div-content-right{float:right; width:250px;}

#div-content-left a, a:visited{color:#ba0f0f; text-decoration:underline; font-size:11px;}
#div-content-left a:hover{color:#ba0f0f; text-decoration:none; font-size:11px;}

#quick-container{width:244px; padding:40px 50px 0 0;}
#quick-top{background-image:url(images/quick-links-top.png); background-repeat:no-repeat; height:14px;}
#quick-mid{background-image:url(images/quick-links-mid.png); background-repeat:repeat-y; overflow:hidden;}
#quick-bot{background-image:url(images/quick-links-bot.png); background-repeat:no-repeat; height:18px;}

#quick-mid ul{list-style:none; line-height:40px;}
#quick-mid ul li{}
#quick-mid ul li a, a:visited{text-decoration:underline;color:#ba0f0f; font-size:18px;}
#quick-mid ul li a:hover{text-decoration:none; color:#ba0f0f;}

.quick-services{background:url(images/quick-plumber.jpg) no-repeat left center; padding:0 0 0 50px;}
.quick-about{background:url(images/quick-book.jpg) no-repeat left center; padding:0 0 0 62px; position:relative; right:12px;}
.quick-service-area{background:url(images/quick-globe.jpg) no-repeat left center; padding:0 0 0 50px; position:relative; right:0px;}
.quick-contact{background:url(images/quick-phone.jpg) no-repeat left center; padding:0 0 0 53px; position:relative; right:3px;}

.clear-float{clear:both;}

#footer{padding:60px 0 40px 0; text-align:center;}
#footer a, a:visited{text-decoration:underline;color:#ba0f0f; font-size:11px;}
#footer a:hover{text-decoration:none;color:#ba0f0f; font-size:11px;}
