/*

Theme Name: Royal Plumbing

Theme URI: http://www.royalplumbers.com

Description: Our customer support representatives will call in your most convenient time to discuss with you our recommendations should you have further inquiries with regards to our services.

Author: Royal Plumbing

Version: 1.0

Tags: Dark Blue, Cooling Blue, Heat Red, fixed-width, editor-style, custom-menu

*/
@font-face {
	font-family: 'Myrand';
	src: url('myriad-regular-webfont.eot');
	src: local('?'), url('myriad-regular-webfont.woff') format('woff'), url('myriad-regular-webfont.ttf') format('truetype'), url('myriad-regular-webfont.svg#webfontyw0QWv3m') format('svg');
	font-weight: normal;
	font-style: normal;
}


html{

margin:0;

background:url(images/pageBgRepeat.jpg) top repeat-x;

}



body{

margin:0;

padding:0;

background:url(images/pageBg.png) top center no-repeat;

font:13px arial;

color:#7f7f7f;

}



a{

text-decoration:none;

color:#7f7f7f;
font-weight:bold
}



a:hover{

text-decoration:underline;

color:#333;

}



#wrapper{

width:1017px;

margin:0 auto;

}





#telNumber, #telNumberCooling{

width:1017px;

height:30px;

margin:0;

padding:15px 0 9px;

font:bold 24px "Myrand";

color:#fff;

text-align:right;

}



#telNumberCooling{ color:#3585b1!important; }



#menuWrapper{

width:1017px;

height:108px;

/*background:url(images/mBg.png) top repeat-x;*/

}



#logo{

width:280px;

height:139px;

float:left;

position:relative;

top:-35px;

}





#bannerBg, #bannerBgColling, #bannerBgHear{

width:1016px;

height:440px;

background:url(images/bannerBg.png) top no-repeat;

margin:0 auto;

}



#bannerBgColling{

background:url(images/bannerBgCooling.png) top no-repeat!important;

}



#bannerBgHear{

background:url(images/bannerBgHeat.png) top no-repeat!important;

}



#video{

width:613px;

height:401px;

float:left;

padding:17px 0 0 27px;

}



#conWrapper{

width:337px;

float:right;

padding:16px 28px 0 0;

}



#conWrapper img{

padding-bottom:5px;

}



#boxWrapper, #contentWrapper{

width:1017px;

margin:20px 0 0;

padding:0;
line-height: 20px;
}





#contentWrapperSub{

width:1016px;

margin:0 auto;

}





#contentBgRepeat{

width:1016px;

padding:10px;

background: url(images/boderTrans.png) top repeat;

box-shadow: 0 0 5px #D8E6F3;

}



#contentTop{

width:1016px;

border:1px solid #fff;

padding-bottom:30px;

background:#fff url(images/c2.png) bottom no-repeat;

}



#contentSub{

float: left;

/*padding: 20px 40px;*/
padding:17px 20px;

width: 570px;

line-height:20px;

}

#contentSub h1{

	font:bold 35px "Myrand";

	color:#666666;

	}

	#contentSub h2{

	font:bold 25px "Myrand";

	color:#666666;

	}


#contentplain{

float: left;

padding: 0 20px 20px;



width: 920px;

line-height:20px;

}



	#contentplain h1{

	font:bold 35px "Myrand";

	color:#666666;

	}

#contentplain h2{

	font:bold 25px "Myrand";

	color:#666666;

	}
	
	#contentplain h3{

	font:bold 18px "Myrand";

	color:#666666;

	}
#footerWrapper{

width:100%;

margin-top:50px;

padding-bottom:5px;

background:#032c6a url(images/footerBg.jpg) top repeat-x;

}





#footerWrapperCooling{

width:100%;

margin-top:50px;

padding-bottom:5px;

background:#63baea url(images/footerCooling.png) top center no-repeat;

}





#footerWrapperheating{

width:100%;

margin-top:50px;

padding-bottom:5px;

background:#631E01 url(images/footerHetingBg.png) top center no-repeat;

}















.clear{

clear:both;

}





.nav, .nav2, .nav3{

width:733px;

float:right;

font:17px "Myrand";

color:#196ca4;

}



.nav ul, .nav2 ul, .nav3 ul{

	margin:0;

	padding:0;

	}



.nav li, .nav2 li, .nav3 li{

	float:left;

	list-style:none;

	}



.nav li a, .nav2 li a, .nav3 li a{

	float:left;

	padding:42px 14px;

	list-style:none;

	display:block;

	color:#196ca4;

	text-decoration:none;

	}



.nav li a:hover, .nav2 li a:hover, .nav3 li a:hover{

	float:left;

	padding:42px 14px;

	list-style:none;

	display:block;

	color:#fff;

	background:url(images/hover.png) top repeat-x;

	}

	

	.nav2 li a{color:#4797BC!important;}

	

	.nav2 li a:hover{

		color:#2f799b!important;

		background:url(images/hover2.png) top repeat-x;

		}

	

	.nav3 li a{color:#621A02!important;}

	

	.nav3 li a:hover{

		color:#fff!important;

		background:url(images/hover3.png) top repeat-x;

		}

		



.slogan{

width:1017px;

font:bold 30px "Myrand";

color:#fff;

text-align:center;

padding:0 0 20px;

position:relative;

text-shadow:1px 1px 1px #000;

}





.boxWrapperBottom{

left: 7px;

margin: 0 auto;

position: relative;

width: 1005px;	

}



.box1{

width:325px;

height:222px;

background:url(images/boxBg.png) top no-repeat;

float:left;

margin-left:10px;

}



.box1cooling{

width:325px;

height:222px;

background:url(images/boxBg-cooling.png) top no-repeat;

float:left;

margin-left:10px;

}



.box1heat{

width:325px;

height:222px;

background:url(images/boxBg-heat.png) top no-repeat;

float:left;

margin-left:10px;

}



.box1 h2, .boxTitle2, .boxTitle3, .box1cooling h2, .box1heat h2{

background:url(images/about.png) top left no-repeat;

margin: 23px 0 0 20px;

padding: 0 0 0 58px;

font:bold 28px "Myrand";

color:#fff;

}



.boxTitle2{

background:url(images/services.png) top left no-repeat!important;

padding: 0 0 0 58px !important;

}



.boxTitle3{

background:url(images/news.png) top left no-repeat!important;

padding: 0 0 10px 58px!important;

}



.box1 span, .box1cooling span, .box1heat span{

font:12px arial;

color:#fff;

display:block;

padding:8px 25px;

line-height:20px;

}
.box1 h3, .box1cooling h3, .box1heat h3{
	padding:0px;
	margin:0px;
	font-size:12px;

}


.box1 a, .box1cooling a, .box1heat a{

padding:5px 10px;

background:#4cade8;

color:#fff;

font:bold 12px arial;

margin-left:27px;

-moz-border-radius:5px;

text-decoration:none;

}
.box1 a.plain, .box1cooling a.plain, .box1heat a.plain{

padding:0px;

background:none;

color:#fff;

font:12px arial;
 margin-left: 0px;

text-decoration:none;

}


.box1 a:hover, .box1cooling a:hover, .box1heat a:hover{

background:#3b96cd;

}

.box1 a.plain:hover, .box1cooling a.plain:hover, .box1heat a.plain:hover{

background:none;
text-decoration:underline;

}

.box1heat a{

background:#8a3113!important;

}



.box1heat a:hover{

background:#a63c18!important;

}



.contentLeft{

width:475px;

margin-left:12px;

float:left;
line-height: 23px;

}



	.contentLeft h1{

		background:url(images/welcome.jpg) top left no-repeat;

		font: bold 37px "Myrand";

		margin: 23px 0 0 20px;

		padding: 8px 0 55px 92px;

		color:#5d5d5d;

		}

	

	.contentLeft p{

		color:#7f7f7f;

		margin:0;

		padding:0 30px;

		line-height:20px;

		}



.contentRight{

	width:475px;

	margin-right:12px;

	float:right;

	text-align:justify;

	}

	

	.contentRight h2{

		background:url(images/whyUs.jpg) no-repeat left top;

		font: bold 37px "Myrand";

		margin: 23px 0 0 20px;

		padding: 23px 0 35px 141px;

		color:#5d5d5d;

		}

	

	.contentRight p{

		color:#7f7f7f;

		margin:0;

		padding:0 30px;

		line-height:20px;

		}





.contentWrapper{

width:930px;

padding:20px 40px;

line-height:26px;

text-align:justify;

}

#contentWrapper h1{

font:30px  "Myrand";


		color:#5d5d5d;
}


#contentWrapper h2{

font:25px  "Myrand";


		color:#5d5d5d;
}

		

		

		

.footerText{

width:970px;

margin:0 auto;

}



	.footerText h2{

		background:url(images/folder.png) top left no-repeat;

		font: bold 37px "Myrand";

		margin: 0 0 0 20px;

		padding: 35px 0 20px 62px;

		color:#fff;

		}



.footerBox{

width:290px;

float:left;

}



	.footerBox ul{

	margin:0 64px 0 0;

	padding:0;

	}

	

	.footerBox li{

		color:#fff;

		border-bottom:1px dashed #fff;

		padding:7px 0 8px 15px;

		display:block;

		background:url(images/dot.png) left no-repeat;

		}

	

	.footerBox li a{

		text-decoration:none;

		color:#fff;

		}

	

	.footerBox li a:hover{

		text-decoration:none;

		color:#CCC;

		}

		

.copyRight{

width:100%;

background:#012453;

}



.copyRightText{

text-align:center;

color:#fff;

width:800px;

margin:0 auto;

padding:30px 0;

font-size:11px;

}





.copyRightText a, .copyRightText li a {

    color: #FFFFFF;

    display: inline;

    margin: 0 !important;

    padding: 0 10px ;

    text-decoration: none;

}

.copyRightText a:hover, .copyRightText li a:hover {

    color: #CCC;

    text-decoration: underline;

}

.copyRightText ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    text-align: center;

}

.copyRightText ul li {

    border-right: 1px solid #FFFFFF;

    display: inline;

    float: none;

}

.copyRightText li:last-child {

    border: medium none !important;

}











/*Cooling Copyright*/





.copyRightCooling{

width:100%;

background:#4296c8;

}



.copyRightTextCooling{

text-align:center;

color:#fff;

width:800px;

margin:0 auto;

padding:30px 0;

font-size:11px;

}





.copyRightTextCooling a, .copyRightTextCooling li a {

    color: #FFFFFF;

    display: inherit;

    margin: 0 !important;

    padding: 0 10px !important;

    text-decoration: none;

}

.copyRightTextCooling a:hover, .copyRightTextCooling li a:hover {

    color: #CCC;

    text-decoration: underline;

}

.copyRightTextCooling ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    text-align: center;

}

.copyRightTextCooling ul li {

    border-right: 1px solid #FFFFFF;

    display: inline;

    float: none;

}

.copyRightTextCooling li:last-child {

    border: medium none !important;

}









/*Heating Copyright*/





.copyRightHeatingwrapper{

width:100%;

background:#d14102;

}



.copyRightHeating{

text-align:center;

color:#fff;

width:800px;

margin:0 auto;

padding:30px 0;

font-size:11px;

}





.copyRightHeating a, .copyRightHeating li a {

    color: #FFFFFF;

    display: inherit;

    margin: 0 !important;

    padding: 0 10px !important;

    text-decoration: none;

}

.copyRightHeating a:hover, .copyRightHeating li a:hover {

    color: #CCC;

    text-decoration: underline;

}

.copyRightHeating ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    text-align: center;

}

.copyRightHeating ul li {

    border-right: 1px solid #FFFFFF;

    display: inline;

    float: none;

}

.copyRightHeating li:last-child {

    border: medium none !important;

}









.widget-title, .form-allowed-tags{ display:none;}



.comment-form-comment label{ display:block; clear:both;}



#author, #email, #url, #comment{

	background:#004084;

	padding:10px;

	width:300px;

	border:0;

	font:12px tahoma;

	color:#fff;

	}



#author{ margin-left:10px;} #email{ margin-left:12px;} #url{ margin-left:8px;}



#comment{ width:355px!important;}



#submit{

	border:0;

	padding:5px 10px;

	background:#666;

	cursor:pointer;

	color:#fff;

	-moz-border-radius:5px;

	}





.menu, .menu ul{

	list-style-type:none;

	list-style-position:outside;

	position:relative;

	line-height:1.5em;

	z-index:1000;

	}



.menu a{

		display:block;

		text-align:center;

		text-decoration:none;

		font-weight:normal;

	}

	

	.menu a:hover{

		background:none;

		color:#fff;

		}

	

	.menu li{

		float:left;

		position:relative;

		}

	

	

	.menu ul {

		position:absolute;

		display:none;

		z-index:2000;

		top:6.2em;

		/*width:16.7em;

		background:#1AAC57;

		margin-top:5px;*/

		}

	

	.menu li ul a{

		width:13em;

		height:auto;

		float:left;

		text-align:left;

		padding:5px 10px!important;

		background:#063a72;

		-moz-border-radius:5px;

		color:#fff;

		margin:1px 0 0;

		}

			

	.menu li ul li a:hover{

		background:#B60A09;

		padding:5px 10px!important;

		}

	

	.menu li ul ul li a{

		background:#063a72;

		}

	

	.menu li ul ul li ul li a{

		background:#063a72;

		}

	

	.menu ul ul{

		top:auto;

		}	

	

	.menu li ul ul {

		left:13.1em;

		margin:0px 0 0 20px;

		}

	

	.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul{

		display:none;

		}

		

	.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul{

		display:block;

		}
		.footerkeywords a{ color:#FFF; font-size:10px}
		.listitem{
 padding-bottom: 10px!important;
 list-style:none!important;
  padding-left: 23px;
	}
.listitem li{
	text-transform:none!important;
	background:url(images/checkmark.png) left no-repeat!important;
	padding:5px!important;
	padding-left:30px!important;
	}
	
	/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 0 0 5px 11px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}
/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}