/*
Theme Name: Greasebusters
Theme URI: http://julieandcompany.com
Description: A custom Wordpress theme designed by Julie Matthews of Julie and Company.
Version: 1.0
*/

* {

	vertical-align: baseline;

	font-weight: inherit;

	font-family: "Gill Sans MT", Calibri, sans-serif;

	font-style: inherit;

	font-size: 100%;

	outline: 0;

	padding: 0;

	margin: 0;

}

a img {

	border: none;

}

body {

	background-color: #2C658C; /* Old browsers */

	background-repeat: no-repeat;

	margin: 0;

	

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	

	 background: url(data:images/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #85bde4 0%, #74a6cf 52%, #2c658c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85bde4), color-stop(52%,#74a6cf), color-stop(100%,#2c658c));
    background: -webkit-linear-gradient(top, #85bde4 0%,#74a6cf 52%,#2c658c 100%);
    background: -o-linear-gradient(top, #85bde4 0%,#74a6cf 52%,#2c658c 100%);
    background: -ms-linear-gradient(top, #85bde4 0%,#74a6cf 52%,#2c658c 100%);
    background: linear-gradient(to bottom, #85bde4 0%,#74a6cf 52%,#2c658c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85bde4', endColorstr='#2c658c',GradientType=0 ); 

}

h1, h2, h3, h6 {

	font-weight: bold;

}

h1 {

	font-size: 2em;

}

h2 {

	font-size: 1.2em;

	color: #ff0000;

}



a {

	color: #005B84;

}

ol, #pageContent ul, #pageContent2 ul, #content ul {

	margin-left: 30px;

}

b, strong {

	font-weight: bold;

}

em {

	font-style: italic;

}

table {	

	border-spacing: 0px;

	border: 1px solid black;

	margin-top: 10px;

	margin-bottom: 10px;

}

td {

	border: 1px solid black;

	padding: 5px;

}

#outerWrapper {

	margin: 15px auto;

	width: 1000px;

	position: relative;

}

header {

	width: 980px;

	z-index: 9999;

}

header h1 {

	font-style: italic;

	font-size: 41px;

	text-shadow: 0 0 0.2em #5C5C5C, 0 0 0.2em #5C5C5C, 0 0 0.2em #5C5C5C;

	color: #FFDF1B;

	float: left;

	margin-top: 57px;

}

header ul {

	list-style: none;

}

header li {

	display: inline;

}

header #logo {

	float: left;

	position: relative;

	z-index: 2;

}

#rightbox {

	float: right;

	margin-right:15px;

}

#rightbox p {

	clear: both;

	text-align: right;

}

header img {

	border: 0;

}

header p {

	font-size: 18px;

	color: #000;

}

header a {

	font-size: 18px;

	color: #000;

	text-decoration: none;

}

.alignright {

	float: right;

	margin: 5px 0 20px 20px;

}

#phoneNumber {

	color: #FFF;

	font-size: 31px;

	line-height: 30px;

}

#social {

	float: right;

	margin-top: 22px;

}

#row1 {

	position: absolute;

	top: 132px;

	left: /*321px;*/280px;

}

#row2 {

	position: absolute;

	top: 162px;

	left: 280px;

	/* margin-left:68px; */

}

#row1 li, #row2 li {

	-moz-border-radius: 10px 10px 0px 0px;

	border-radius: 10px 10px 0px 0px;

	margin-left: 5px;

	padding: 5px;

	float: left;

	width: 120px;

	display: block;

	background: #84bbe2;

	height: 25px;

	list-style: none;

	-moz-box-shadow: 0 0 10px #000;

	-webkit-box-shadow: 0 0 10px #000;

	box-shadow: 0px 0px 10px #000;

	line-height: 11px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

	color: #005B84;

}

#row1 li a, #row2 li a {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

	color: #005B84;

	display: block;

	width: 120px;

	height: 25px;

}

#row1 li.fireactive { background: #f23034; }
#row1 li.fireactive a { color: #FFF; }

#row1 li ul {

	display: none;

	z-index: 900;

}

#row2 li ul {

	display: none;

}

#row1 li:hover ul {

	display: block;

	position: absolute;

	padding: 0;

	z-index: 900;

	margin-left: -10px;

	/*margin-top: -5px;*/

	margin-top:0px;

}

 #row2 li:hover ul {

	display: block;

	position: absolute;

	padding: 0;

	z-index: 900;

	margin-left: -10px;

/*padding-top:4px;*/}

#row1 li:hover li, #row2 li:hover li {

	-moz-border-radius: 0px;

	border-radius: 0px;

	z-index: 900;

	float: none;

	padding: 5px;

	background-image: url(http://greasebusters.com/wp-content/themes/greasebusters/images/bg.png);

	width: 118px;

}

#row1 li:hover li a, #row2 li:hover li a  {

	color: #FFF;

}

#row1 li:hover li:hover a, #row2 li:hover li:hover a  {

	color: #84bbe2;

}

#row1 li:hover li:hover, #row2 li:hover li:hover  {

	background-color: #000;

}

#banner{

	-moz-border-radius: 17px;

	border-radius: 17px;

	background: #000;

	clear:both;

	position: absolute;

	top:192px;

	left:109px;

	width: 860px;

	height: 279px;

	overflow: hidden;

}



/* position absolute for scene container, so they'll be stacked */

.scene{

	position: absolute;

	width: 860px;

	height: 279px;

}

/* position absolute for background image so it'll be under all */

.scene img{

	position: absolute;

}

.scene p{

	-moz-border-radius: 10px;

	border-radius: 10px;

	margin: 0px 0px 10px 10px;

	position: absolute;

	width:340px;

	padding: 10px;

	border: 1px solid #FFF;

	background-image: url(http://greasebusters.com/wp-content/themes/greasebusters/images/bg.png);

	color: #FFF;

	font-size: 20px;

	line-height: 25px;

}

.icon {

	width:20px;

	padding: 12px 8px 0px 0px;

}

#banner2{

	z-index: 1;

	width: 378px;

	height: 197px;

	overflow: hidden;

}



/* position absolute for scene container, so they'll be stacked */

.scene2{

	z-index: 1;

	position: absolute;

	width: 378px;

	height: 197px;

}

/* position absolute for background image so it'll be under all */

.scene2 img{

	position: absolute;

	left:240px;

}

.scene2 p{

	position: absolute;opacity: 1!important;

	width: 220px;

}

.icon {

	width:20px;

	padding: 12px 8px 0px 0px;

}

#bannertop {

	position: absolute;

	top: 192px; 

	left: 109px;

}

#bannerbottom {

	position: absolute;

	z-index: 3;

	top: 434px;

	left: 102px;

}

#bannerbottom2 {

	position: absolute;

	z-index: 3;

	top: 296px;

	left: 102px;

}

#contentWrapper {

	position: relative;

	width: 865px;

	margin-left: 107px;

	overflow: auto;

	clear: both;

}

#pageContent {

	padding: 15px;

	width: 833px;

	min-height: 500px;

	margin-top: 288px;

}

#pageContent2 {

	padding: 15px;

	width: 833px;

	min-height: 550px;

	margin-top: 60px;

}

#pageContent2 .page .wpcf7 { max-width: 450px; }
#pageContent2 .page .wpcf7 input.wpcf7-text { padding: 0 10px; font-size: 16px; margin-bottom: 10px; display: block; width: 100%; box-sizing: border-box; border: #999 solid 1px; }
#pageContent2 .page .wpcf7 .start-date input { padding: 0 10px; margin-bottom: 10px; display: block; width: 100%; box-sizing: border-box; border: #999 solid 1px; }
#pageContent2 .page .wpcf7 label { padding-bottom: 5px; padding-top: 15px; display: block; font-size: 16px; }
#pageContent2 .page .wpcf7 select { padding: 0 15px 0 10px; margin-bottom: 10px; display: block; width: 100%; height: 30px; border: #999 solid 1px; }
#pageContent2 .page .wpcf7 .wpcf7-radio { margin-bottom: 10px; display: block; margin-left: -10px; }
#pageContent2 .page .wpcf7 .wpcf7-submit { margin-left: 0px; }
#pageContent2 .page .wpcf7 span.wpcf7-not-valid-tip { display: none !important; }
#pageContent2 .page .wpcf7 div.wpcf7-validation-errors { border: 0px; margin: 0px; color: #F00; }
#pageContent2 .page .wpcf7 div.wpcf7-mail-sent-ok { color: #063; }
#pageContent2 .page .wpcf7 .wpcf7-text { width: 100%; }
#pageContent2 .page .wpcf7 .wpcf7-not-valid { border-color: #F00 !important; }

#content {

	width: 865px;

	margin-top: 288px;

}

#content h1, #pageContent h1, #pageContent2 h1 {

	font-weight: bold;

	font-style: italic;

	font-size: 28px;

	margin-bottom: 15px;

	color: #005B84;

}

#content article, .widget-area aside, form#commentform, h2#archiveTitle {

	margin-bottom: 20px;

}

article ul {

	margin-left: 30px;

}

.box {

	background: #FFF;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #000;

	padding: 15px;

}

#mainText {

	float: left;

	width: 541px;

	min-height: 327px;

}

#mainText h1 {

	color: #005B84;

}

#mainText p, #mainText ul {

	margin-bottom: 10px;

}

#mainText iframe {

	float: right;

	margin: 0px 0px 10px 10px;

}

#quoteForm {

	float: right;

	width: 236px;

	min-height: 297px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	border: 1px solid #FFF;

	padding: 15px;

	background: #005B84;

	color: #FFF;

	font-size: 10px;

}

.wpcf7-submit {

	background: transparent url(http://greasebusters.com/wp-content/themes/greasebusters/images/button.png) no-repeat 0 0;

	border: none;

	width: 149px;

	height: 31px;

	margin: 10px 0px 0px 40px;

	cursor: pointer;

	cursor: hand;

}

.wpcf7-text {

	width: 224px;

	height: 30px;

	font-size: 18px;

	line-height: 13px;

	margin-bottom: 2px;

}



.wpcf7-captchar {

	width: 224px;

	height: 30px;

	font-size: 18px;

	line-height: 13px;

	margin-bottom: 2px;

}



#quoteForm {

	margin: 0px 0px 10px 10px;

}

#quoteForm ul {

	list-style-type: none;

}

#quoteForm h1 {

	margin-bottom: 17px;

	color: #FFF;

}

.bottomBox {

	margin-top: 15px;

	width: 386px;

	min-height: 270px;

	font-family: Verdana, Calibri, sans-serif;

}

.bottomBox h1 {

	color: #EA2D2E;

}

#testimonials {

	clear: both;

	float: left;

	font-weight: bold;

}

#ownership {

	float: right;

}

.tQuote {

	color: #005B84;

	font-style: italic;

	font-size: 19px;

}

.tAuth {

	color: #ED1C24;

	font-size: 14px;

	position: absolute;

	top: 100px;

}

#testimonials a, #ownership a {

	color: #ED1C24;

	font-size: 14px;

	font-weight: bold;

	text-decoration: none;

}

#testimonials img {

	float: right;opacity: 1!important;

}

#ownership img {

	float: left;

	margin-right: 15px;

}

#ownership p {

	font-size: 16px;

	line-height: 16px;

	color: #005B84;

	margin-bottom: 15px;

}

div.entry, div.entry p {

	margin: 10px 0;

}

.widget-area {

	width: 220px;

	float: right;

}

.widget-area ul li {

	list-style:none;

}

input#s {

	width: 150px;

}

footer {

	float: right;

	margin: 20px 0px 0px 105px;

}

footer p {

	padding-top: 12px;

	float: left;

	color: #FFF;

	font-weight: bold;

	font-style: italic;

	font-size: 15px;

}

footer span {

	color: #78A8CD;

	font-size: 9px;

	margin-right: 13px;

	font-size: .8em;

	float: right;

	padding: 15px;

}

footer a {

	color: #78A8CD;

	text-decoration: none;

}

table.location_search, .location_search td {

	border: none;

}

small {

	font-size: 9px;

}



ul.noJS{ padding-top:0px !important;}

#location_search_0_tr { width: 100%; float: left; }
#location_search_0_tr .location_search_cell { width: 24%; float: left; }
td.location_search_street_cell{display:none}
#location_search_1_tr  { width: 25%; float:left; }
#location_search_2_tr { float: left; width: 30%; padding-top: 0; }
#location_search_2_tr .location_search_distance_cell.location_search_cell {  font-family: "Gill Sans MT",Calibri,sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit; width: 100%; display: block; }

.location_search input[type="text"] { padding: 0 3px; font-size: 14px;   height: 30px;    line-height: 13px;    margin-bottom: 2px;    width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } 
.location_search input[type="submit"]  { background: #eb2a2e; color: #fff; border-radius: 10px; -webkit-border-radius: 10px;   border: medium none;    cursor: pointer;    height: 31px;    margin: 0 0 20px 0; cursor: pointer;    width: 110px; }

#location_search_1_tr .location_search_zip_cell.location_search_cell { width: 96%; display: block; }

#location_search_2_tr .location_search_distance_cell.location_search_cell { padding-bottom: 0; }

#location_search_1_tr { padding-right: 3px; }

#location_search_2_tr #location_search_distance_fields { padding-top: 0; width: 94.38%; }
#location_search_2_tr #location_search_distance_fields select { padding: 0 3px; box-sizing: border-box; -webkit-box-sizing: border-box;  cursor: pointer; font-size: 14px;   height: 30px;    line-height: 13px;    margin-bottom: 2px;    width: 100%; -webkit-border-radius: 0; }


body span.wpcf7-not-valid-tip{    font-size: 10pt;}
.mobile-menu{display:none;}
.menu-icon{display:none;}

.locationpage { padding: 10px 0px 0px 20px; }
.maplist { padding-top: 10px; }
.maplist .location { padding-bottom: 26px; }
.maplist h2 { font-weight: 400; font-size: 18px; }
.maplist h4 { padding-left: 30px; color: #005B84; font-size: 16px; font-family: "Gill Sans MT", Calibri, sans-serif; font-weight: normal; }
.maplist .locationlisting p { padding-left: 23px; font-size: 14px; margin-top: 0px; }
.maplist .locationlisting { background: none; width: auto; }
.maplist .locationlisting a { text-decoration: none; color: #000; margin-left: 4px; }
.maplist .locationlisting.titlebllocl  p { margin-top: 0px; padding-left: 50px; }
.maplist .locationlisting a:hover{ color: #005B84; }
.maplist { }
.maplist { }
.maplist { }
.maplist { }

@media only screen and (max-width:992px){
	#outerWrapper{width:95%;}
	header{float:left;width:100%;}
	
	
	header #logo{max-width: 190px;margin-bottom: -19px;}
	header h1{font-size: 34px;margin-top: 40px;}
	#social{margin-top:0;}
	#row1,#row2{left:auto;right:0;}
	#row2{top: 132px;}
	#row1{top: 100px;}
	#row1 li a, 
	#row2 li a,
	#row1 li, 
	#row2 li{width:95px;}
	#row1 .sub-menu li a, #row2 .sub-menu li a, #row1 .sub-menu li, #row2 .sub-menu li{width:120px;}
	
	#banner{position: static;width: 100%;}
	.scene img{width: 100%;}
	.scene{width:100%;overflow:hidden;}
	
	#outerWrapper > .widget-text{float: left;margin: -20px 0;position: relative;width: 100%;z-index: 9;}
	#outerWrapper > .widget-text img{float:left;width:100%;position:static;}
	
	#contentWrapper{margin:0;width:100%;}
	#content{margin:0;width:100%;float:left;}
	#mainText{width: 55%;}
	#quoteForm{width: 32%;}
	.bottomBox{width: 44%;}
	#banner2{width:100%;}
	footer{margin-left:0;margin-right:0;float:left;width:100%;}
	footer img{max-width:100%;}
	footer p,
	footer span{font-size: 11px;}
	
	#pageContent2,#pageContent{float:left;width:100%;margin-top:0;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	#bannertop{width: 100%;position: static;}

}


@media only screen and (max-width:767px){
	img{height:auto;}
	span.line{float:left;width:100%;display:none;}
        a.mail-to{float:left;width:100%;}        

	.menu-menu-1-container,
	.menu-menu-2-container{display:none;}
	#quoteForm{width:100%;margin-left:0;margin-right:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.wpcf7-form-control-wrap{float:left;width:100%;}
	.wpcf7-form-control-wrap input{float:left;width:100%;}
	footer p, footer span{font-size: 11px;margin: 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align: center;width: 100%;}
	table,table td{width:100%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.page-id-55 .entry div{height:auto !important;}
	#row1,#row2{position:static;width:100%;}
	*{max-width:100%;}
	iframe{max-width:100%;}
	header,#rightbox p{text-align:center;}
	header #logo{float:none;max-width:110px;}
	#rightbox{margin:20px 0 0;}
	#rightbox,#social{width:100%;}
	
	.mainMenu{position:relative;z-index:9999;float:left;width:100%;margin-bottom:20px;}
	.mobile-menu{display:none;text-align:left;float:left;width:100%;position:absolute;left:0;top:100%;}
	.mobile-menu > ul{background:#005B84;float:left;width:100%;padding:5px 0;}
	.mobile-menu > ul li{float:left;width:100%;}
	.mobile-menu > ul a{padding:5px 10px;width:100%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;font-size:12px;}
	.mobile-menu > ul ul{float:left;width:95%;padding:2.5%;display:none;position:static;}
	#location_search_0_tr .location_search_cell,
	#location_search_1_tr .location_search_cell,
	#location_search_1_tr,#location_search_2_tr,
	#location_search_5_tr{float:left;width:100%;}
	#simplemap{float:left;}
	div#results{float:left;width:100%;}
	body div.result div.result_address,
	body div.result div.result_phone,
	body div.result div.result_links,
	body div.result small{float:left;width:100%;text-align:left;padding:5px 0;}
	
	.menu-icon{display:inline-block;background-image:url(images/menu.png);background-position:-5px -5px;width:40px;height:30px;font-size:0;transition:all 0.1s ease-in-out 0.1s;-moz-transition:all all 0.1s ease-in-out 0.1s;-webkit-transition:all all 0.1s ease-in-out 0.1s;}
	.menu-icon.cross{background-position: -80px -4px;transition:all all 0.1s ease-in-out 0.1s;-moz-transition:all all 0.1s ease-in-out 0.1s;-webkit-transition:all all 0.1s ease-in-out 0.1s;}
	header h1{width:100%;font-size: 25px;margin-top: 15px;}
header a{font-size:15px;}
#phoneNumber{font-size: 20px;}
.menu-icon{margin-top:-45px;}
/* 6 April 2016 */
#banner, .scene{height: 220px;}
#mainText{width: 100%;
box-sizing: border-box; margin-bottom: 15px;
}


#banner{position:relative;left:0;top:0;}
.scene{height:100% !important;}
.scene img{max-height: 100%;height:auto;}
.scene p{box-sizing: border-box; width: 94%; font-size: 12px;
    line-height: 18px;}
#testimonials{width: 100%; box-sizing: border-box;}
#content h1, #pageContent h1, #pageContent2 h1{font-size: 25px;}
#tQuote{font-size: 15px;}
.scene2 img{left: auto; right: 0; top: 80px;}
.bottomBox{width: 100%; box-sizing: border-box;}
#ownership img{float: none;}
.scene2{width: 100%;}
#mainText iframe{float: none;}

#ownership{text-align: center;}
#ownership p{text-align: left;}

.mobile-menu > ul li:hover ul
{
display: block;
}
.bx-wrapper .bx-viewport, #banner2
{
height: 250px !important;
}
.tAuth{width: 136px !important;}
#simplemap{height: 350px !important;}
.gm-style{height: 100% !important;}
.menu-icon{float:left;}
#simplemap *{max-width:none;}
}



@media only screen and (min-width:768px) and (max-width: 1024px){
.scene2 p{width: 100%;}
.scene2 img{top: 40px; right: 12%; left:auto;}

.alignright{float: right;}

#rightbox{width:24%;margin-right:10px;}
#rightbox p a{font-size:16px;}

img.alignright{width:26%;height:auto;}
}

.submit{
appearance:none;
-moz-appearance:none; 
-webkit-appearance:none;}

.wpcf7-submit{font-size: 0;}

#mainText p:last-child{margin-top:10px;}