@CHARSET "ISO-8859-1";

* {
	padding: 0px;
	margin: 0px;
	font-family: 'Open Sans', Arial;
}

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #0C0C0C;
	color: #000;
	background-image: url(../images/background-gas.jpg)!important;
	background-repeat: repeat;
	background-position: center top;
	margin: 0;
	padding: 0;
	background-attachment: fixed;
}

.pipes {
	position: relative;
	background: transparent url(https://www.emergencyplumber.uk.com/images/pipes.png) no-repeat center top;
	width: 100%;
	height: auto;
	min-height: 395px;
}

.header {
	position: relative;
	background: transparent url(https://www.emergencyplumber.uk.com/images/top-links.png) no-repeat top left;
	width: 980px;
	height: 355px;
	margin: 0 auto;
}

.homepage-link{
	position:absolute;
	width: 290px;
	height: 110px;
	top:85px;
}

.book-emergency-link{
	position:absolute;
	width: 415px;
	height: 160px;
	top:180px;
	left: 555px;
}

.main-menu {
	width: auto;
	float: right;
	clear: both;
}

.main-menu ul  li {
	display: inline-block;
	padding: 13px;
	cursor: pointer;
}

.main-menu ul li:hover, .main-menu ul li.active {
	background-color: #1c73b6;
}

.main-menu ul li a {
	font-size: 16px !important;
	font-weight: bold !important;
	font-family: 'Montserrat', Arial !important;
	text-decoration: none !important;
	color: #FFF !important;
	text-transform: uppercase !important;
}

.main-menu ul li a:link{
	margin-right:0px;
}

.container {
	text-align: justify;
}

.container p, .entry-content p {
	font-family: 'Open Sans', Arial;
	color: #9d9d9c;
	font-size: 16px;
	padding: 10px 12px;
}

.container h1, .container h2, .container h3, .entry-header h1 a, .entry-content h1, .entry-content h2, .entry-content h3,.entry-header h1,.entry-header h2,.entry-header h3 {
	font-family: 'Montserrat', Arial;
	color: #1c73b6;
	font-size: 18px;
	font-weight: bold;
}

.container hr, .entry-header hr {
	margin-top: 10px;
	border: 1px solid #c8c8c7;
}

.container p a, .container a, .entry-content a, .entry-meta a, .nav-previous a, .nav-next a {
	color: #1c73b6;
	text-decoration: none;
	font-weight: bold;
}

.container a:link, .entry-content a:link, .nav-previous a:link, .nav-next a:link {
	font-family: 'Open Sans', Arial;
	font-weight: bold;
	font-size: 14px;
	margin-right: 0;
}

.footer {
	background: transparent url(../images/footer.jpg) no-repeat top left;
	width: 1008px;
	height: 242px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	clear:both;
}

.footer .upper {
	width: 1008px;
	height: 130px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 26px;
}

.footer .upper h2 {
	color: #FFF;
	font-size: 18px;
}

.footer .upper hr {
	border: 1px solid #FFF;
}

.footer .upper ul {
	width: 137px;
}
 
.footer .upper ul li {
	display:inline-block;
	padding: 5px 10px;
}

.footer .upper ul li a {
	color: #FFF;
	text-decoration: none;
}

.footer a:link {
	font-family: 'Open Sans', Arial;
	font-weight: normal;
	font-size: 14px;
	margin-right: 0;
}

.footer .upper ul li a:hover, .footer .upper ul li a.active {
	color: #0b3150;
	text-decoration: none;
}

.footer .footer-menu{
	width: 275px;
	margin-left:130px;
	margin-right:130px;
}

.footer .footer-logo{
	margin-left:20px;
}

.footer .call-martin{
	margin-top:60px;
}

.footer .bottom {
	width: 910px;
	height: 47px;
	color: #FFF;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 10px;
}

.copyrights {
	font-size: 14px;
	height: 22px;
	line-height: 22px;
}

.links li {
	display:inline-block;
	padding: 0 25px;
}
.links li a {
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
}

.our-services {
	padding-top: 25px;
	position:relative;
}

.our-services h2 {
	position: relative;
	font-family: 'Montserrat', Arial;
	color: #1c73b6;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	width: 200px;
	text-align: center;
	background-color: #FFF;
	margin: 0 auto;
	z-index: 10;
}

.our-services hr {
	position: relative;
	margin-top: -13px;
	border: 1px solid #c8c8c7;
	z-index: 9;
}

.our-services img {
	margin-top: 30px;
	margin-bottom: 60px;
}

.container .content{
	width: 980px;
	float:none;
	margin: 0 auto;
}


.connect-with-emergency-plumber{
	width: 315px;
	height: 325px;
	float: right;
	border: 1px solid #9d9d9c;
	background-color: #f6f6f6;
	color: #7F7F7F;
	margin-top: 40px;
	text-align: left;
}

.connect-with-emergency-plumber > div {
	padding: 15px 5px;
}

.connect-with-emergency-plumber h3 {
	font-size:16px;
	font-family: 'Montserrat', Arial;
	color: #bb1928;
	padding-bottom: 20px;
}

.connect-with-emergency-plumber > div > div  {
	font-size: 15px;
	font-family: 'Open Sans', Arial;
	height: 46px;
	padding: 5px 0;
}

.connect-with-emergency-plumber > div > div > div {
	float:left;
	line-height: 46px;
	padding-left: 15px; 
}

#myform
{
	background-color: #33ABDE;
	background-repeat: no-repeat;
	background-image: none;
	margin: 20px auto auto 0;
}

.sidebar {margin-left: 35px;}

.sidebar ul
{
	list-style: none;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5{
	text-align:left;
	font-size:16px;
}

/*HELPER CLASS*/
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.bold{font-weight: bold;}
.width600{width: 600px;}



/*WORDPRESS*/

#main a:not(.post_title_pbyp)
{
	font-size: 14px!important;
}

#page > .wrapper
{
	background-color:#FFF;
	padding-top: 45px;
	text-align: justify;
	padding-left:15px;
	padding-right:15px;
}

.site-content
{
	width:70% !important;
}

#page > .footer
{
	width: 1000px!important;
}

#page .footer-menu > hr
{
	margin:0!important;
}

.entry-meta, #recentcomments {
	font-family: 'Open Sans', Arial!important;
	color: #9d9d9c!important;
}

.widget-area h1, .widget-area h2, .widget-area h3
{
	font-family: 'Montserrat', Arial;
	color: #1c73b6;
	font-size: 18px;
	font-weight: bold;
	margin:0!important;
}

.post_title_pbyp{
	font-size: 24px!important;
}

.entry-header h1, .entry-header
{
	margin-bottom: 5px;
}

.entry-header hr
{
	margin:0;
}

.site-content article
{
	padding:0;
	margin:0;
}

.entry-content ul li
{
	font-family: 'Open Sans', Arial!important;
	color: #037DC9;
	font-size: 16px;
	line-height: 1.8em;
	text-align: justify;
}

body .site
{
	margin-top:0;
}

@media only screen and (max-width: 1026px) {
	.pipes{background: none;}
	.header,.main-menu,.container,.container .content,.footer,.footer .upper {width:100%;}
	#page > .footer{width: 100% !important;}
	.header ul{background-color:#468fc8; width:100%; text-align:center; height:auto;}
	.header ul li{display:inline-block; float:none;}
	.header{background: transparent url(../images/EmergencyPlumber.png) no-repeat center 73px; background-size:502px; height:314px;}
	.container a.homepage-link{position: absolute; width: 330px; height: 110px; margin: -7px auto 0 auto; top: 67px; left: 0; display: block; right: 0; }
	a:link{margin-right:auto;}
	.footer{background:none; background-color:#1470b9; height:auto; overflow:hidden;}
	.container a.book-emergency-link{display:none;}
	.our-services img{width:100%; height:auto; margin:10px 0 0 0;}
	.width600{width:96%;}
	.footer .footer-logo {margin: 0 auto; float: none; text-align: center;}
	.footer .footer-menu{margin: 0 auto;float: none;clear: both;}
	.footer .call-martin {display:none;}
	.footer .bottom{width: 60%;	float: none; margin: 0px auto; clear: both;	height: auto; padding:0; overflow: hidden; text-align:center;}
	.bottom .left{float:none; margin:0 auto; }
	.links li {padding: 2px 5px;}
	.social-media.right{float:none;}
	#myform{width:60%; margin:20px auto 0 auto;}
	.telepone-link{position: absolute; width: 100%; height: 104px; margin: -7px auto 0 auto; top: 222px; left: 0; display: block; right: 0;	}
	.site{padding:0; min-width:0; max-width:none;}
	body .site{padding:0; margin:0;}
	
}

@media only screen and (max-width: 860px) {
	.sidebar{float: none; width: 94%; margin: 0 auto; padding: 0;}
	.content img#n00000001{margin-left:0;}
	.container.sidebarc .content{width:98%; margin:0 auto;}
}

@media only screen and (max-width: 800px) {
	.site-content{width:100% !important;}	
}

@media only screen and (max-width: 650px) {
	.width600{width:95%;}
	.footer .bottom{width: 75%;}
	#contacttable th{min-width:70px; font-size:12px;}
	#contacttable td img{max-width:60px;}
	#myform{width:90%;}
}

@media only screen and (max-width: 502px) {
	.header {background: transparent url(../images/EmergencyPlumber.png) no-repeat center 122px;}
	.homepage-link{top:120px;}
	
	.container a.book-emergency-link{top:349px;width:345px;}
	.container p, .entry-content p{width:95%;padding:10px 2%;}
	
}

@media only screen and (max-width: 430px) {
	.header{background-size:100%;}	
	.container a.book-emergency-link{top:321px;width:100%;}
	.footer .bottom{width: 98%;}
	.bottom .left{margin: 12px auto;}
}

@media only screen and (max-width: 360px) {
	.container a.book-emergency-link{top:264px;}
	.container a.homepage-link{width:100%; height:86px; top:120px;}
	.container a.telepone-link{height:79px; top:205px;}
	.content img{max-width:100%;}
	
	.content img#n00000001{max-width:none;}
	.header{height:280px;}
}