@charset "utf-8";
/* CSS Document */



body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	font-size:14px;
	color:#3d3d3d;
	background-image:url(images/body-bg.jpg) !important;
	background-position:center top !important;
	background-repeat:repeat-x !important;
	
}
#newbadge {
	width:150px!important;
	float:left!important;
	padding:0!important;
	margin:-40px 0 -20px 0!important;
	background:transparent!important;
}
#newbadge img {
	background:transparent!important;
}

#newbadge2 {
	width:150px!important;
	float:right!important;
	padding:0!important;
	margin:0 10px 0 15px!important;
	background:transparent!important;
}
#newbadge2 img {
	background:transparent!important;
}
body.inner {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	font-size:14px;
	color:#3d3d3d;
	background:#f4f4f4 url(images/inner-body-bg.jpg) left top repeat-x;
}
h1, h2, h3, h4, h5, h6, p, pre, ul, form, input {
	margin:0px;
	padding:0px;
}
a {
	outline:none;
}
img {
	border:0px;
}
#container {
	width:967px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
/******************* Header Section Starts **********************/







#BnrTexHd {
	font-family:Arial, verdana, Tahoma, Helvetica, sans-serif;
	font-size:26px;
	color:#fff;
	width:320px;
	height:250px;
	padding:0px 0px 0px 0px;
	z-index:99;
	overflow:hidden;
}
#BnrTexHd .Text {
	font-family:Arial, verdana, Tahoma, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
}
#banner-text h1 {
	background:url(images/banner-text123.png)no-repeat;
	width:0px;
	height:0px;
	margin:0 0 0 0;
	display:block;
	text-indent:-999999px;
}
#header {
	width:100%;
	overflow:hidden;
}
#header h1 {
	background:url(images/japlumbing-logo.png) left top no-repeat;
	width:246px;
	height:54px;
	float:left;
	margin:42px 0 0 38px;
}
#header h1 a {
	width:245px;
	height:55px;
	float:left;
	display:block;
	text-decoration:none;
	text-indent:-999999px;
}
#header-link {
	width:525px;
	float:right;
	margin:0 0 0 0;
	overflow:hidden;
}
#header-link h2 {
	font-size:16px;
	color:#fff;
	padding:26px 60px 0 230px;
	height:45px;
}
#header-link h2 span {
	font-size:20px;
	color:#0070ba;
	width:100%;
	display:block;
}
#header-link ul {
	margin:20px 0 0 0;
	padding:0px;
	overflow:hidden;
}
#header-link ul li {
	float:left;
	list-style:none;
}
#header-link ul li.top-home {
	font-size:11px;
	color:#999999;
	background:url(images/header-link-line.png) right top no-repeat;
}
#header-link ul li.top-home a {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	background:url(http://japlumbinginc.com/images/testimonial-16.png) left top no-repeat;
	padding:0 13px 0 20px;
	margin-left:7px;
}
#header-link ul li.top-home a:hover {
	text-decoration:underline;
}
#header-link ul li.top-blog {
	font-size:11px;
	color:#999999;
	background:url(images/header-link-line.png) right top no-repeat;
}
#header-link ul li.top-blog a {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	background:url(http://www.f9articles.com/japlumbinginc/wp-content/uploads/2010/08/blog.png)no-repeat;
	padding:0 13px 0 20px;
	margin-left:7px;
}
#header-link ul li.top-blog a:hover {
	text-decoration:underline;
}
#header-link ul li.top-employ {
	font-size:11px;
	color:#999999;
	background:url(images/header-link-line.png) right top no-repeat;
}
#header-link ul li.top-employ a {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	background:url(http://japlumbinginc.com/images/employment_arrow_JA.png)no-repeat;
	padding:0 13px 0 20px;
	margin-left:7px;
}
#header-link ul li.top-employ a:hover {
	text-decoration:underline;
}
#header-link ul li.top-24Serv {
	font-size:11px;
	color:#999999;
	background:url(images/header-link-line.png) right top no-repeat;
}
#header-link ul li.top-24Serv a {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	background:url(http://www.f9articles.com/japlumbinginc/wp-content/uploads/2010/08/watch-icon1.png)no-repeat;
	padding:0 13px 0 20px;
	margin-left:7px;
}
#header-link ul li.top-24Serv a:hover {
	text-decoration:underline;
}
#header-link ul li.top-links {
	font-size:11px;
	color:#999999;
	background:url(images/header-link-line.png) right top no-repeat;
}
#header-link ul li.top-links a {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	background:url(http://www.f9articles.com/japlumbinginc/wp-content/uploads/2010/08/at-icon2.png)no-repeat;
	padding:0 13px 0 20px;
	margin-left:7px;
}
#header-link ul li.top-links a:hover {
	text-decoration:underline;
}
#header-link ul li.top-faq {
	font-size:11px;
	color:#999999;
	background:url(images/header-link-line.png) right top no-repeat;
}
#header-link ul li.top-faq a {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	background:url(images/faq-icon.jpg) 13px top no-repeat;
	padding:2px 13px 0 33px;
}
#header-link ul li.top-faq a:hover {
	text-decoration:underline;
}
#header-link ul li.top-contact {
	font-size:11px;
	color:#999999;
	background:url(images/header-link-line.png) right top no-repeat;
}
#header-link ul li.top-contact a {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	background:url(images/contact-icon.jpg) 13px top no-repeat;
	padding:2px 13px 0 33px;
}
#header-link ul li.top-contact a:hover {
	text-decoration:underline;
}
#header-link ul li.top-driving {
	font-size:11px;
	color:#999999;
	background:url(images/header-link-line.png) right top no-repeat;
}
#header-link ul li.top-driving a {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	background:url(images/driving-icon.jpg) 10px top no-repeat;
	padding:2px 13px 0 30px;
}
#header-link ul li.top-driving a:hover {
	text-decoration:underline;
}
#header-link ul li.top-sitmap {
	font-size:11px;
	color:#999999;
}
#header-link ul li.top-sitmap a {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	background:url(images/sitemap-icon.jpg) 13px 4px no-repeat;
	padding:2px 0px 0 33px;
}
#header-link ul li.top-sitmap a:hover {
	text-decoration:underline;
}
/******************* Header Section Ends **********************/















/****************** Navigation Starts Here *******************/















#navi {
	width:100%;
	overflow:hidden;
	padding:24px 0 0 0;
}
#navi ul {
	margin:0px;
	padding:0px;
	overflow:hidden;
}
#navi ul li {
	list-style:none;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background:url(images/navigatio-line.gif) right 2px no-repeat;
	padding:0 15px 0 15px;
	line-height:47px;
	text-transform:uppercase;
}
#navi ul li a {
	list-style:none;
	float:left;
	color:#fff;
	text-decoration:none;
}
#navi ul li a:hover {
	color:#fff809;
	text-decoration:none;
}
#navi ul li.contact {
	background:none;
}
#navi ul li.home {
	background:url(images/navigatio-line.gif) right 2px no-repeat;
	padding-right:10px !important;
}
#navi ul li.home a {
	width:72px;
	height:46px;
	display:block;
	text-decoration:none;
	text-indent:-999999px;
	background:url(images/home-img.gif) left top no-repeat;
}
#navi ul li ul {
	display:none;
}
#navi ul li:hover ul {
	display:block;
	margin:0px;
	padding:0px;
	position:absolute;
	top:170px;
	left:210px;
	overflow:hidden;
	width:auto !important;
	background-color:#000;
}
#navi ul li:hover ul li {
	background:none;
	list-style:none;
	float:none !important;
	line-height:30px !important;
	padding:0 10px 0 10px !important;
	border:1px solid #434343;
}
#navi ul li:hover ul li a {
	float:none !important;
	line-height:30px !important;
}
/****************** Navigation Ends Here *******************/















/*************** Banner Starts Here *******************/















#banner {
	width:100%;
	height:330px;
	overflow:hidden;
	margin-top:1px;
	background:url(images/banner-bg.jpg) left top no-repeat;
}
#banner-text {
	width:330px;
	margin:50px 0 0 30px;
}
#inner-banner {
	width:100%;
	height:285px;
	overflow:hidden;
	background:url(images/inner-banner-bg.jpg)no-repeat;
}
#inner-banner img {
	position:absolute;
	top:175px;
	left:344px;
}
#banner-text p {
	font-size:11px;
	color:#fff;
	padding:10px 30px 0 0;
	line-height:16px;
}
#learn-more {
	background:url(images/learnmore-button.png) left top no-repeat;
	width:121px;
	height:33px;
	margin:34px 0 0 0;
}
#learn-more a {
	width:121px;
	height:33px;
	display:block;
	text-decoration:none;
	text-indent:-999999px;
}
#banner img {
	position:absolute;
	top:175px;
	left:343px;
}
#banner h3 {
	font-size:30px;
	color:#fff;
	padding:27px 0 0 0;
	font-weight:normal;
}
#banner h3 a {
	color:#fff;
	text-decoration:none;
}
#banner h3 a:hover {
	color:#252525;
	text-decoration:none;
}
/*************** Banner Ends Here *******************/























/***************** Content Section Starts ******************/















/************* Content Lft Starts **************/















#content-main {
	width:962px;
	overflow:hidden;
	margin-top:20px;
}
#content-lft-main {
	width:679px;
	float:left;
	overflow:hidden;
	background:url(images/lft-boxmid-img.gif) left top repeat-y;
}
#content-lft-top-img {
	width:100%;
	overflow:hidden;
	background:url(images/lft-boxtop-img.gif) left top no-repeat;
	padding-top:10px;
}
#content-lft-bot-img {
	width:100%;
	overflow:hidden;
	background:url(images/lft-boxbot-img.gif) left bottom no-repeat;
	padding-bottom:17px;
}
#lft-con-div {
	width:640px;
	overflow:hidden;
	margin:0 0 0 18px;
}
#lft-con-div h2 {
	font-size:23px;
	color:#0070ba;
	padding-left:0;
}
#lft-con-div h2 a {
	font-size:23px;
	color:#0070ba;
	text-decoration:none;
}
#lft-con-div h2 a:hover {
	font-size:23px;
	color:#0070ba;
	text-decoration:underline;
}
#lft-con-div h2 span {
	font-size:17px;
	color:#6f6f6f;
	width:100%;
	display:block;
	font-weight:normal;
}
#lft-con-div p {
	font-size:12px;
	color:#3d3d3d;
	padding:15px 0 0 0;
	line-height:18px;
}
#lft-con-div p a {
	font-size:12px;
	color:#3d3d3d;
	text-decoration:none;
}
#lft-con-div p a:hover {
	color:#3d3d3d;
	text-decoration:underline;
}
#lft-con-div h6 {
	font-size:12px;
	color:#f17603;
	padding-top:10px;
}
#lft-con-div h6 a {
	color:#f17603;
	text-decoration:none;
	background:url(images/read-all-arrow.gif) right 5px no-repeat;
	padding:0 10px 0 0;
}
#lft-con-div h6 a:hover {
	text-decoration:underline;
}
#lft-con-div ul {
	margin:20px 0 20px 20px;
	padding:0px;
}
#lft-con-div ul li {
	font-size:12px;
	padding:0 0 0 5px;
	line-height:22px;
}
/****************** Feature Service Starts Here *******************/















#feature-service {
	width:620px;
	overflow:hidden;
	margin:18px 0 0 38px;
	background:url(images/feature-top-line.gif) left top no-repeat;
}
#feature-service h2 {
	font-size:23px;
	color:#0070ba;
	padding-top:20px;
}
#feature-service h2 span {
	font-size:17px;
	color:#6f6f6f;
	width:100%;
	display:block;
	font-weight:normal;
}
.feature-service-box {
	width:203px;
	float:left;
	margin:15px 12px 0 0;
	background:url(images/feature-devider.gif) right 18px no-repeat;
}
.feature-service-box h4 {
	font-size:16px;
	color:#5c9d19;
	padding-top:8px;
}
.feature-service-box h4 span {
	font-size:12px;
	color:#3d3d3d;
	width:100%;
	display:block;
	font-weight:normal;
}
.feature-service-box h4.blue {
	color:#0070ba;
}
.feature-service-box h4.black {
	color:#000;
}
.nospacing {
	margin:15px 0px 0 0;
	background:none;
	width:190px;
}
.feature-service-box ul {
	margin:6px 0 0 0;
	padding:0px;
}
.feature-service-box ul li {
	list-style:none;
	font-size:12px;
	color:#3d3d3d;
	padding:0 0 4px 12px;
	background:url(images/service-arrow.jpg) left 4px no-repeat;
}
.feature-service-box ul li a {
	font-size:12px;
	color:#3d3d3d;
	text-decoration:none;
}
.feature-service-box ul li a:hover {
	font-size:12px;
	color:#0070ba;
	text-decoration:underline;
}
.feature-service-box h6 {
	font-size:12px;
	color:#f17603;
	padding-top:3px;
}
.feature-service-box h6 a {
	color:#f17603;
	text-decoration:none;
	background:url(images/read-all-arrow.gif) right 5px no-repeat;
	padding:0 10px 0 0;
}
.feature-service-box h6 a:hover {
	text-decoration:underline;
}
/****************** Feature Service Ends Here *******************/















/************* Content Lft Ends **************/















/************* Content rit Starts **************/















#content-rit-main {
	width:273px;
	float:left;
	overflow:hidden;
	margin:0px 0px 0px 10px;
}
#submit-box {
	width:100%;
	overflow:hidden;
	background:url(images/rit-submit-info-midimg.jpg) right top repeat-y;
}
#submit-box-top-img {
	width:100%;
	overflow:hidden;
	background:url(images/rit-submit-info-topimg.jpg) left top no-repeat;
}
#submit-box-bot-img {
	width:100%;
	overflow:hidden;
	background:url(images/rit-submit-info-botimg.jpg) right bottom no-repeat;
	padding-bottom:15px;
}
#submit-box-bot-img h5 {
	font-size:17px;
	color:#fff;
	padding:15px 10px 5px 22px;
	line-height:18px;
	text-align:center;
}
#submit-box-bot-img h5 span {
	display:block;
	width:100%;
	color:#000;
	font-size:12px;
	font-weight:normal;
	padding-top:3px;
}
#submit-box-bot-img ul {
	margin:15px 0 0 50px;
	padding:0px;
	width:190px;
	overflow:hidden;
}
#submit-box-bot-img ul li {
	float:left;
	list-style:none;
}
#submit-box-bot-img ul li.name {
	width:35px;
	text-align:right;
	font-size:12px;
	color:#6f0097;
	float:left;
	padding-top:7px;
}
#submit-box-bot-img ul li input.namebox {
	width:140px;
	height:18px;
	border:1px solid #CCCCCC;
	margin:5px 0 0 5px;
}
#submit-box-bot-img ul li input.phonebox1 {
	width:30px;
	height:18px;
	border:1px solid #CCCCCC;
	margin:5px 0 0 0;
}
#submit-box-bot-img ul li input.phonebox4 {
	width:30px;
	height:18px;
	border:1px solid #CCCCCC;
	margin:5px 0 0 5px;
}
#submit-box-bot-img ul li input.phonebox3 {
	width:30px;
	height:18px;
	border:1px solid #CCCCCC;
	margin:5px 0 0 0;
}
#submit-box-bot-img ul li input.phonebox2 {
	width:68px;
	height:18px;
	border:1px solid #CCCCCC;
	margin:5px 0 0 1px;
}
#submit-box-bot-img ul li select.state {
	width:140px!important;
	height:20px;
	border:1px solid #CCCCCC;
	margin:5px 0 0 5px;
}
#submit-box-bot-img ul li input.contact {
	background:url(images/contact-button.jpg) left top no-repeat;
	width:147px;
	height:36px;
	margin:15px 0 0 0;
	clear:both;
	border:0px;
	cursor:pointer;
}
#video {
	margin:20px 0 0 10px;
}
#contact-box-main {
	width:273px;
	overflow:hidden;
	background:url(images/rit-submit-info-midimg.jpg) right top repeat-y;
	margin:20px 0 0 0;
}
#contact-box-top {
	width:100%;
	overflow:hidden;
	background:url(images/phone-icon.png) right top no-repeat;
	padding-top:10px;
}
#contact-box-bot {
	width:100%;
	overflow:hidden;
	background:url(images/rit-submit-info-botimg.jpg) right bottom no-repeat;
	padding-bottom:15px;
}
#contact-box-bot h5 {
	font-size:18px;
	color:#0070ba;
	padding:0 0 0px 63px;
	font-family: "Myriad Pro";
}
#contact-box-bot p {
	font-size:12px;
	color:#3d3d3d;
	line-height:18px;
	padding:5px 0 0 63px;
}
#contact-box-bot p a {
	color:#f17603;
	text-decoration:none;
}
#contact-box-bot p a:hover {
	text-decoration:underline;
}
/************* Content rit Ends **************/















/***************** Content Section Ends ******************/























/************* Footer Starts Here ******************/















#footer {
	width:100%;
	overflow:hidden;
	margin-top:25px;
	height:138px;
	background-color:#000;
}
#footer-sub {
	width:877px;
	overflow:hidden;
	margin:0 auto;
}
#footer-social {
	width:508px;
	float:left;
	background: url(images/footer-line.jpg) right top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px!important;
}
#footer-social h2 {
	font-size:21px;
	color:#fef200;
	font-family:"Myriad Pro";
	padding:20px 0 0 0;
	font-weight:normal;
	float:left;
}
#footer-social h2 span {
	font-size:12px;
	color:#575f66;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	width:100%;
	display:block;
	font-weight:bold;
}
#icon-div {
	width:250px;
	float:left;
	margin:30px 0 0 10px;
}
#footer-social pre {
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	color:#8f8f8f;
	clear:both;
	padding:10px 0 0 0;
}
#footer-social pre {
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	color:#8f8f8f;
	clear:both;
	padding:5px 0 0 0/* IE 8 and below */;
}
#footer-social pre a {
	color:#8f8f8f;
	clear:both;
	text-decoration:none;
}
#footer-social pre a:hover {
	text-decoration:underline;
}
#footer-social p {
	font-size:10px;
	color:#666666;
	padding:5px 0 0 0;
}
#footer-subscribe {
	width:216px;
	float:right;
	overflow:hidden;
}
#footer-subscribe h2 {
	font-size:21px;
	color:#fef200;
	font-family:"Myriad Pro";
	padding:20px 0 0 0;
	font-weight:normal;
}
#footer-subscribe h2 span {
	font-size:12px;
	color:#575f66;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	width:100%;
	display:block;
	font-weight:bold;
}
#signup {
	background:url(images/signup-button.jpg) left top no-repeat;
	width:149px;
	height:31px;
	margin:15px 0 0 0;
}
#signup a {
	width:149px;
	height:31px;
	display:block;
	text-decoration:none;
	text-indent:-999999px;
}
/************* Footer Ends Here ******************/















.service-main {
	margin:0px;
	padding:0px;
	overflow:hidden;
}
.service-text {
	width:400px;
	float:left;
	overflow:hidden;
}
.service-img {
	width:auto;
	float:left;
	overflow:hidden;
}
.service-text1 {
	width:300px;
	float:left;
	overflow:hidden;
	margin-right:20px;
}
.service-img1 {
	width:auto;
	float:right;
	overflow:hidden;
	margin:20px 0 0 0;
}
#contact-main {
	width:506px;
	margin:0 0 0 0;
	overflow:hidden;
	background:url(images/contact-bg.png) left top no-repeat;
}
#contact-main h4 {
	color:#24a1e0;
	padding:15px 0 10px 15px;
	font-size:18px;
}
#contact-main ul {
	margin:30px 0 0 20px;
	padding:0px;
}
.content-derk {
	display:none;
}
#contact-main ul li {
	list-style:none;
	float:left;
	color:#1f1f1f;
	font-size:14px;
}
#contact-main ul li.contact {
	width:93px;
	float:left;
	clear:both;
	padding:0px 0 0 0;
}
#contact-main ul li input.textfield {
	width:365px;
	float:left;
	height:18px;
	border:1px solid #999999;
	margin:10px 0 0 0;
}
#contact-main ul li textarea.field {
	width:365px;
	float:left;
	height:150px;
	border:1px solid #999999;
	margin:10px 0 0 0;
}
#contact-main ul li input.submit {
	background:url(images/submit-button.png) left top no-repeat;
	width:100px;
	height:30px;
	margin:10px 0 0 90px;
	border:0px;
	cursor:pointer;
}
.spacer {
	float:left;
	height:40px
}
.wpcf7-submit {
	background:url(images/submit-button.png) left top no-repeat;
	width:100px;
	height:30px;
	border:0px;
	cursor:pointer;
}
#staff-main {
	margin:10px 0 0 0;
	overflow:hidden;
	width:100%;
}
#staff-main ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#staff-main ul li {
	width:300px;
	float:left;
	list-style:none;
	margin:10px 15px 0 0px;
}
#staff-main ul li span {
	width:100%;
	display:block;
	text-align: center;
}
/* Comments template */















div.com {
	margin-bottom: 30px;
}
.com ul li, .com ol li {
	background: none;
}
.com .children {
	margin: 0 0 0 1.5em;
}
.com .list-4 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.com .list-4 li .admin {
	border: 1px solid #E7EBE7;
}
.com .list-4 li {
	border: none;
	padding: 0;
	margin: 0;
}
* html .com .list-4 li {
	padding:0 40px 0 20px !important;
}
*:first-child+html .list-4 li {
	padding:0 40px 0 20px !important;
}
* html .list-4 img {
	margin:20px auto auto 0;
}
*:first-child+html .list-4 img {
	margin:20px auto auto 0;
}
* html .list-4 p img {
	margin:0 auto auto 0;
}
*:first-child+html .list-4 p img {
	margin:0px auto auto 0;
}
.com-wrapper {
	border: 1px solid #E7E9E4;
	padding: 15px 15px 0;
	margin: 0 0 15px;
}
.com-header {
	padding-bottom: 15px;
	margin: 0;
}
.com-header img {
	display: block;
	float: left;
}
.com-header .tp {
	display: block;
	margin: 0 0 0 63px;
	padding: 0;
	text-align: left;
}
.tp span, .tp span a {
	font-weight: bold;
	display: block;
	line-height: 150%;
}