/*
Theme Name:Certified Plumbing
Description: Custom Theme for Certified Plumbing <a href="http://positivesignals.com/">Positive Signals</a>.
Version:1.2.0
Author:Jay Clark
Author URI:http://www.positivesignals.com
Tags: grey, red, custom
*/

body {
font-family:Arial, serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.7em;
background: #fff;
}
hr{
margin-top:6px;
border:0;
border-top:1px solid #ccc;
width:100%;
color:#fff;
clear:both;
}
a {
color: #0055a5;
text-decoration: none;
}
a:hover{
color: #ce000c;
}
/*Nice Rounded Corners*/
#testimonials, #flash, #content, #certs, #flash-wrapper, #contact-box, #ca-box, .post img, #contact-area input.submit-button, #foot-social, #footer-copy, #foot-articles, #b-content, #sidebar, .commentlist, #sidebar2{
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-left-radius: 5px;
-khtml-border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-khtml-border-bottom-left-radius: 5px;
-khtml-border-bottom-right-radius: 5px;
}
#wrapper {
width:960px;
margin:0 auto;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#header {
margin: 0 auto;
width:960px;
height: 70px;
}
.header-wrapper{
width: 100%;
height: 73px;
margin: 0 auto;
background-image: url(images/headergrad.png);
border-bottom: 1px solid #ce000c;
}
.headerimg{
margin: 0 auto;
float: left;
width: 958px;
height:320px;
background: #fff;

border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.clear{
clear: both;
}
#flash-wrapper{ /*----------------------------flash--*/
float: right;
background: #575757;
width: 540px;
height: 300px;
margin: 8px 8px;
overflow: hidden;
}
#flash{
position: relative;
margin: 7px auto;
width: 522px;
height: 286px;
overflow: hidden;
border: 1px solid #575757;
background: #575757;
list-style: none;
}
#logo {
float: left;
height: 300px;
width:279px;
margin: 18px 35px;
padding: 0;
}
#search-bar{
float: left;
margin: 10px 0px 0px;
padding: 10px 0px 0px;
width: 200px;
display: inline;
}
.search-button{
float: left;
display: inline;
}
#description{
float: right;
display: inline;
width: auto;
margin: 15px 0 0 0;
}
.desc h1{
display: inline;
font-size: 31px;
font-weight: bold;
color: #cc010d;
padding-left: 8px;
}
.desc h2{
display: inline;
font-size: 26px;
font-weight: bold;
color: #fff;
padding-right: 8px;
}

#emg-info{
float: right;
width: 174px;
margin: 20px 0 0;
color: #fff;
}

.emg h4{
font-size: 12px;
color: #fff;
font-weight: bold;

}

.emg-phone{
font-size: 12px;
font-weight: bold;
margin: 10px 0 0;
}

.emg-number{
color: #C8020E;
}

.emg-address{
text-align: center;
font-style: italic;
font-size: 11px;
}

.emg-hours{
margin: 12px 0 0;
text-align: left;
font-weight: bold;
font-size: 11px;
}

.emg-hrs-list{
font-size: 10px;
}

.emg ul{
list-style: none;
}

.emg ul li{
list-style: none;
margin: -2px;

}

#contact-wrapper {
float: left;
width: 195px;
background: transparent;
padding: 15px 5px 5px 5px;
margin: 5px 5px;
min-height: 150px;
height: 150px;
}

#contact-area {
width: 195px;
margin-top: 1px;
color: #fff;
}

#contact-area input, #contact-area textarea {
padding: 3px 0px 1px 5px;
width: 120px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
margin: 1px 0px 3px 0px;
border: 1px solid #ccc;
background: #413F40;
color: #fff;

}

#contact-area textarea {
height: 30px;
}

#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #900;
}

#contact-area input.submit-button {
width: 50px;
height: 20px;
float: right;
color: #C9020E;
margin-right: 10px;
background: #ccc;
font-size: 11px;
padding: 0 0 0 0;
}

label {
float: left;
text-align: left;
width: 58px;
font-size: 12px;
font-weight: bold;
}



#ca-box-wrapper{ /*----call to action boxes wrapper--*/
margin: -1px 0px;
float: left;
background: #fff;
width: 958px;
height: 250px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#contact-box{
float: left;
margin: 8px 0 8px 8px;
position: relative;
width: 390px;
height: 246px;
border: 1px solid #fff;
background: #fff url(images/contactgrad.png);
list-style: none;
}

.contact-box h2{
margin: 18px 0 10px;
font-family: Arial;
font-size: 20px;
color: #fff;
text-align: center;
}

.contact-box h3{
margin: 0;
font-family: Arial;
font-size: 16px;
color: #fff;
text-align: center;
}

.contact-box p{
margin: 5px 0 0;
font-size: 14px;
font-style: italic;
text-align: center;
color: #fff;
}

#testimonials{
float: right;
margin: 0px 8px 2px 8px;
position: relative;
width: 540px;
height: 85px;
border: 1px solid #fff;
background: url(images/testgrad.png);
list-style: none;
}


#quotearea {
float: left;
width: 510px;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 5px;
color: #fff;
font-size: 11px;
}
#quoterotator {
line-height: 118%;
}
#quoteauthor {
display: block;
text-align: right;
margin-right: 10px;
font-weight: bold;
font-style: italic;
padding-bottom: 8px;
}

.quotearea h2{
float: left;
margin: 0px 0px 0px 195px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #fff;
}
.quotearea h3, .quotearea h3 a{
margin-right: 15px;
text-align: right;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #fff;
}

.quotearea h3 a:hover{
color: #ccc;
}

#ca-box{
float: right;
margin: 8px 8px 8px 8px;
position: relative;
width: 540px;
height: 151px;
border: 1px solid #fff;
background: #fff url(images/caboxgrad.png);
list-style: none;
}

#ca-box h2{
text-align: center;
font-size: 12px;
font-weight: bold;
}

#ca-box h2 a{
color:#fff;
}

#ca-box h2 a:hover{
color:#ccc;
}

/*Call 2 Action 1*/

.box1{
float: left;
display: block;
width: 245px;
height: 58px;
margin: 0px 7px 0px 20px;
background-image: url(images/01hover.png);

}

.abox1 a, .abox1 a:link, .abox1 a:visited {
display:block;
text-decoration: none;

}
.abox1 .img {
width:100%;
height:100%;
border:0;


}

.abox1 a:hover img{
visibility: hidden;

}

/*Call 2 Action 2*/

.box2{
float: right;
display: block;
width: 245px;
height: 58px;
margin: 0px 20px 0px 3px;
background-image: url(images/02hover.png);

}


.abox2 a, .abox2 a:link, .abox2 a:visited {
display:block;
text-decoration: none;

}
.abox2 .img {
width:100%;
height:100%;
border:0;

}

.abox2 a:hover img{
visibility: hidden;

}

/*Call 2 Action 3*/

.box3{
float: left;
display: block;
width: 245px;
height: 58px;
margin: 4px 7px 0px 20px;
background-image: url(images/03hover.png);

}


.abox3 a, .abox3 a:link, .abox3 a:visited {
display:block;
text-decoration: none;

}
.abox3 .img {
width:100%;
height:100%;
border:0;

}

.abox3 a:hover img{
visibility: hidden;

}

/*Call 2 Action 4*/

.box4{
float: right;
display: block;
width: 245px;
height: 58px;
margin: 4px 20px 0px 3px;
background-image: url(images/04hover.png);

}

.abox4 a, .abox4 a:link, .abox4 a:visited {
display:block;
text-decoration: none;

}
.abox4 .img {
width:100%;
height:100%;
border:0;


}

.abox4 a:hover img{
visibility: hidden;

}

/* Main menu settings */
#nav {
background: url(images/navbg.png) no-repeat center;
clear:both;
float:left;
margin:8px 0px 0px;
padding:0;
width:100%;
font-family: Arial; /* Menu font */
font-size:98%; /* Menu text size */
z-index:1000; /* This makes the dropdown menus appear above the page content below */
position:relative;
}

/* Top menu items */

#nav ul {
margin:0;
padding:0;
list-style:none;
float:right;
position:relative;
right:50%;
}


#nav ul li {
margin:0 0 0 1px;
padding:0;
float:left;
position:relative;
left:50%;
top:1px;
}
#nav ul li a {
display:block;
margin:0;
padding:.6em 1em .4em;
font-size:1em;
line-height:1em;
background:transparent;
text-decoration:none;
color:#fff;
font-weight:bold;

}
.daddy {
background: url(images/rightarrow2.gif) center right no-repeat;
}


#nav ul li.active a {
	color:#fff;
	background:#000;
}
#nav ul li a:hover {
	background:#4d4c4d; /* Top menu items background colour */
	color:#fff;
	
}
#nav ul li:hover a,
#nav ul li.hover a { /* This line is required for IE 6 and below */
	background:#5A595A; /* Top menu items background colour */
	color:#fff;
	
}

/* Submenu items */
#nav ul ul {
	display:none; /* Sub menus are hidden by default */
	position:absolute;
	top:1.8em;
	left:0;
	float:left;
	right:auto; /*resets the right:50% on the parent ul */
	width:11em; /* width of the drop-down menus */
	
}
#nav ul ul li {
	left:auto;  /*resets the left:50% on the parent li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:left;
	float:left;
	width:100%;
}
#nav ul ul li a,
#nav ul li.active li a,
#nav ul li:hover ul li a,
#nav ul li.hover ul li a { /* This line is required for IE 6 and below */
	font-size:.9em;
	font-weight:normal; /* resets the bold set for the top level menu items */
	background:#4d4c4d;
	color:#fff;
	line-height:1.5em; /* overwrite line-height value from top menu */
	border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
	float:left;
	width:100%;
}
#nav ul ul li a:hover,
#nav ul li.active ul li a:hover,
#nav ul li:hover ul li a:hover,
#nav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	background:#767476; /* Sub menu items background colour */
	color:#fff;
	float:left;
	
}

/* Flip the last submenu so it stays within the page */
#nav ul ul.last {
	left:auto; /* reset left:0; value */
	right:0; /* Set right value instead */
}
#nav ul ul.last li {
	float:right;
	position:relative;
	right:.8em;
}

/* Make the sub menus appear on hover */
#nav ul li:hover ul,
#nav ul li.hover ul { /* This line is required for IE 6 and below */
	display:block; /* Show the sub menus */
	
}


#nav li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0 12.7em;
	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#c-wrapper{
width: 958px;
float: left;
background: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#certs{
float: left;
position: relative;
margin: 5px 8px;
width: 942px;
height: 230px;
border: 1px solid #ccc;
color: #3C3A3B;
}

#cert1{
padding: 10px 5px 0px 2px;
float: left;
text-align: center;
}
#cert2{
margin: 20px 0px;
padding: 30px 10px;
float: right;
}

.certtext h3{
font-size: 14px; 
color:#ce000c;
}

#certtext{
margin:0px 25px;
float: left;
text-align: left;
}

.certtext p{
margin: 12px auto;
padding: 2px 0px;
width: 660px;
font-size: 15px;
}

#b-wrapper{
margin: -1px auto;
width: 958px;
float: left;
background: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#b-content{
margin: 15px 8px;
border: 1px solid #ccc;
width:650px;
float:left;
min-height:420px;
color: #3C3A3B;
}

#content {
margin: 15px 8px 2px;
border: 1px solid #ccc;
width:942px;
float:left;
min-height:auto;
color: #3C3A3B;

}

.navigation{
margin: 0 15px 5px;
}
.post {
padding: 12px;
font-size: 15px;

}
.post p {
margin:14px 0 14px 0;

}
.post em{
font-style:italic;
}
.post h2 {
font-family: Arial;
font-size:24px;
margin:25px 0 10px 0;
font-weight:normal;
text-decoration: none;
color: #ce000c;
}

.post h1, .post h1 a{
font-family:Arial;
font-size:28px;
margin:10px 0 10px 0;
font-weight:normal;
line-height:32px;
text-decoration: none;
color: #ce000c;
}

.post h1 a:hover{
color: #ccc;
}

.post h3, .post h4 {
font-family:Arial;
font-size:20px;
margin:15px 0 10px 0;
font-weight:normal;
text-decoration: none;
color: #ce000c;
}
.post h4 {
font-size:18px;
color: #ce000c;
}

.post img{
border: 2px solid #ccc;
padding: 5px 5px 5px 5px;
margin: 8px 0 8px;
background: #ccc;
}

.post .indent {
padding-left:10px;
}
.post .indent p {
padding-left:10px;
}
.post small {
font-size:11px;
}
.post small a {
font-weight:normal;
}
.post .alignright {
float:right;
margin-left:10px;
}
.post .alignleft {
float:left;
margin-right:10px;
}
.post .aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:disc;
margin:0 0 0 25px;
}

.post li{
list-style:disc;
margin:0 0 0 25px;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
}
.post .wp-caption {
background:#f7f7f7;
border:1px solid #ccc;
margin:10px;
text-align:center;
padding:5px 0 0;
}
.post .wp-caption-text {
margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}
.post blockquote {
color:#777;
border-left:5px solid #ccc;
margin:15px 30px 0 10px;
padding-left:20px;
}
.post pre {
font-family:courier;
font-size:12px;
letter-spacing:-1px;
margin:14px 0 14px 0;
}
.post .message ul {
margin:12px 0 0;
}
.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
color:#fff;
}

#respond {
    clear:both
}
#comments {
    padding:0 8px;
    margin:8px 0
}

#comments h1{
font-size: 18px;
}

#comments h3 {
    padding:8px
}
.commentlist {
    text-align: justify
}

.commentlist li {
    margin: 0 0 10px 0;
    padding: 5px 5px 10px 10px;
    list-style: none;
    clear:both;
}

.commentlist ul {
    clear:both
}
.commentlist ul.children{
    margin-top:10px;
}

.commentlist li li { 
    margin: 0 -4px 0 0
}

.commentlist li .avatar { 
    float: right;
    padding: 2px;
    background: #fff;
    border-width:1px;
    border-style:solid;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px
}
.commentlist p {
    font-size:1.2em;
    margin: 10px 5px 10px 0
}
.children { padding: 0 }


.nocomments {
    text-align: center;
}
.comment-author{
    font-size:1.2em
}
.comment-meta a,
.comment-meta a:hover{
    border:0 !important
}

.reply {
    clear:both;
}

#sidebar2 {
background: #979596 url(images/sidebargrad.png) repeat;
width:232px;
float:right;
margin:15px 10px 25px 0;
padding: 0 15px 0 20px;
border: 1px solid #979596;
color: #fff;
}

#sidebar2 h3{
margin-top: 5px;
font-size: 16px;
color: #ce000c;
font-weight: bold;
}

#sidebar2 ul{
list-style: outside;
margin: 0 10px;
}

#sidebar {
background: #979596 url(images/sidebargrad.png) repeat;
width:232px;
float:right;
margin:15px 10px 25px 0;
padding: 0 15px 0 20px;
border: 1px solid #979596;
}
#sidebar h3 {
padding:25px 0 3px 0;
font-size:18px;
color: #fff;
}
#sidebar .block ul {
border-bottom:1px solid #ccc;
margin-bottom: 10px;
}
#sidebar .block ul .children{
border:0;
padding: 0 0 0 8px;
}
#sidebar .block li {
border-top:1px solid #ccc;

}
#sidebar .block li a {
background:transparent;
font-size:13px;
font-weight:normal;
padding:2px 0 2px 15px;
display:block;
border-bottom:none;
color: #fff;
}
#sidebar .block li a:hover {
color: #ccc;
}
#sidebar .widget_search label {
display:block;
padding:25px 0 3px 0;
font-size:18px;
border-bottom:1px solid #ccc;
margin:0 0 5px;
}

#sidebar .widget_recent_comments{
margin-bottom: 10px;
padding-right: 2px;
}

#sidebar .widget_recent_comments li {
background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;
padding:2px 2px 2px 15px;
color: #fff;
list-style: none;
}
#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{

color:#fff;

}
#sidebar .widget_recent_comments li a:hover {
color:#ccc;

}
#sidebar .widget_tag_cloud h3 {
margin:0 0 8px;
border-bottom:1px solid #ccc;
font-size: 12px;
}
#sidebar .widget_tag_cloud a{
color: #fff;
}

#sidebar .widget_tag_cloud a:hover{
color: #ccc;
}

#sidebar .widget_text h3 , #sidebar .calendar h3{
border-bottom:1px dotted #ccc;
}
#sidebar .calendar h3{
display:none;
}
#sidebar #wp-calendar {
width:95%;
text-align:center;
}
#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{
text-align:center;
}
#sidebar #wp-calendar caption {
font-size:18px;
padding:25px 0 3px 0;
}
#sidebar #wp-calendar th {
font-weight: bold; 
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
#sidebar #wp-calendar tfoot td{
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}

/*---Main Footer Wrapper*/
#footer-wrapper{
float: left;
border-top: solid 1px #ce000c;
width: 100%;
height: 160px;
background-image: url(images/headergrad.png);
}
/*---Main Footer*/
#footer {
color: #fff;
margin: 0 auto;
width:960px;
border-top:2px solid #ce000c;
padding: 5px 0 10px 0;
}

#foot-block{
width: 630px;

}
/*---Footer Social Links*/
#foot-social{
display: block;
float: left;
text-align: left;
width: 305px;
height: 100px;
background: #5C5A5B;
margin: 10px 23px 0px 0px;
}

.foot-social ul {
margin: 4px 0px;
}
.foot-social ul li{
padding: 4px 5px;
}
.foot-social h2{
font-size: 16px;
padding-top: 4px;
}
.foot-social a{
color: #fff;

}
.foot-social a:hover{
color: #ce000c;
}
.foot-social img{
float: left;
padding: 0px 8px 8px 2px;
width: 30px;
height: 30px;
}
/*---Footer Latest Articles*/
#foot-articles{
float: left;
margin: 10px 0px;
text-align: left;
width: 305px;
height: 100px;
background: #5C5A5B;
}

.foot-articles ul {
margin: 1px 25px;

}
.foot-articles ul li{
padding: 0px 0px 0px;
list-style: outside;
}
.foot-articles h2{
margin: 5px 10px;
font-size: 16px;

}
.foot-articles a{
color: #fff;
font-size: 11px;
}
.foot-articles a:hover{
color: #ce000c;
}
/*---Footer Copyright*/
#footer-copy{
float: right;
margin: 10px 0px;
text-align: left;
width: 305px;
height: 100px;
background: #5C5A5B;
}

.footer-copy p{
text-align: center;
margin: 4px 2px;
padding: 5px 5px;
font-size: 10px;
}

#foot-credit{
position: relative;
margin: 2px 0px 0px;
text-align: center;
}