/* CSS Document */

@import url(/css/forms.css);
@import url(/css/nav.css);

body, form{
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}

.float-left{ float:left}
.float-right{float:right}
.clear-left{clear:left}
.clear-right{clear:right}
.clear-both{clear:both}






/* =Global - added by 420 Creative -------------------------------------------------------------------*/
a {
	color: #017ec0;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #68b413;
}

/* FONT STYLE */

.phone_font{
	float:right;
	/*padding:48px 5px 0 0;*/
	margin: 56px 5px 0 0;
	padding-left: 36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bolder;
	color:#000000;
	text-decoration:none;
	background: url(/images/png/phone.png) no-repeat 0 0;
}

.hd_font{
	float:left;
	/*padding:30px 0 0 15px;*/
	padding: 42px 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bolder;
	color:#00519B;
	text-decoration:none;
}

.hd_font span {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.mbupper_font{
	float:right;
	padding:9px 34px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	color:#FFFFFF;
	text-decoration:none;
}

.mblower_font{
	float:left;
	padding:20px 0 0 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color:#FFFFFF;
	text-decoration:none;
}

.estimate_font1{
	padding:18px 0 0 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	color:#FFFFFF;
	text-decoration:none;
}

.estimate_font2{
	padding:0 0 0 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#FFFFFF;
	text-decoration:none;
}

.creditcards_font{
	padding:10px 0 0 36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#000000;
	text-decoration:none;
}

.footer_font{
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}

.footer_font a:hover{
	text-decoration:underline;
}

/* MAIN BACKGROUND STYLE */

#mainbg{
	background:url(../images/mainbg.jpg) repeat-x center top; 
	width:100%; 
	height:294px;
}

#wrapper{
	height:auto !important;
	margin:0 auto;
	width:928px;
	height:100%;
	min-height:100%;
}

.clear{
	clear:both;
}

/* HEADER STYLE */

#header_area{
	width:928px; 
	height:110px;
}

#header_bodybg{
	background:url(../images/png/bodybg.png) repeat-y;
	behavior: url(iepngfix.htc); 
	width:928px; 
	height:110px;
	position:absolute;
}

.header_bodybg_area{
	margin-left:14px; 
	width:900px; 
	height:110px;
}

.headerbg{
	background:url(../images/headerbg.jpg) repeat-x #fff;
	width:900px; 
	height:110px;
	position: relative;
}


#logo1{
	float:left;
	background:url(../images/png/logo1.png) no-repeat;
	behavior: url(iepngfix.htc); 
	width:211px; 
	height:88px;
	margin: 10px 0 0 0;
}

#logo2{
	background:url(../images/logo2.jpg) no-repeat; 
	width:243px; 
	height:75px;
}

.hdtext_area{
	margin-left:284px;
	background:url(../images/pdlocktop.jpg) no-repeat; 
	width:416px; 
	height:88px;
	position:absolute;
}

.hd_right{
	margin-left:700px; 
	background:url(../images/png/phone_credit.png) no-repeat;
	behavior: url(iepngfix.htc); 
	width:200px; 
	height:88px;
	position:absolute;
}

#header_note h1{
	margin:0px;
	padding:0px;
	padding-top:28px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bolder;
	color:#000000;
	text-decoration:none;
	text-align:justify;
}

.phone_icon{
	float:right;
	margin-top:48px;
	margin-right:5px; 
	background:url(../images/png/phone.png) no-repeat;
	behavior: url(iepngfix.htc); 
	width:31px; 
	height:26px;
}

#cc {
margin: 0 -13px 0 0;
background: url(../images/credit_card_icons.png) no-repeat 0 0;
width: 213px;
height: 100px;
position: absolute;
right: 2px;
top: 2px;
}

#cc p.phone {
	padding: 38px 0 0 55px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
}



/* MAINBANNER STYLE */

#mainbanner_area{
	width:928px; 
	height:196px;
}

#mb_bg{
	background:url(../images/png/bodybg.png) repeat-y;
	behavior: url(iepngfix.htc); 
	width:928px; 
	height:196px;
}

#mb_left{
	float:left; 
	padding-left:14px; 
	width:444px; 
	height:196px;
}

.mbleft_bg{
	float:left; 
	background:url(../images/mb_left.jpg) no-repeat; 
	width:444px; 
	height:196px;
}

#mb_right{
	float:right; 
	padding-right:14px; 
	width:456px; 
	height:196px;
}

.mbright_bg{
	background:url(../images/mb_right.jpg) no-repeat; 
	width:456px; 
	height:196px;
}

/* MENU STYLE */

#menu_area{
	width:928px; 
	height:51px;
}

#menu_bg{
	background:url(../images/png/bodybg.png) repeat-y;
	behavior: url(iepngfix.htc); 
	width:928px; 
	height:51px;
}

.menu_top{
	padding-left:14px; 
	width:900px; 
	height:37px;
	position:absolute;
	z-index: 100;
}

.menu_btm{
	padding-left:14px;
	margin-top:37px; 
	width:900px; 
	height:14px;
	position:absolute;
}

.m_left{
	float:left; background:url(../images/m_left.jpg) no-repeat; 
	width:31px; 
	height:37px;
}

.m_body{
	float:left; 
	width:843px; 
	height:37px; 
	background:url(../images/menubg.jpg) repeat-x;
}

.m_right{
	float:right; 
	background:url(../images/m_right.jpg) no-repeat; 
	width:26px; 
	height:37px;
}

.mbtm_left{
	float:left; 
	background:url(../images/mbtm_left.jpg) no-repeat; 
	width:31px; 
	height:14px;
}

.mbtm_body{
	float:left; 
	width:843px; 
	height:14px; 
	background:url(../images/mbtm_body.jpg) repeat-x;
}

.mbtm_right{
	float:right; 
	background:url(../images/mbtm_right.jpg) no-repeat; 
	width:26px; 
	height:14px;
}

#navimenu{
	width:840px; 
	height:37px; 
	padding: 0px;
}

#navimenu ul{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

#navimenu ul li{
	width:168px;
	float:left;
}

#navimenu ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:168px;
	height:37px;
	line-height:37px;
	background:url(../images/navimenu.jpg);
}

#navimenu a:hover{
	font-size:11px;
	font-weight:bolder;
	color:#000000;
	text-decoration:none;
	background-position:0px -37px;
}

/*#navimenu a.active,*/
#home #navimenu #nav-home a,
#emergency #navimenu #nav-emergency a,
#sewer #navimenu #nav-sewer a,
#water #navimenu #nav-water a,
#backflow #navimenu #nav-backflow a,
#remodel #navimenu #nav-remodel a {
	font-size:11px;
	font-weight:bolder;
	color:#000000;
	text-decoration:none;
	background-position:0px -37px;
}

/* CONTENT STYLE */

#content_area{
	width:928px; 
	height:inherit;
}

#contentbg{
	float:left; 
	background:url(../images/png/contentbg.png) repeat-y center top;
	behavior: url(iepngfix.htc); 
	width:928px; 
	height:inherit;
}

#contentbg_top{
	float:left;
	margin-left:14px;
	-margin-left:7px;
	background:url(../images/contentbg_top2.jpg) no-repeat center top;
	width:900px; 
	height:inherit;

}

/* LEFT CONTENT STYLE */

#leftcontent_area{
	float:left; 
	padding-left:14px; 
	width:253px; 
	height:auto;
}

#couponlink_1{
	width:253px; 
	height:88px;
	padding-bottom:6px;
}

#couponlink_1 a{
	display:block;
	width:253px;
	height:88px;
	background:url(../images/10percentoff.jpg) no-repeat;
}

#couponlink_2{
	width:253px; 
	height:120px;
	padding-bottom:6px;
	margin-bottom: 10px;
}

#couponlink_2 a{
	display:block;
	width:253px;
	height:120px;
	background:url(../images/coupons.png) no-repeat;
}

#couponlink_2 a:hover {
	display:block;
	width:253px;
	height:120px;
	background:url(../images/coupons_hover.png) no-repeat;
}

#estimate_area{
	width:253px; 
	height:auto;
}

#estimate_area2{
	width:253px; 
	height:auto;
	padding-bottom:5px;
}

.estimate_top{
	background:url(../images/estimate_top.gif) no-repeat; 
	width:253px; 
	height:47px;
}

.estimate_body{
	width:253px; 
	height:auto; 
	background-color:#00539B;
	margin-top: -12px;
}

.estimate_btm{
	background:url(../images/estimate_btm.gif) no-repeat; 
	width:253px; 
	height:13px;
	clear: both;
}

#preventive{
	width:253px; 
	height:86px; 
	padding-bottom:5px;
}

#preventive a{
	display:block;
	width:253px; 
	height:86px;
	background-image:url(../images/prev.jpg);
	background-position:top; 
}

#preventive a:hover{
	background-position:bottom;
}

#contact_us{
	 margin-top:6px; 
	 -margin-top:3px; 
	 background:url(../images/call.jpg) no-repeat; 
	 width:253px; 
	 height:73px;
}


#creditcards{
	margin-top:6px;
	background:url(../images/creditcards.gif) no-repeat; 
	width:253px; 
	height:78px;
}

#testimonials{
	margin-top:6px;
	padding: 70px 25px 10px 30px;
	width:203px;
	height:325px;
	background:url(../images/sticky-note.jpg) no-repeat;
	display:block;
}

#testimonials p {
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	padding-top: 10px;
	padding-bottom: 2px;
	margin: 0;
	border-top: 1px solid #feca2e;
	margin-top: 10px;
}

#testimonials p span {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 3px;
}

#testimonials a {
	font-size: 10px;
	white-space: nowrap;
	font-family: Arial, Verdana, sans-serif;
}



/* RIGHT CONTENT STYLE */

#rightcontent_area{
	float:right; 
	padding-right:14px; 
	width:608px; 
	height:auto;
}

.allpro_faucet{
	float:right;
	margin-left:10px; 
	background:url(../images/faucet.jpg) no-repeat; 
	width:164px; 
	height:123px;
}

.allpro_waterheater{
	float:right;
	margin-left:10px;
	margin-top:20px;
	-margin-top:10px; 
	background:url(../images/Rheem-water-heater.jpg) no-repeat; 
	width:125px; 
	height:336px;
}

.allpro_backflow{
	float:right;
	margin-left:10px;
	margin-top:20px;
	-margin-top:10px; 
	background:url(../images/backflow.jpg) no-repeat; 
	width:214px; 
	height:143px;
}

.allpro_satisfaction{
	background:url(../images/satisfaction.gif) no-repeat center top; 
	width:608px; 
	height:160px;
}

#content_note h1{
	margin:0px;
	padding:0px;
	padding:9px 11px 9px 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bolder;
	color:#017EC0;
	text-decoration:none;
/*	text-align:justify;*/
}

#content_note h2{
	margin:0px;
	padding:0px;
	padding:18px 11px 9px 11px;
	-padding:9px 11px 9px 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bolder;
	color:#017EC0;
	text-decoration:none;
/*	text-align:justify;*/
}

#content_note h3{
	margin:0px;
	padding:0px;
	padding:10px 11px 0 50px;
	padding-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	color:#017EC0;
	text-decoration:none;
/*	text-align:justify;*/
}

#content_note h4{
	margin:0px;
	padding:0px;
	padding:10px 11px 15px 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#017EC0;
	text-decoration:none;
	text-align:justify;
}

#content_note h5{
	margin:0px;
	padding:0px;
	padding:10px 11px 15px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	text-align:justify;
}

#content_note h6{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bolder;
	color:#017EC0;
	text-decoration:none;
	text-align:center;
}

#content_note p{
	margin:0px;
	padding:0px;
	padding:0 11px 9px 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-decoration:none;
	text-align:justify;
}

#content_note ul{
	margin:0px;
	padding:0px;
	padding:5px 50px 10px 80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:justify;
}

#content_note2 ul{
	margin:0px;
	padding:0px;
	padding:5px 0 10px 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:justify;
}

#inserted_bullet ul{
	margin:0px;
	padding:0px;
	padding:0 0 0 120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:justify;
}

.content_font{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#000000;
}

.content2_font{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	color:#000000;
}

.content3_font{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	color:#017EC0;
}

.repairman{
	float:left; 
	margin-top:60px; 
	background:url(../images/repairman.gif) no-repeat; 
	width:140px; 
	height:146px;
}

.toilet_maintenance{
	background:url(../images/toilet_maintenance.gif) no-repeat center top; 
	width:608px; 
	height:216px;
}


#thankyou_note p{
	margin:0;
	padding:0;
	padding-top:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	text-align:justify;
}

img.coupon {
	padding-bottom: 20px;
}

.call_us{
	padding-bottom:10px; 
	background:url(../images/callus-1.gif) no-repeat center top; 
	width:608px; 
	height:214px;
}

.testimonial_box{
	margin-top:6px;
	width:600px;
	border:2px solid #999999;
	height:auto;
}

#testimonial_note p{
	margin:0px;
	padding:9px 11px 9px 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-decoration:none;
	text-align:justify;
}

/* FOOTER STYLE */

#footer_area{
	clear:both; 
	width:928px; 
	height:82px;
}

#footer_shadow{
	float:left; 
	background:url(../images/png/bodybg.png) repeat-y;
	behavior: url(iepngfix.htc); 
	width:928px; 
	height:82px;
}

#footerbg{
	float:left; 
	margin-left:14px; 
	background:url(../images/footerbg.jpg) repeat-x; 
	width:900px; 
	height:82px; 
	position:absolute;
}
.cities {
	padding: 4px 0 4px 0;
	line-height:100%;	
	font-family: Arial;
	font-size: 11px;
	background:url(../images/bullet1.gif) no-repeat left center;	
	text-align: left;
}
.cities a, .cities a:hover{	
	margin-left:20px;
	text-decoration:none;
	font-weight: normal;
}
.cities a{		
	color:#000000;
}
.cities a:hover{
	color:#E3BA0A;
}
.Next {
	padding: 4px 0 4px 0;
	line-height:150%;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: right;
}
.Next a, .Next a:hover{
	font-weight:bold;	
	margin-left:20px;
	text-decoration:none;
}
.Next a{
	color:#FFCC00;
}
.Next a:hover{
	color:#000;
}






/* =Misc -------------------------------------------------------------------*/
.quotebox {
	background: #ffa95e;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #df691e;
	padding: 8px 12px;
/*	font-weight: bold;*/
	width: 300px;
	margin: 20px auto;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}