/*
Theme Name: Northgas Appliance Services

Author: Sean Curtis

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{float: right; margin: 0 0 0 20px;}.alignleft{float: left; margin: 0 20p 20px 0 !important}.aligncenter{}

#site-title, #site-description, #comments, .post-edit-link, .home .entry-title, #search, .widget-title {display: none;}

body {
	background: #FFFFFF url("images/bg.jpg") center top;
	margin: 0 0 0 0;
	font-family: Open sans, Helvetica Neue, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	line-height: 150%;
	text-align:left;
	width: 100%;
}

#wrapper {
}

#header {
	width: 1000px;
	height: 181px;
	margin: 0 auto;
}

#header img {
	float: left;
}

#social {
	width: 33px;
	height: 33px;
	float: right;
	margin-top: 9px;
	text-align: right;
	display: none;
}

#phone-no {
	width: 299px;
	height: 49px;
	background: url("images/bg-phonr.jpg");
	float: right;
	margin-top: 59px;
	text-align: right;
	font-size: 36px;
	display: inline-block;
	vertical-align: middle;
}

#phone-no a {
	color: #FFFFFF;
	position: relative;
	display: inline-block;
	margin:  8px 10px 10px 10px;
	cursor: inherit;
	text-decoration: none;
}

#content #phone-no {
	width: 299px;
	height: 49px;
	background: none;
	float: right;
	margin: -9px -10px 0 0;
	text-align: right;
	font-size: 34px;
	display: inline-block;
	vertical-align: middle;
}

#phone-no-2 a {
	color: #FFFFFF;
	position: relative;
	display: inline-block;
	margin:  8px 10px 10px 10px;
	cursor: inherit;
	text-decoration: none;
}

#content #phone-no-2 {
	width: 339px;
	height: 49px;
	background: none;
	float: right;
	margin: -9px -10px 0 0;
	text-align: right;
	font-size: 34px;
	display: inline-block;
	vertical-align: middle;
}

ul.menu { 
	float: right;
	margin-top: 20px;
}

ul.menu li {
	display : inline;
	font-size: .885em;
	margin-left: 8px;
}

ul.menu li a {
	color: #333333;
	text-decoration: none;
}

ul.menu li :hover {
	color: #0091FC;
	text-decoration: underline
	}

a {
	color: #3B5998;
	text-decoration: none
}

a:hover {
	color: #3B5998;
	text-decoration: underline
	}
	
#container {
	width: 1000px;
	margin: 0 auto;
}

#content {
	width: 1000px;
	margin: 0 auto;
}

#sidebar {
	float: right;
	width: 300px;
	}

#top-section {
	background: url("images/appliances.jpg") top left no-repeat;
	width: 670px;
	height: 620px;
	float: left;
}

#footer {
	width: 1000px;
	margin: 0 auto;
	font-size: 12px;
}

#headline {
	float: left;
	background: #25577C;
	font-size: 50px;
	line-height: 100%;
	text-align: center;
	text-transform:uppercase;
	color: #FFFFFF;
	width: 670px;
	height: 99px;
	overflow:hidden !important;
	padding-top: 45px; 
	margin-bottom: 30px;
	}
	
#headline span {
	font-size: 60px;
}
	
.textwidget {
    background: #333333 url("images/bg-promo.jpg") no-repeat center top;
    max-height: 124px;
    min-height: 134px;
    color: #FFFFFF;
    font-size: 20px;
	padding: 0 8px 0 8px;
    display: table;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #333, -2px -2px 2px #000;
}

.textwidget p {
	display: table-cell;
	vertical-align: middle;	
}

.textwidget a {font-size: 14px;color: #FFF;}

li#text-3.widget-container.widget_text div.textwidget {
	background: #333333 url("images/bg-promo3.jpg") no-repeat center top;
	padding: 5px 5px 0 5px;
	min-height: 140px;
}

li#text-4.widget-container.widget_text div.textwidget {
	background: #333333 url("images/bg-promo2.jpg") no-repeat center top;
	font-size: 25px; 
}

#gform_widget-2 {
	width: 280px;
	background: #333333 url("images/bg-form.jpg") no-repeat center top;
	min-height: 580px;
    padding: 10px 10px 0 10px;
	color: #FFFFFF;
	margin-top: 30px;
}

.validation_error {
	font-size: 12px !important;
	color: #FFFFFF !important;
	text-align: center;
	line-height: 120%;
	margin-top: 30px !important;
	}

.gfield_description.validation_message  {
	font-size: 12px !important;
	padding: 0 !important;
}

.gform_heading {
	text-align: center !important;
	font-size: 25px;
	
}

.gform_confirmation_wrapper {
	min-height: 500px;
	padding: 80px 0 0 0;
}
	

.list {
	margin: 40px 0 0 360px;
	text-align: center;
}

.list li {
	margin: 10px 0;
	background: url("images/list-line.png") bottom center no-repeat;
	height: 60px;
}

.list li:last-child {
	background: none;
}

#services-list .col-sm-12 {
	width: 25%;
	float: left;	
}

.list-3 {
	padding: 0 0 0 20px
	
}

.su-list ul li > img {
    height: 2em !important;
    left: -10px !important;
    top: 0 !important;
    width: 2em !important;
}

div.su-list.su-list-style-.hot-water ul li img {
	 margin-top: 8px !important;
}

#services-left {width: 75%; float: left}
#services-right {width: 25%; float: right}

html body.home div#wrapper.hfeed div#container section#content article#post-9.post-9 section.entry-content div.su-list ul li {
	margin: 0 20px 15px 0!important;
	
}

html body.home div#wrapper.hfeed div#container section#content article#post-9.post-9 section.entry-content div.su-list {
	margin: -25px 0 0 0 !important;
}

.gfield_label {
	font-size: 12px;
	font-weight: normal;
}

.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {
    width: 98% !important;
}

h2 {
	font-size: 30px;
	clear: both;
	line-height: 110%;
}

h3 {
	background: url("images/bg-heading.jpg") right top;
	clear: both;
	width: 980px;
	height: 29px;
	font-size: 27px;
	display: inline-block;
	color: #FFFFFF;
	padding: 10px;
	margin: 30px 0;
}

em {font-style: italic}

#footer-bar {	
	width: 1000px;
	height: 29px;
	background: #25577C;
	display: block;
	margin: 10px 0 10px 0;
	color: #FFFFFF;
	font-size: 14px;
}

#footer-bar span {	
	float: right
}

#copyright img {
	margin-bottom: -5px}
	
#copyright {
	text-align: left;
	}

.gfield_required {
	color: #FF0210 !important;
}

.gfield_captcha { 
	width: 50%;
	height: auto;
	float: left;
	}	
	
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea, .gform_wrapper .simple_captcha_medium input, .gfield_label {
	font-size: 14px !important;
	padding: 2px !important;
}

table.heater-charges {
	width: 100%
}

td.head-left {
	width: 50%;
	text-align: left;
	vertical-align: bottom;
	padding: 5px 0 5px 0;
	}

td.head-right {
	width: 50%;
	text-align: right !important;
	vertical-align: bottom;
	padding: 5px;
	}

td.left {
	width: 50%;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #CCC;
}

td.right {
	width: 50%;
	text-align: right !important;
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #CCC;
}

table.heater-charges td span {
	font-size: 14px !important;
}

.su-spoiler-style-fancy {
    border: 1px solid #333333 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    background: #FFF !important;
    }

.su-spoiler-style-fancy > .su-spoiler-title {
    border-bottom: 1px solid #333333 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    background: #FFF !important;
    font-size: 22px !important;
}

.su-spoiler-icon {
    font-size: 20px !important;
    color: #1A9BFF !important;
	top: 14px !important;
}

.su-spoiler-title {
    padding: 14px 7px 14px 40px !important;
}

div.su-spoiler.su-spoiler-style-fancy.su-spoiler-icon-plus-circle > div.su-spoiler-content.su-clearfix > ul {
	list-style:disc;
	padding-left: 25px;
}

div.su-spoiler.su-spoiler-style-fancy.su-spoiler-icon-plus-circle > div.su-spoiler-content.su-clearfix > br {margin-top: 20px;}