/*
Theme Name: DrainCleanHelper-WP-theme
*/


BODY, HTML{background-image:url(https://www.draincleanhelper.com/redwhitediag.png) fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
  margin:0;
  padding:0;
}
#logo{
width:25%;
margin-top:20px;
margin-left:0px;
padding:0px;
float:left;
border:1px;
}
#logo img{width:97%;image-align:left;margin-left:auto;margin-right:auto;}

#header{border-radius:0px 0px 0px 0px;width:100%;font-size:14px;padding;0px;overflow:hidden;margin-top:30px;margin-left:auto;margin-right:auto;vertical-align:middle;}
#headerright{ width:48%;float:left;text-align:center;}
#headerleft{ width:23%;float:left;text-align:center;}
#headerarea{padding:0px;width:100%;font-size:14px;overflow:hidden;margin-top:5px;margin-left:auto;margin-right:auto;vertical-align:middle;}
#headerareatext{float:left; text-align:center; font-family:arial; vertical-align:center; width:auto; height:auto;  color:black; text-shadow:3px 3px 5px #000; font-size:14px; overflow:hidden;}
fieldset {
height:auto;  
    border: 2px solid gray; 
  -moz-border-radius:10px 10px 10px 10px;  
  border-radius: 10px 10px 10px 10px;  
  -webkit-border-radius: 10px 10px 10px 10px;
}  

legend {
    width: auto;
    margin-left: auto;
    margin-right: auto;
 border-radius:5px;
    border: 2px solid gray;
background: rgba(777,777,777,0.7) !important;
padding-right:20px;
padding-left:20px;
padding-top:0px;
padding-bottom:0px;
}
h6{font-size:45px;color:#700; text-shadow:3px 3px 5px #aaa;font-family:arial;text-align:center;text-decoration:none;margin-top:10px;margin-bottom:0px;}
h4{color:#ddd;text-shadow:3px 3px 5px #555;font-family:arial;font-size:18px;font-weight:bold;text-decoration:none;text-align:center;margin-bottom:5px;margin-top:5px;}
h5{font-family:arial;color:#cc0000;text-shadow:2px 2px 0px yellow;font-size:20px;text-decoration:none;text-align:center;}
h3{font-family:arial;margin-top:20px;color:#a00;text-shadow:1px 1px 2px #aaa;font-size:14px;text-decoration:none;text-align:center;}
h2{color:#000;margin-top:5px;margin-bottom:10px;margin-left:30px;font-family:arial;font-weight:bold;font-size:18px;text-align:left;}
h1{font-size:55px;color:#fff; text-shadow:3px 3px 5px #555;font-family:arial;text-align:left;text-decoration:none;margin-top:20px;margin-left:30px;margin-bottom:10px;}
a{color:#fff;text-decoration:none;outline:none;}
#footer1{
border-radius:0px 0px 0px 0px;
}
#footercontainer{
width:100%;
background-color:#d00;
text-shadow:2px 2px 1px #000;
font-size:16px;
font-weight:bold;
text-decoration:none;
text-align:center;
}
#footerarea{
background-color:#b00;
width:100%;
margin-left:auto;
margin-right:auto;
}
#footerblock{font-family:arial;font-size:12px;text-align:left;width:30%;padding:10px;float:left;}
#footerblock h3{font-family:arial;color:#000;text-shadow:1px 1px 1px #aaa;font-size:15px;font-weight:bold;text-decoration:none;text-align:center;}
#footerblock table{padding:10px;width:300px;}
#footercredits{width:100%; text-align:center; font-size:12px; margin-right:auto; margin-left:auto;}
#footercredits a{font-color:#333333;}
a{color:#3333aa;text-decoration:none;outline:none;}
#footerblock a{color:#333;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

#page{height:auto;width:90%;padding:0px;margin-left:auto;margin-right:auto;margin-top:none;background:none;}

fieldset{border-radius:15px;-o-box-shadow:7px 7px 15px #555;-icab-box-shadow:7px 7px 15px #555;-khtml-box-shadow:7px 7px 15px #555;-moz-box-shadow:7px 7px 15px #555;-webkit-box-shadow:7px 7px 15px #555;box-shadow:7px 7px 15px #555;height:auto;padding:0px;margin-left:auto;margin-right:auto;margin-top:none;background: rgba(777,777,777,0.5) !important;}

#topmenuarea {position:absolute;width:100%;top:25px;left:0px;right:0px;z-index:+999;}

#headerbar{width:100%;text-align:center;color:black;font-size:14px;}
#contentcontainer{width:100%;background-color:#000;font-family:arial;font-size:14px;padding:10px;float:center;margin-left:auto;margin-right:auto;}
.contentcontainer{width:100%;background-color:#000;font-family:arial;font-size:14px;padding:10px;float:center;margin-left:auto;margin-right:auto;}
#pageframe{border-radius:0px;height:100%;width:85%;padding:0px;margin-left:auto;margin-right:auto;border: 0px solid red;}
#eightypercent{width:80%;margin-left:auto;margin-right:auto;}
#contentimage3col{width:31%;height:auto;float:right;padding:10px;border-radius:10px;border-color:black;border-width:0px;}
#contentimage4col{width:24%;height:auto;float:left;padding:10px;border-radius:10px;border-color:black;border-width:0px;}
#contentimage3col table{width:100%;height:auto;vertical-align:top;}
#contentarea{font-size:14px;color:#fff;padding:20px; width:95%; height:auto; margin-left:auto; margin-right:auto; clear:both;}
#contentbox{width:45%;height:auto;float:left;clear:both;}
#contentimage{width:47%;height:auto;float:left;padding:15px;}
#contentimageBorder{width:45%;height:auto;float:left;padding:15px;border:5px solid black;}
#contentimageRight{width:45%;height:auto;float:right;padding:15px;}

#contenttext{width:47%;vertical-align:center;color:#eee; height:auto; font-size:14px;float:left;padding:10px;text-align:left;display:table;}


#contentimage1quarter img{max-width:100%;border-radius:8px;-o-box-shadow:7px 7px 15px #555;-icab-box-shadow:7px 7px 15px #555;-khtml-box-shadow:7px 7px 15px #555;-moz-box-shadow:7px 7px 15px #555;-webkit-box-shadow:7px 7px 15px #555;box-shadow:7px 7px 15px #555;}
#contentimage1quarter{width:25%;height:auto;float:left;padding:10px;}
#contenttext3quarters{width:65%;vertical-align:center;height:auto;font-size:16px;float:left;padding-top:7%; padding-left:20px;padding-right:20px;text-align:left;display:table;}

#valign{ display:table-cell;vertical-align:middle;display:inline-block;}
#contenttext table{font-size:16px;float:left;padding:10px;text-align:left;}
@import url(https://fonts.googleapis.com/css?family=arial:300);.featureList, .featureList ul{margin-top:0;padding-left:2em;list-style-type:none;}
.featureList li:before{position:absolute;margin-left:-1.3em;font-weight:bold;}
.featureList li.tick:before{content:"\2713";color:#0000aa;}
.featureList li.cross:before{content:"\2717";color:#0000aa;}
#contenttextLeft{width:46%;vertical-align:top;height:auto;font-size:14px;float:left;padding:15px;text-align:left;clear:both;}
#contentimageNoBorder{width:46%;height:auto;float:left;padding:10px;}
#contentimage img{max-width:100%;border-radius:8px;-o-box-shadow:7px 7px 15px #555;-icab-box-shadow:7px 7px 15px #555;-khtml-box-shadow:7px 7px 15px #555;-moz-box-shadow:7px 7px 15px #555;-webkit-box-shadow:7px 7px 15px #555;box-shadow:7px 7px 15px #555;}
#contentimageRight img{max-width:100%;border-radius:8px;-o-box-shadow:7px 7px 15px #555;-icab-box-shadow:7px 7px 15px #555;-khtml-box-shadow:7px 7px 15px #555;-moz-box-shadow:7px 7px 15px #555;-webkit-box-shadow:7px 7px 15px #555;box-shadow:7px 7px 15px #555;}
#contentimageBorder img{max-width:100%;border-radius:0px;-o-box-shadow:7px 7px 15px #555;-icab-box-shadow:7px 7px 15px #555;-khtml-box-shadow:7px 7px 15px #555;-moz-box-shadow:7px 7px 15px #555;-webkit-box-shadow:7px 7px 15px #555;box-shadow:7px 7px 15px #555;}
#contentimageNoBorder img{max-width:100%;}
#contentimage3col img{max-width:100%;border-radius:5px;-o-box-shadow:7px 7px 15px #555;-icab-box-shadow:7px 7px 15px #555;-khtml-box-shadow:7px 7px 15px #555;-moz-box-shadow:7px 7px 15px #555;-webkit-box-shadow:7px 7px 15px #555;box-shadow:7px 7px 15px #555;}
#contentarea img{max-width:100%;border-radius:5px;-o-box-shadow:7px 7px 15px #555;-icab-box-shadow:7px 7px 15px #555;-khtml-box-shadow:7px 7px 15px #555;-moz-box-shadow:7px 7px 15px #555;-webkit-box-shadow:7px 7px 15px #555;box-shadow:7px 7px 15px #555;}
#contentarea2 img{max-width:100%;}
#contentlists1{width:98%;font-size:14px;padding-top:20px;overflow:hidden;margin-left:auto;margin-right:auto;}
#contentlists{width:98%;font-size:14px;padding:10px;overflow:hidden;margin-left:auto;margin-right:auto;}
#list3 img{
-o-box-shadow:      7px 7px 15px #000;
-icab-box-shadow:   7px 7px 15px #000;
-khtml-box-shadow:  7px 7px 15px #000;
-moz-box-shadow:    7px 7px 15px #000;
-webkit-box-shadow: 7px 7px 15px #000;
box-shadow:         7px 7px 15px #000;
border-radius:30px 0px 25px 0px;padding:0px;
}
#list2 img{
-o-box-shadow:      7px 7px 15px #555;
-icab-box-shadow:   7px 7px 15px #555;
-khtml-box-shadow:  7px 7px 15px #555;
-moz-box-shadow:    7px 7px 15px #555;
-webkit-box-shadow: 7px 7px 15px #555;
box-shadow:         7px 7px 15px #555;
border-radius:0;padding:0px;
}
#list1 h4{font-size:15px;font-color:#cccccc;}
#list3 h4{font-size:15px;font-color:#cccccc;text-align:center;}
#list1{width:33%;border-radius:7px;padding:0px;font-size:12px;overflow:none;text-align:center;}
#list2{width:33%;height:280px;border-radius:7px;padding:0px;font-size:12px;overflow:none;text-align:left;float:left;}
#list3{width:33%;font-size:12px;overflow:none;text-align:left;float:left;}



#menuarea{width:100%;text-align:center;margin-left:auto;margin-right:auto; background: rgba(000,000,000,0.3) !important;}




#headercontainer{border-radius:0px 0px 0px 0px;width:100%;height:auto;}





#content{
position:absolute;
top:130px;
right:100px;
}
.content{
position:absolute;
top:130px;
right:100px;
}

@media screen and (max-width:600px){


#contentimage3col{width:95%;height:auto;float:left;padding:10px;border-radius:10px;border-color:black;border-width:0px;}
#contentimage4col{width:95%;height:auto;float:left;padding:10px;border-radius:10px;border-color:black;border-width:0px;}
#headermenuarea{width:100%;float:left;z-index:+999;}


#contentlists{width:100%;font-size:14px;padding-top:0px;overflow:hidden;margin-left:auto;margin-right:auto;}
.contentcontainer{background-color:#000;width:100%;font-size:12px;padding-top:0px;overflow:hidden;margin-left:auto;margin-right:auto;}
#list1{width:100%;font-size:12px;overflow:none;text-align:left;margin-left:auto;margin-right:auto;}
#list2{width:100%;font-size:14px;overflow:hidden;text-align:left;margin-left:auto;margin-right:auto;}
#list3{width:100%;font-size:14px;overflow:none;text-align:left;margin-left:auto;margin-right:auto;}
#list4{width:100%;font-size:14px;overflow:none;text-align:left;margin-left:auto;margin-right:auto;}
#contentarea{width:98%;height:auto;margin-left:auto;margin-right:auto;}

#contentimage1quarter{width:95%;height:auto;float:left;padding:25px;}
#contenttext3quarters{width:95%;vertical-align:center;height:auto;font-size:14px;float:left;padding:10px;text-align:left;display:table;}



#contenttext{width:100%; height:auto; font-size:14px; float:left; padding:0px; text-align:left; clear:both;display:table:}
#contenttext60{width:100%; height:auto; font-size:12px; float:left; padding:0px; text-align:left; clear:both;display:table:}
#valign{ display:table-cell;vertical-align:middle;}
#contentimage{width:100%;float:center;padding:0px;overflow:hidden;}
#contentimage img{max-width:100%;float:center;padding:0px;overflow:hidden;}
#contentimageRight{width:100%;float:center;padding:0px;}

#logo {width:100%;text-align:center;margin-left:auto;margin-right:auto;float:left;padding:10px;}

#logo img{width:80%;image-align:left;margin-left:auto;margin-right:auto;}
#headerright{ width:100%;float:left;text-align:center;padding:5px;}
#headerleft{ width:100%;float:left;text-align:center;padding:5px;}
#headerleft img{ width:70%;text-align:center;padding:5px;}
#headerarea{width:100%;font-size:12px;padding-top:0px;overflow:hidden;margin-left:auto;margin-right:auto;}
#contentlists.h2{text-shadow:2px 2px 1px #00a;font-size:14px;font-weight:bolder;}

#footerblock{font-size:12px;color:#000000;text-align:left;width:100%;height:auto;padding:10px;margin-right:auto;margin-left:auto;}
#pageframe{border-radius:0px;height:100%;background-color:#ffffff;width:100%;padding:0px;margin-left:auto;margin-right:auto;border: 0px solid red;}

#page{border-radius:5px;width:100%;height:auto;color:#000;padding:0px;float:center;margin-left:auto;margin-right:auto;}
h2{width:74%;color:#000;margin-top:20px;margin-bottom:20px;font-family:arial;font-size:16px;text-decoration:none;margin-left:30px;text-align:left;}
h3{font-family:arial;color:#000;text-shadow:1px 1px 2px #aaa;font-size:16px;font-weight:light;text-decoration:none;text-align:center;margin-right:auto;margin-left:auto;}
h4{color:#000;margin:0;font-family:arial;text-shadow:3px 3px 1px #aaa;font-size:16px;text-decoration:none;margin-right:auto;margin-left:auto;text-align:center;}
#eightypercent{width:100%;margin-left:auto;margin-right:auto;}

}