/* ! Layout for desktop version   */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; margin:0; padding: 0; border: none; background-color: #ffffff;}
p { color: #000;  margin:  0; text-align: justify; font-size: 1em; line-height: 1.5em; }
h1 { font-size:1em; font-weight: bold; color: #512e91; }
h1.insidebox { text-align: center; margin: 0 auto; }
.redlge { color: red; font-size: 1.8em; line-height: 1em;}
h1.top { margin-top: 12px; color: red; }
h1.topline { font: normal bold 1.2em/1.5em Arial, Helvetica, sans-serif; color: blue; margin:-6px 0 2.5% 0; width: 58.56%}
h1.large { font-size:2em; font-weight: bold; color: #000000; margin: 2% 0 2% 0 }
span.purp {	color: #512e91; font-weight: bold;}
p.testi {	color: #333333; padding: 6px; text-align: justify;}
.termitebg { background-image:url(images/termitefacingleft.png); background-repeat: no-repeat;  background-position: 95% 100%; background-size: 27%;}
p.termitebg b { letter-spacing: .09em; }
hr.style-one {   border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); }
.addresstable { font-size:1.5em;  line-height:1.5em;}
.addresstable td { white-space: nowrap;font-size:1.5em;  line-height:1.5em; padding: 6px;}
img.grbordrt { padding: 3%; border: #999999 1px solid; margin:0; }
div.caption1 { font-size: .75em; color:#000000;  margin: 0; width: 198px; font-weight: bold; padding: 5px 0 ; }
div.caption320 { font-size: .75em; color:#000000;  margin: 0;  font-weight: bold; padding: 3% ; text-align: center; }
.mainbox { width: 94%;  padding: 3.0% 3.0% 0 3.0%;  color: black; background-color: white; margin: 0 auto;  border: none;  border-radius: 1.2em;
-ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) inset;
 -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) inset;
 -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) inset; 
  background-image: url(images/sanctuarypestmanagementballinatotheborder.gif); background-size: 37%; background-position: top right; background-repeat: no-repeat; -webkit-background-origin:content-box; /* Safari */
background-origin:border-box; background-scroll: fixed;}

.mainbg {   background-image: url(images/bodybg3.png); background-position: center -50px; background-repeat: no-repeat; background-attachment: fixed }
.mainbglighter {   background-image: url(images/bodybg3lighter.png); background-position: center -50px; background-repeat: no-repeat; background-attachment: fixed }
.mainbgwhite {   background-image: url(); background-position: center -50px; background-repeat: no-repeat; background-attachment: fixed }
.sidebox { width: 100%;  padding: 0;  color: black; background-color: white; margin: 0 auto;  border: thin solid gray;  border-radius: 1.2em;}
.sidebox p {font-size:  .75em; line-height: 1.5em; padding: 4% 3% 2% 6%; margin: 3% 0;}
.bgcolour {background-color: #3a2e99; }
.rndd {  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; margin: 0 0 0 0; }

.bgcolourlighter {background-color: #9362a6; }
.bgcolourwhite {background-color: #ffffff; }
.oflowvis {overflow: visible; }
.clearboth {clear:both;}
div.imagefloatcontainer { width: 36%; clear: both;float: right; padding: 0; margin: 28px 0 5% 5%; }
div.imagefloatcontainertopnomarg{ width: 36%; clear: both;float: right; padding: 0; margin: 0 0 5% 5%; }

.vlt {background-color: #ebeaf5; }
p.caption { clear:both; font-size: .75em; line-height: 1.5em; color:#000000;  margin: -4px 0 0 0; font-weight: bold; padding: 6px 0; text-align: center; background-color: white;}	
ul.mainbody { list-style: outside; margin: 1.5% 0 0 10%; padding: 0; border:  none;  }
ul.mainbody li {color: #000000; font-size: 1em; font-weight: bold; line-height: 1.5em;}
ul.mainbody li a:link, ul.mainbody li a:visited,  ul.mainbody li a:active {text-decoration: none; }
ul.mainbody li a:hover { text-decoration: underline; }
ol.biglist { margin: 25px 10%; width: 85%; list-style-position: outside; }
ol.biglist li { font: normal 1em/1.5em  Arial, Helvetica, sans-serif; }
div.nav { display:block; margin: 1%  0 1% 34%; font-size: .75em; color: black; width: 65%; text-align: center; }
div.nav a:link, div.nav a:visited, div.nav a:active { font-size: 1em; line-height: 1.7em; color: black; text-decoration: none; }
div.nav a:hover { color: red; text-decoration: underline; }
#splogo {margin: 5px auto; text-align:center; width: 100%;}
#navigation, #copyetc{ width: 95%;  display:block; margin: 1%  auto; padding: 0; font: normal 1.1em/1.7em  Arial, sans-serif; color: black;  text-align: center;  }
#navigation a:link, #navigation a:visited, #navigation a:active { font-size: 1em; line-height: 1.7em; color: black; text-decoration: none; }
#navigation a:hover { color: red; text-decoration: underline; }
  .navbox {  color: black; background-color: white; margin: 10px auto; padding:15px 0 0 0 ;    border-radius: 1.2em;   min-height: 1px;
-ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) inset;  }
ul.lfgt {margin: 4% 1% 4% 12%; padding: 0; border: none; list-style: outside; font-family: Arial, Helvetica, sans-serif}
ul.lfgt li  { font-size:  .75em; line-height: 1.9em ;color: black;  }
ul.lfgt a:link { color: black; text-decoration: none; }
ul.lfgt a:visited { color: black;text-decoration: none; }
ul.lfgt a:hover{  color: black;color: red; text-decoration: underline; }
ul.lfgt a:active { color: black;text-decoration: none; }
ul.lfgtinline {margin: 4% 1% 4% 12%; padding: 0; border: none; list-style: outside; font-family: Arial, Helvetica, sans-serif}
ul.lfgtinline li  { font-size:  .75em; line-height: 1.9em ;color: black; display:inline; }
ul.lfgtinline a:link { color: black; text-decoration: none; }
ul.lfgtinline a:visited { color: black;text-decoration: none; }
ul.lfgtinline a:hover{  color: black;color: red; text-decoration: underline; }
ul.lfgtinline a:active { color: black;text-decoration: none; }
ul.bottomlist { display:block;}
ul.bottomlist li { list-style-marker: none; display:block;}
h2 { font-size: 1.2em; line-height: 1.6em; font-weight: bold; color:#512e91; padding:0; margin: 10px  0 10px  0px; }
h2.lefgut { font: bold .8em/1.6em Arial, Helvetica, sans-serif; color:#512e91;  background-color: #eae8e8; padding: 4% 3% 4% 6%; margin: 3% 0; border: none;  }
h2.floatbox { font: bold .8em/1.6em Arial, Helvetica, sans-serif; color:#512e91;  background-color: #eae8e8; padding: 4% 0 4% 6%; margin:0; border-bottom: white solid 2px;  }
td.enqlef { min-width: 60px; max-width: 95px; color:#057ddc;}
div.emailincent {width: 100%; margin: 0 auto;}
div.emailincentsmall{width: 50%; margin: 0 auto;}
form {  font: bold .8125em/1.5em Arial, Helvetica, sans-serif; color: black; background-color: inherit; margin-left: 5%; }
textarea,input {display:block; border: 1px solid #999; width: 85%; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) }
textarea:focus, input:focus {border: thin solid red;color: red;font-weight: bold;background-color: PowderBlue;}
input.button { background-color: DeepSkyBlue; color:#fff; font-family: inherit; font-weight: bold; height:1.8em; margin: .5em 0;
/* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bfff', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#00bfff), to(#ffffff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #00bfff,  #fff); /* for firefox 3.6+ */ 
-webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; border: thin solid #999; }
input.button:hover {background:#fff; color:#09C; }
.smallcaption { font: normal  .6875em/1.5em  Arial, Helvetica, sans-serif;padding: 3% 3% 3% 6%; margin: 0; border: none; clear:both;}
.smallcaptionbotleft { font: normal  .6875em/1.5em  Arial, Helvetica, sans-serif;padding: 0; margin: 0; border: none; text-align:left;}
div.mainbox a:link {color:black; text-decoration: underline; }
div.mainbox a:visited { color:black; text-decoration: none; }
div.mainbox a:hover {color:red; text-decoration: underline; }
div.mainbox a:active {color:black; text-decoration: none; }
.smartphonetxt { display: none; }
.smartheaderonly { display: none; }
.smartonly { display: none; }
.phonenumberinheader { text-align: right; width: 160px; color: white; font-weight: bold; font-size: 130%; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; position: absolute; right: 5%; top: 50%; }
.phonenumright { text-align: right; width: 180px; color: white; font: bold 1em/2em Arial, Helvetica, sans-serif; position: absolute; right: 5%; top: 16%; }
.phonenumright img { position: relative; top: 3px; right: 5px; }
.rndd { background-color: #5bb7f8; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden; margin: 5px 0 0 0; border-width: 0px; border-style: solid; border-color: #186F8F; }
/* below is layout for TABLET version to adjust text sizes note different max width as adjustment for this particular issue   */
@media handheld, only screen and (min-width: 520px) and (max-width: 667px) {
.phonenumright { position: fixed; right: 30px; top: 20px; }
.phonenumright img { display: none; }
ul.sidelist li { display: inline }
.imagertcol, .imagertcol1 {margin: 0}
}

/* ! Layout for mobile version   */
@media handheld, only screen and (max-width: 768px) { 	
.addresstable {width: 55%; font-size:1.4em;  line-height:1.5em;} 
h1.redlge {color: red; font-size: 1.5em; line-height: 1em;}
 }
 /* below is layout for MOBILE PHONE version   */
/* below is layout for MOBILE PHONE version   */
@media handheld, only screen and (min-width: 320px) and (max-width: 520px) {
body { font-size: 70%; }
.container { min-width: 320px; }
.smarttaps { text-align: center; padding: 0; margin: 5px auto; border: none; font-size: 2.2em; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; color: #ffffff; padding: 5px 20px; background: -moz-linear-gradient( top, #42aaff 0%, #003366); background: -webkit-gradient( linear, left top, left bottom, from(#42aaff), to(#003366)); -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5); text-shadow: 0px -1px 0px rgba(000,000,000,0.7), 0px 1px 0px rgba(255,255,255,0.3); }
.call { background-image: url(images/phone.png); background-color: #8cc63f; background-position: 20px; background-repeat: no-repeat; background-clip: border-box; }
.txt { background-image: url(images/sms.png); background-color: #8cc63f; background-position: 20px; background-repeat: no-repeat; background-clip: border-box; }
.map { background-image: url(images/map.png); background-color: #8cc63f; background-position: 20px; background-repeat: no-repeat; background-clip: border-box; }
.smarttaps a, .smarttaps a:link, .smarttaps a:visited { text-decoration: none; color: white; display:block;}
.smarttaps a:hover, .smarttaps a:active { color: #6e3895; }
.smartonly { display: block; }
.desktopandtablet { display: none; }
div.phonenumberinheader { display: none; }
.smartheaderonly { display: block; max-width: 100%; height: auto; background-color: white; margin: 0 auto;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.sideboxall5 p, ul.rt93col li { font-size: 1em; }
ul.sidelist li { display: inline }
.imagertcol, .imagertcol1 {margin: 0}
}


/* ! Provide higher res assets for iPhone 4   */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;	}*/

}
#button1 {
	background: #d11717; border: 2px solid #eee; height: auto; width: auto; overflow: hidden; display: block; text-align: center; /*Rounded Corners*/
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /*Gradient*/
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	/*Shadow*/
	-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
	/*Transition*/
	-webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;
	margin-top: 5px;
}
#button1:hover {
  background-color: #ff3434;
}

.css3button {
	/* [disabled]padding: 20px; */
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ffffff;
	padding: 10px;
}
.strongtxt {
	font: bold 20px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.extrapadding {
	padding-top: 20px;
	padding-bottom:20px;
}
 /* select any element with a class attribute and outline it in red */ 
/* [class] { outline: 1px solid red; } */ 
/* select any element with a style attribute and outline it in green */
/* [id] {    outline: 1px solid green; } */ 
/* select any element with a style attribute and outline it in yellow */
/* [style] {    outline: 1px solid yellow; } */