@font-face {
    font-family: 'weather';
    src: url('/fonts/artill_clean_icons-webfont.eot');
    src: url('/fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/artill_clean_icons-webfont.woff') format('woff'),
         url('/fonts/artill_clean_icons-webfont.ttf') format('truetype'),
         url('/fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'junction_regularregular';
    src: url('/fonts/Junction-webfont.eot');
    src: url('/fonts/Junction-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Junction-webfont.woff') format('woff'),
         url('/fonts/Junction-webfont.ttf') format('truetype'),
         url('/fonts/Junction-webfont.svg#junction_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Fira+Sans);

* { margin: 0; padding: 0; outline: 0;}

body {
    align: center;
    font-size: 13px;
    line-height: 1.3;
    font-family: Arial, Helvetica, Sans-Serif;
    /*color: #565656;*/
    color: #525564;
    -webkit-padding-start: 15px;
    background: #fcfff4 url(/css/images/bg.gif) repeat-x 0 0;
    /*background: #e0e0e0 url(/css/images/greystone1.jpg) repeat;*/
    /*background: #e0e0e0 url(/css/images/greymarble.jpg) repeat;*/
    background: #E0E0E0 url(/css/images/clouds2.jpg) repeat;
    /*background: #E0E0E0 url(/css/images/raindrops-window-bw-pale-tile.jpg) repeat;*/
    /*background: #CCCCCC;*/
    background-attachment: fixed;
    /*background: #e0e0e0;*/
    /*-webkit-animation: backgroundScroll 60s linear infinite;*/
    /*-o-animation: backgroundScroll 60s linear infinite;*/
    /*animation: backgroundScroll 60s linear infinite;*/
}
/*body:before {
  content: " ";
  width: 500px;
  height: 500px;
  background: radial-gradient(circle 200px at 25% 33%, white, yellow, lightyellow, transparent);
  position: fixed;
  z-index: -1;
  top: -120px;
  left: -140px;
}*/
body:before {
  content: " ";
  width: 518px;
  height: 659px;
  background: url(/css/images/lensflare2.png) no-repeat;
  position: fixed;
  z-index: -1;
  top: -125px;
  left: -225px;
}
@-webkit-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -700px 0;}
}
 
@keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -700px 0;}
}
@-moz-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -700px 0;}
}
a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

h2 { font-size: 25px; line-height: 27px; /*color: #799632;*/ /*color: #ee3233;*/ /*color: #C25B56;*/ /*color: #990033;*/ color:#1ec6fe; font-family: "Trebuchet MS", "Fira Sans", Arial, sans-serif; font-style: italic; font-weight: normal; text-shadow:0 1px 1px rgba(0, 0, 0, 0.35);}

.boldred { font-size: 25px; line-height: 27px; /*color: #799632;*/ /*color: #ee3233;*/ /*color: #990033;*/ color:#1ec6fe; font-family: "Trebuchet MS", "Fira Sans", Arial, sans-serif; font-style: italic; font-weight: normal; text-shadow:0 1px 1px rgba(0, 0, 0, 0.35);}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.center { width: 980px; margin: 0 auto; }


/*.shell { width: 986px; background: #fff url(/css/images/shell-t.gif) no-repeat 0 0; margin: 0 auto; position: relative; padding: 0 0 50px 0;
box-shadow: inset 0 0 3px #1f8b1a, 0 0 10px #1f8b1a;
-moz-box-shadow: inset 0 0 3px #1f8b1a, 0 0 10px #990033;
-webkit-box-shadow: inset 0 0 3px #1f8b1a, 0 0 10px #990033;
border-radius: 7px;}*/
/* new shell */
.shell { 
width: 986px;
/*background-color: #fef6eb;*/
background-color: #EEEEEE;
    /*background-image: linear-gradient(#fefefe, #eeeeee, #fefefe);*/
    /*background-image: -webkit-linear-gradient(#fefefe, #eeeeee, #fefefe);*/
    /*background-image: -o-linear-gradient(#fefefe, #eeeeee, #fefefe);*/
margin: 0 auto;
position: relative;
padding: 0 0 50px 0;
/*box-shadow: inset 0 0 3px #b4b4b4, 0 0 5px #b4b4b4;*/
/*-moz-box-shadow: inset 0 0 3px #b4b4b4, 0 0 5px #b4b4b4;*/
/*-webkit-box-shadow: inset 0 0 3px #b4b4b4, 0 0 5px #b4b4b4;*/
/*border: 2px solid #74828f;*/
border: 2px solid #666666;
border-radius: 11px;
}
/* end new shell */
#header { margin-top: 2px;}

#header { margin-bottom: 5px;}

#header .taptocall {float: right; display: inline; padding-top:20px;}
#header .taptocall p{text-align: right;}
#header .taptocall a{text-align: right;}
#header .taptocall {font-size: 16px; letter-spacing: 0.02em; line-height: 10px; font-family: "Trebuchet MS", "Fira Sans", Arial, sans-serif; font-style: italic; font-weight: normal; margin-top:0px; color:#74828f;}

#header .right-part{float: right; display: inline; padding-top:35px;}
#header .right-part p{text-align: right;}
#header .right-part a{text-align: right;}
#header .right-part {font-size: 46.6px; line-height: 13px; font-family:"Trebuchet MS", "Fira Sans", Arial, sans-serif; font-weight: normal; font-style: italic; margin-top:0px; border:0; color:#061d05; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);}
#header .right-part p a{ /*color:#061D05;*/ color: #525564; font-family: "Cooper Black", "Tahoma", "Trebuchet MS", "Fira Sans", Arial, sans-serif; font-style:italic; font-weight: normal; text-decoration: none; }

#header .tagline {float: right; display: inline; padding-top:17px;}
#header .tagline p{text-align: right;}
#header .tagline a{text-align: right;}
#header .tagline {font-size: 17.5px; letter-spacing: 0.02em; line-height: 10px; font-family: "Trebuchet MS", "Fira Sans", Arial, sans-serif; font-style: italic; font-weight: normal; margin-top:0px; border:0; color:#de1738;}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
 opacity:0;  /* make things invisible upon start */
 -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
 -moz-animation:fadeIn ease-in 1;
 animation:fadeIn ease-in 1;
 
 -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
 -moz-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 
 -webkit-animation-duration:1s;
 -moz-animation-duration:1s;
 animation-duration:1s;
}

.fade-in {
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
animation-delay: 1.0s;
}

.fade-in.one {
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
animation-delay: 1.0s;
}
 
.fade-in.two {
-webkit-animation-delay: 2.0s;
-moz-animation-delay:2.0s;
animation-delay: 2.0s;
}
 
.fade-in.three {
-webkit-animation-delay: 3.0s;
-moz-animation-delay: 3.0s;
animation-delay: 3.0s;
}
/* service area box */

.areaboxcontainer {
position: relative;
height: 320px;
width: 600px;
/*background: #ececec url(/css/images/servicemapbg.png) no-repeat;*/
border: 1px solid #c1c1c1;
border-radius: 10px;
box-shadow: 2px 2px 3px #444;
/*background-image: linear-gradient(#e3e7c3, #c5c999);*/
/*background-image: linear-gradient(#fefefe, #ececec);*/
/*background-image: -webkit-linear-gradient(#fefefe, #ececec);*/
/*background-image: -o-linear-gradient(#fefefe, #ececec);*/
z-index: 1;
}
.areaboxcontainer::before {
content: "";
position: absolute;
top: 0; 
left: 75px;
width: 100%; 
height: 100%;
opacity: .3;
z-index: -1;
background: #ececec url(/css/images/servicemapbg.png) no-repeat;
}
/* end service area box */
 
/*---make a basic box ---*/
.box{
width: auto;
height: auto;
position: relative;
margin: 2px;
float: left;
background: transparent;
}
/* @group Blink */

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.attention {
   -webkit-animation: flickerAnimation 3s infinite;
   -moz-animation: flickerAnimation 3s infinite;
   -o-animation: flickerAnimation 3s infinite;
    animation: flickerAnimation 3s infinite;
    color: #fc6b25;
    font-weight: bold;
}

/* @end */
/* nav effect */
.button,
[class*="button-"] {
  position: relative;
  display: inline-block;
  overflow: hidden;
  /*float: left;*/
  /*margin: -1em 0.8em 1em 0.1em;*/
  margin: -12px 0 0 10px;
  /*padding: 0 2em;*/
  padding: 0 9px 0 0;
  height: 3.5em;
  font-family: 'Trebuchet MS', Arial, sans-serif;
  font: 300 1.02em/3.5em 'Open Sans', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  /*letter-spacing: .08em;*/
  letter-spacing: 0.45px;
  color: #000;
  -moz-transition: ease 0.35s all;
  -o-transition: ease 0.35s all;
  -webkit-transition: ease 0.35s all;
  transition: ease 0.35s all;
}
/*.button:hover,
[class*="button-"]:hover {
  text-decoration: none;
}*/

.button-hover:hover {
  line-height: 9em;
  text-decoration: none;
}
.button-hover:before {
  content: attr(data-text);
  /*color: #0191c8;*/
  /*color: #1877F2;*/
  /*color: #990033;*/
  /*color:#de1738;*/
  color:#1ec6fe;
  position: absolute;
  top: -2.75em;
}
#navigation ul li .active-page
{
  color:#1ec6fe;
  font-style: italic;
}
/*#navigation .active {
  position: relative;
  display: inline-block;
  overflow: hidden;
  /*color: #799632;*/
  /*padding: 0 2em;*/
  /*padding: 0 9px 0 0;
  margin: -12px 0 0 10px;
  /*height: 3.5em;*/
  /*font-family: "Trebuchet MS",Arial, sans-serif;
  font: 300 1.02em/3.5em 'Open Sans', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  /*font-style: italic;*/
  /*color: #799632;*/
  /*text-shadow: 0 1px 3px rgba(194, 91, 86, 0.75);*/
  /*letter-spacing: .1em;*/
  /*letter-spacing: 0.45px;
}*/
/* end nav effect */
/* tooltips */

.tooltip {
/*color: #ff0000;*/
/*color:#ee3233;*/
/*color: #C25B56;*/
color: #DE1738;
outline: none;
cursor: help;
text-decoration: underline;
font-weight: bold;
font-style: italic;
position: relative;
}
.tooltip span {
margin-left: -999em;
position: absolute;
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.tooltip:hover { text-decoration: none; border-bottom: none; }
.tooltip:hover span {
border-radius: 3px 18px 3px;
-moz-border-radius: 3px 18px 3px;
-webkit-border-radius: 3px 18px 3px;
box-shadow: 2px 2px 3px #74828f;
-webkit-box-shadow: 2px 2px 3px #74828f;
-mox-box-shadow: 2px 2px 3px #74828f;
/*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);*/
/*-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);*/
/*-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);*/
font-family: Calibri, Tahoma, Geneva, sans-serif;
position: absolute; left: -7em; top: 2em; z-index: 99;
margin-left: 0; width: 250px;
color: #525564;
font-weight: normal;
font-style: normal;
opacity: 1;
}
.tooltip:hover img {
border: 0; margin: -15px 0 0 -48px;
float: left;
position: absolute;
}
.tooltip:hover em {
font-family: Candara, Tahoma, Geneva, sans-serif;
font-size: 1.2em;
font-weight: bold;
display: block;
padding: 0.2em 0 0.6em 0.5em;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334; }
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
/*.info { background: #EFEFEF; border: 1px solid #979191; }*/
/*.info { background-image: linear-gradient(#fefefe, #ececec);border: 1px solid #b3b2b2; }*/
.info { background-image: linear-gradient(#fff, #CCCCCC); border: 1px solid #74828f; }
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

/* end tooltips */


h1#logo { float: left; display: inline; width: 536px; height: 65px; padding-top: 17px;}
  
/*h1#logo a { display: block; position: relative; height: 70px; background: url(/css/images/sprinklerrepairs.png), linear-gradient(#fefefe, #ececec) no-repeat 0 0; border: 1px solid #999; border-radius: 5px; box-shadow: 0px 0px 5px #999;}*/
h1#logo a { display: block; height: 70px; background: url(/css/images/sprinklerlogo.png) no-repeat 0 0;}
.btn,
.btn span { float: left; display: inline;  height: 21px; background: url(/css/images/read-more-btn.gif) no-repeat 0 0; padding-left: 5px; color: #fbfef3; font-weight: bold; font-size: 13px; line-height: 20px; }
.btn span { background-position: right 0; padding: 0 5px 0 0; }
.btn:hover,
.btn:hover span { text-decoration: none; color: #000; }

#slider { height: 236px; width: 984px;
/*background-color: #fef6eb;*/
background-color: #EEEEEE;
/*background-image: linear-gradient(#fefefe, #eeeeee, #fefefe);*/
/*background-image: -webkit-linear-gradient(#fefefe, #eeeeee, #fefefe);*/
/*background-image: -o-linear-gradient(#fefefe, #eeeeee, #fefefe);*/
/*border: 1px solid #b4b4b4;*/
padding: 0 0 3px 0;
position: relative;
border-radius: 10px 10px 0 0;}

#slider .content { width: 980px; height: 236px; position: relative; overflow: hidden;}
#slider .content ul { list-style: none outside none; position: relative; overflow: hidden; }
#slider .content ul li { width: 901px; height: 215px; position: relative; /*overflow: hidden;*/ padding: 21px 0 0 65px;}
#slider .content ul li .slide-image { float: left; display: inline; /*margin-right: 15px;*/}
#slider .content ul li .text-container { float: left; display: inline; width: 650px; position: relative; left: 15px; padding: 25px 0 0 0; margin: 0;}
#slider .content ul li .text-container .boldred { font-size: 30px; margin-bottom: 15px; }
#slider .content ul li .text-container .btn { margin-top: 20px; }


#slider .content ul li img {
position: relative;
top: -5px;
left: -15px;
/*border: 2px solid #74828f;*/
border: 2px solid #666666;
border-radius: 18px 3px 18px;
/*box-shadow: 2px 2px 3px #74828f;*/
background-image: linear-gradient(#fff, #CCCCCC);
background-image: -webkit-linear-gradient(#fff, #CCCCCC);
background-image: -o-linear-gradient(#fff, #CCCCCC);
/*background: #beb9b5;*/
/*background-image: linear-gradient(#beb9b5, #fef6eb, #beb9b5);*/
/*background-image: -webkit-linear-gradient(#beb9b5, #fef6eb, #beb9b5);*/
/*background-image: -o-linear-gradient(#beb9b5, #fef6eb, #beb9b5);*/
}
/*#slider .content ul li .text-container p {
overflow: hidden;
}*/
#slider .content ul li .text-container p {font-size: 17px; color: #525564;}
@media only screen and (max-width: 480px) {
    #slider .content ul li .text-container p {
        font-size: 1.1em;/* mobile font-size */
    }
}
@media only screen and (max-width: 768px) {
    #slider .content ul li .text-container p {
        font-size: 1.1em;/* mobile font-size */
    }
}
#slider .content ul li .text-container .lower .boldred {margin-top: 14px;}


#slider .content .jcarousel-clip,
#slider .content .jcarousel-container { position: relative; overflow: hidden; width: 980px; height: 236px;}
/*#slider .nav { position: absolute; top: 1px; right: -2px; width: 60px; height: 235px; display: block; background: url(/css/images/slider-nav.gif) no-repeat 0 0; box-shadow: 5px 0 5px #888; border-radius: 0 10px 10px 0;}*/
/*#slider .nav { position: absolute; top: 115px; right: -1px; width: 125px; height: 125px; display: block; background: url(/css/images/christmasribbon.png) no-repeat;}*/
/*background-position: left top, right bottom;}*/
/*#slider .nav #up,*/
/*#slider .nav #down { width: 60px; height: 60px; display: block; }*/
/*#slider .nav #up { background: url(/css/images/slider-up.gif) no-repeat 0 bottom; margin: 25px 0 0 8px;}*/
/*#slider .nav #up { background: url(/css/images/blueUpArrow2.png) no-repeat 0 bottom; width: 60px; height: 60px; margin: 5px 0 0 0;
opacity: 1;
transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;}
#slider .nav #up:hover { background-position: 0 0;
opacity: 0.6;
transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;}*/

/*#slider .nav #down { background: url(/css/images/slider-down.gif) no-repeat 0 0; margin: 30px 0 0 8px;}*/
/*#slider .nav #down { background: url(/css/images/blueDownArrow2.png) no-repeat 0 bottom; width: 60px; height: 60px; margin: 105px 0 0 0;
opacity: 1;
transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;}*/

/*#slider .nav #down:hover { background-position: 0 bottom;
opacity: 0.6;
transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;}

.bushes { position: relative; top: -62px; }
.bushes #bushleft img { float: left; }
.bushes #bushright img { float: right; }
#grass-center img { position: relative; top: -70px; }*/


/*#navigation { position: absolute; width: 1014px; height: 69px; background: url(/css/images/navigationbg2.png) no-repeat 0 0; top: 226px; left: -11px;}*/
#navigation {
position: absolute;
left: -15px;
width: 1013px; 
height: 50px;
/*background-color: #cedeed;*/
background-color: #EEEEEE;
/*background-image: linear-gradient(#e7e7e7, #fefefe, #e7e7e7);*/
/*background-image: -webkit-linear-gradient(#e7e7e7, #fefefe, #e7e7e7);*/
/*background-image: -o-linear-gradient(#e7e7e7, #fefefe, #e7e7e7);*/
/* beige nav bar */
/*background-image: linear-gradient(#beb9b5, #fef6eb, #beb9b5);*/
/*background-image: -webkit-linear-gradient(#beb9b5, #fef6eb, #beb9b5);*/
/*background-image: -o-linear-gradient(#beb9b5, #fef6eb, #beb9b5);*/
/* end beige nav bar */
/*background-image: linear-gradient(#aac8e0, #ffe, #BED4E9);*/
/*background-image: -webkit-linear-gradient(#bed4e9, #ffe, #bed4e9);*/
/*background-image: -o-linear-gradient(#aac8e0, #ffe, #aac8e0);*/
/*background: #E0E0E0 url(/css/images/clouds2.jpg) repeat-x;*/
background-position: center;
border: 1px solid #666666;
border-radius: 0px 15px 0px;
box-shadow: 2px 2px 10px #666666;
/*box-shadow: 0 4px 2px -2px #74828f;*/
}

.tltri:before, .brtri:before {
content: "";
position: absolute;
height: 0;
width: 0;
}
.tltri:before {
  bottom: 51px;
  left: -2px;
  border-bottom: 15px solid #666666;
  border-left: 15px solid transparent;
  float: left;
}
.brtri:before {
  top: 50px;
  right: -2px;
  border-top: 15px solid #666666;
  border-right: 15px solid transparent;
  float: right;
}

/*#navigation ul { list-style: none outside none; padding: 27px 0 0 9px; }*/
/* good */
/*#navigation ul { list-style: none outside none; padding: 14px 0 0 14px; }*/
@media only screen and (max-device-width: 768px) {
    #navigation ul li {
     display: inline;
     padding: 0 5px 0 0;
    }
}

/*@media screen and (max-device-width : 667px) 
    and (-webkit-device-pixel-ratio: 2)
{
    #navigation ul li {
     padding: 0 -10px 0 0;
    }
}*/
/*@media screen and (min-device-width : 414px) 
    and (-webkit-device-pixel-ratio: 3)
{
    #navigation ul li {
     padding: 0 -15px 0 0;
    }
}*/

/*@media all and (min-width: 50em) {
    #navigation ul li {
        padding:0 10px 0 0;
    }
}*/

#navigation ul li { float: left; display: inline; padding: 14px 5px 0 15px; -webkit-padding-end: 2px; /*-webkit-padding-start: 10px;-moz-padding-end: 12px;*/
}
@media only screen and (max-device-width: 768px) {
    #navigation ul li {
     display: inline;
     padding: 14px 12px 0 15px;
    }
}
/* end good */


/* good */
/*
@-moz-document url-prefix() {#navigation ul li { float: left; display: inline; padding: 0 5px 0 0;}}
*/
/*margin: 0 9px 0 0;*/
/* end good */

/*#navigation ul li a,
#navigation ul li a span { float: left; display: inline; height: 25px; line-height: 24px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #545d50; padding: 0 0 0 7px;
-o-transition: color .2s linear;
-ms-transition: color .2s linear;
-moz-transition: color .2s linear;
-webkit-transition: color .2s linear;
transition: color .3s linear;}*/
/*#navigation ul li a span { padding: 0 10px 0 0;}*/


/*#navigation ul li a:hover,
#navigation ul li a:hover span { text-decoration: none; background: url(/css/images/nav-hover.gif) no-repeat 0 0; color: #fff;}*/
/*#navigation ul li a:hover span { background-position: right 0;}*/

#main { padding: 70px 10px 0;}

.scrollercontainer {
position: relative;
top: -10px;
/*border: 1px solid #000;*/
height:30px;
/*border-bottom: 1px dashed #c2c2c2;*/

padding-bottom: 15px;
}
.serviceAreaContainer { border-bottom: 1px dashed #78823a; padding-bottom: 10px; margin-top: 2px;}
.serviceAreaContainer h2 {margin-bottom: 10px;}
.serviceAreaContainer a{ font-size:15px; color:#78823a; padding-left:10px; }
.serviceAreaContainer a:hover {color:#000;}

#content { width: 600px; }

#sidebar { width: 350px; }

.welcome { border-bottom: 1px dotted #0191c8; padding-bottom: 23px;}
.welcome h2{ padding: 6px 0 10px 0; }

.linespacer { margin-top: 17px; }

.news { padding-top: 20px; }
.news-item { /*border-bottom: 10px dashed #c2c2c2;*/ border-bottom: 1px dotted #0191c8; padding-bottom: 20px; margin-bottom: 20px;}

/*.news-item { padding-top: 15px; padding-bottom: 20px; margin-bottom: 20px; box-shadow: 0px 0px 4px 0px #78823a;}*/
/*.news-item:hover { box-shadow: 0px 0px 5px 0px #000;}*/
.news-item .news-pointer { position: relative;  float: left; display: inline;  width: 78px; height: 63px; background: url(/css/images/news-pointer2.gif) no-repeat 0 0; font-size: 43px; font-weight: bold; padding: 17px 0 0 36px; margin: 0 30px 0 -23px;  }

/*.news-item .news-pointer { position: relative;  float: left; display: inline;  width: 150px; height: 172px; background: url(/css/images/triangle.png) no-repeat 0 0; font-size: 43px; font-weight: bold; padding: 25px 0 0 36px; margin: -20px 20px 0 -40px;  }*/

.news-item .news-body { float: left; display: inline;  width: 470px; }
.news-pointer img { position: relative; left: -15px; top: 2px; }

/*.news-pointer img { position: relative; left: -8px; top: 30px; }*/

.news-item .news-body h3 { float: left; display: inline;  font-size: 22px; /*color: #799632;*/ /*color: #0191c8;*/ /*color: #990033;*/ color:#1ec6fe;font-family: "junction_regularregular", "Trebuchet MS", "Fira Sans", Arial, sans-serif; font-weight: normal;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);}
.news-item .news-body h3 a {color: #768070; text-decoration: underline; }
.news-item .news-body h3 a:hover { color: #799632; text-decoration: none; }
.news-item a.btn { margin: 5px 0 0 8px; }
.news-item a.btn span em { background: url(/css/images/ico-btn.gif) no-repeat right 5px; padding-right: 13px; font-style: normal; }
.news-item .news-body h4 { font-size: 13px; /*color: #78823a;*/ /*color: #ee3233;*/ /*color: #DE1738;*/ color: #000000; padding-top: 5px; }
.news-item .news-body h4 a { /*color: #78823a;*/ /*color: #ee3233;*/ color: #333333; font-style: italic; text-decoration: none;}
.news-item .news-body h4 a:hover { text-decoration: none; }
.news-item .news-body p a { /*color: #ee3233;*/ color: #C25B56; text-decoration: underline; }
.news-item .news-body p a:hover { text-decoration: none; }
.news-item .news-body h4 img{
width: 37px;
height: 20px;
position: relative;
top: 5px;
left: 2px;
}

#bbblogo img { margin: 20px 0 0 187px; }

.blog-roll{ }
.blog-roll .boldred { /*margin-bottom: 10px;*/ margin: 8px 0 10px 0; }

.blog-roll .rss-feed { float: right; display: inline;  width: 19px; height: 20px; background: url(/css/images/ico-rss.gif) no-repeat 0 0; margin-top: 8px; }
.blog-roll h2 img{
position: relative;
width: 62px;
height: 75px;
top: -30px;
left: 60px;
margin: 0 0 -45px 0;
}



.blog-roll .blog-item { border-bottom: 1px dotted #c2c2c2; line-height: 16px; padding-bottom: 7px; margin-bottom: 7px; }
.blog-roll .blog-item h4 { font-size: 13px; /*color: #78823a; color: #005b9a;*/ color: #061d05;}
.blog-roll .blog-item .blog-date { font-size: 10px; }
.blog-roll .blog-item a { /*color: #ee3233;*/ /*color: #990033;*/ color:#1ec6fe; text-decoration: underline;  }
.blog-roll .blog-item p a:hover { text-decoration: none; }

.blog-buttons { height: 145px; border-bottom: 1px dashed #c2c2c2; padding-bottom: 10px; margin-top: 25px; }
.blog-buttons .boldred { margin-bottom: 15px; }
.blog-buttons button { height: 50px; width: 150px; font-size: 20px; color:#799632; font-family: "Trebuchet MS", "Fira Sans", Arial, sans-serif;}
/*.blog-buttons img { padding:0 15px 0 0; }*/
/*.blog-buttons img { padding:0 3px 0 12px;
opacity: 1;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}*/
/*.blog-buttons a img:hover {
    opacity: 0.7;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}*/
.blog-buttons #GalleryButtons {
float: left;
position: relative;
left: 4px;
width:95px;
height:95px;
color: #666;
font-size: 16px;
font-weight: bold;
font-style: italic;
font-family: "Trebuchet MS",Arial, sans-serif;
text-shadow: 0 1px 0 #ECFBFF;
margin: 0 35px 25px 35px;
border: 1px solid #c1c1c1;
border-radius: 10px;
box-shadow: 2px 2px 3px #444;
/*background-image: linear-gradient(#e3e7c3, #c5c999);*/
background-image: linear-gradient(#fefefe, #ececec);
}
.blog-buttons a{
position: absolute;
color: #666;
}
.blog-buttons #GalleryButtons img{
position: relative;
left: 2px;
top: 2px;
}

.social { border-bottom: 1px dotted #c2c2c2; padding-bottom: 80px; margin-top: 25px; }
.social .boldred { margin-bottom: 10px; }

.social-slide { height: 48px; width: 48px; margin: 10px; float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
        border-radius: 2px 15px 2px;
}
.social-slide:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
        /*box-shadow: 0px 0px 4px 1px rgba(1,145,200,0.8);*/
}
.facebook-hover {
	margin-right:25px; background-image: url('/css/images/facebook-hover.png');
}
.twitter-hover {
	margin-right:25px; background-image: url('/css/images/twitter-hover.png');
}
.yelp-hover {
	margin-right:25px; background-image: url('/css/images/yelp-hover.png');
}
.pinterest-hover {
	background-image: url('/css/images/pinterest-hover.png');
}
.instagram-hover {
	background-image: url('/css/images/instagram-hover.png');
}
.contact { border-bottom: 1px dotted #c2c2c2; padding-bottom: 10px; margin-top: 25px; background: url('/css/images/envelope.png') no-repeat;  background-position: 212px 34px; background-size: 60px 60px;}
.contact .hours {color: #fc6b25; font-style: italic; }
.contact .boldred { margin-bottom: 12px; }

.celebrating {
    position: relative;
    margin-top: 10px;
    margin-left: 25px;
}
#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 300px; 
    height: 274px; 
    padding: 1px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    border: 1px solid black; 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

.holiday {
position: relative;
top: 25px;
background: url(css/images/happyholidays.png);
}
#triangle-right {
position: relative;
top: 3px;
padding: 0 5px 0 0;
display: inline-block; 
width: 0;
height: 0;
border-top: 7px solid transparent;
border-left: 14px solid #c25b56;
border-bottom: 7px solid transparent;
}
#triangle-left {
position: relative;
top: 3px;
padding: 0 0 0 5px;
display: inline-block;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-right: 14px solid #c25b56;
border-bottom: 7px solid transparent;
}
.curvedarrow {
 position: relative;
 display: inline-block;
 margin: 0 5px 0 5px;
 width: 0;
 height: 0;
 border-top: 9px solid transparent;
 border-right: 9px solid #DE1738;
 -webkit-transform: rotate(-43deg);
 -moz-transform: rotate(-43deg);
 -ms-transform: rotate(-43deg);
 -o-transform: rotate(-43deg);
 }
.curvedarrow:after {
 content: "";
 position: absolute;
 border: 0 solid transparent;
 border-top: 3px solid #DE1738;
 border-radius: 20px 0 0 0;
 top: -12px; left: -9px;
 width: 12px; height: 12px;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 }
.curvedarrow2 {
 position: relative;
 display: inline-block;
 margin: 0 0 0 5px;
 width: 0;
 height: 0;
 border-top: 9px solid transparent;
 border-right: 9px solid #DE1738;
 -webkit-transform: rotate(137deg);
 -moz-transform: rotate(137deg);
 -ms-transform: rotate(137deg);
 -o-transform: rotate(137deg);
 }
.curvedarrow2:after {
 content: "";
 position: absolute;
 border: 0 solid transparent;
 border-top: 3px solid #DE1738;
 border-radius: 20px 0 0 0;
 top: -12px; left: -9px;
 width: 12px; height: 12px;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 }
.deck {
position: relative;
left: 10px;
height: 249px;
width: 580px;
background-image: url('/css/images/VDeck_underside580.jpg');
} 
#deckunderside {
display: inline-block;
position: relative;
left: 10px;
}
#bladespin {
display: inline-block;
width: 92px;
height: 92px;
opacity: 0.6;
position: relative;
left: 250px;
top: 118px;
animation: bladerotation 3s infinite linear;
moz-animtation: bladerotation 3s infinite linear;
-webkit-animation: bladerotation 3s infinite linear;
-moz-transform-origin: 49.7% 50.6%;
-webkit-transform-origin:49.7% 50.6%;
}
@-webkit-keyframes bladerotation {
    from {-webkit-transform: rotate(359deg);}
    to   {-webkit-transform: rotate(0deg);}
}
@keyframes bladerotation {
    from {transform: rotate(359deg);}
    to   {transform: rotate(0deg);}
}
@-moz-keyframes bladerotation {
    from {transform: rotate(359deg);}
    to   {transform: rotate(0deg);}
}
#bladespin2 {
display: inline-block;
width: 92px;
height: 92px;
opacity: 0.6;
position: relative;
left: 262px;
top: 79px;
animation: bladerotation2 3s infinite linear;
moz-animtation: bladerotation2 3s infinite linear;
-webkit-animation: bladerotation2 3s infinite linear;
-moz-transform-origin: 49.7% 50.6%;
-webkit-transform-origin:49.7% 50.6%;
}
@-webkit-keyframes bladerotation2 {
    from {-webkit-transform: rotate(359deg);}
    to   {-webkit-transform: rotate(0deg);}
}
@keyframes bladerotation2 {
    from {transform: rotate(359deg);}
    to   {transform: rotate(0deg);}
}
@-moz-keyframes bladerotation2 {
    from {transform: rotate(359deg);}
    to   {transform: rotate(0deg);}
}
#bladespin3 {
display: inline-block;
width: 92px;
height: 92px;
opacity: 0.6;
position: relative;
left: 275px;
top: 115px;
animation: bladerotation3 3s infinite linear;
moz-animtation: bladerotation3 3s infinite linear;
-webkit-animation: bladerotation3 3s infinite linear;
-moz-transform-origin: 49.7% 50.6%;
-webkit-transform-origin:49.7% 50.6%;
}
@-webkit-keyframes bladerotation3 {
    from {-webkit-transform: rotate(359deg);}
    to   {-webkit-transform: rotate(0deg);}
}
@keyframes bladerotation3 {
    from {transform: rotate(359deg);}
    to   {transform: rotate(0deg);}
}
@-moz-keyframes bladerotation3 {
    from {transform: rotate(359deg);}
    to   {transform: rotate(0deg);}
}
.estimate {
position: relative;
top: -1px;
color: #fff;
font-size: 38px;
font-style: italic;
font-family: "Trebuchet MS", "Fira Sans", Arial,Georgia, serif;
text-align: center;
background: #ee3233;
margin: 0 auto; 
margin-top: 75px;
margin-bottom: 75px;
width: 800px; 
height: 50px;
border: 1px solid #74828f;
border-radius: 25px;
box-shadow: 2px 2px 3px #74828f;
transition: all 0.3s ease 0s;
}

.estimate a {
color: #fff;
}
.estimate:hover {
background: #96c0ce;
}
.estimate a:hover {
text-decoration: none;
}
/* start estimate button test */




/* end estimate button test */



/* add 170px to height for each new testimonial */
/*.testimonials { height: 215px; border-bottom: 1px dashed #c2c2c2; padding-bottom: 4px; margin-top: 25px; overflow: hidden;
transition:height 0.5s linear;
-webkit-transition:height; 0.5s linear;
-moz-transition:height 0.5s linear; 
-o-transition:height 0.5s linear; 
-ms-transition:height 0.5s linear;
 }*/
.testimonials { height: 300px; padding-bottom: 30px; margin-top: 10px; overflow: hidden;}
.testimonials .boldred { margin:15px 0 15px 10px; }

/*.testimonials:hover {
    display: block;
    height: 1100px;
    position: relative;
    transition:height 1s linear;
    -webkit-transition:height 1s linear;
    -moz-transition:height 1s linear; 
    -o-transition:height 1s linear; 
    -ms-transition:height 1s linear;
    cursor:pointer; 
}*/
/* testimonial accordion */
.accordion {
    /*-webkit-box-shadow: 0px 75px 35px -55px rgba(236, 236, 236, 1.6);*/
    /*-moz-box-shadow: 0px 75px 35px -55px rgba(236, 236, 236, 1.6);*/
    /*box-shadow: 0px 75px 35px -55px rgba(236, 236, 236, 1.6);*/
    box-shadow: 2px 2px 3px #74828f;
    font-family: Arial, Helvetica, sans-serif;
    /*border-color: #525564;*/
    /*border-style: solid;*/
    /*border-width: 1px;*/
    border: 1px solid #525564;
    border-radius: 3px 18px 3px;
    -webkit-border-radius: 8px;
    margin: 0 auto;
    height: 210px;
    width: 972px;
}

.accordion > ul > li,
.accordion-title,
.accordion-content,
.accordion-separator {
    float: left;
}

.accordion > ul > li {
    background-color: #999;
    margin-right: -480px;
    margin-bottom: -0px;
}

.accordion-select:checked ~ .accordion-separator {
    margin-right: 480px;
    margin-bottom: 0px;
}

.accordion-title,
.accordion-select  {
    /*background-color: #efefef;*/
    background-image: linear-gradient(#fff, #EEEEEE);
    background-image: -webkit-linear-gradient(#fff, #EEEEEE);
    background-image: -o-linear-gradient(#fff, #EEEEEE);
    /*color: #ee3233;*/
    /*color: #c25b56;*/
    color: #666666;
    /*text-shadow: 0 1px 0 #fff;*/
    width: 40px;
    height: 210px;
    font-size: 15px;
    font-family: "Trebuchet MS", "Fira Sans", Arial, Helvetica, sans-serif;
}

.accordion-title span {
    margin-bottom: 20px; 
    margin-left: 20px;
}

.accordion-select:hover ~ .accordion-title,
.accordion-select:checked ~ .accordion-title {
    /*background-color: #3068cc;*/
/*background: linear-gradient(#abc9e5, #e1eaf3, #abc9e5);*/
/*background: -webkit-linear-gradient(#abc9e5, #e1eaf3, #abc9e5);*/
/*background: -o-linear-gradient(#abc9e5, #e1eaf3, #abc9e5);*/
background-image: linear-gradient(#EEEEEE, #fff);
background-image: -webkit-linear-gradient(#EEEEEE, #fff);
background-image: -o-linear-gradient(#EEEEEE, #fff);
}

.accordion-title span  {	
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-writing-mode: lr-bt;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin-left: 0px;
    line-height: 40px;
}

.accordion-content {
    /*background-color: #efefef;*/
    background-image: linear-gradient(#EEEEEE, #fff);
    background-image: -webkit-linear-gradient(#EEEEEE, #fff);
    background-image: -o-linear-gradient(#EEEEEE, #fff);
    /*color: #f5f2f0;*/
    height: 170px;
    width: 440px;
    padding: 20px;
}

.accordion-title,
.accordion-select:checked ~ .accordion-content {
    margin-right: 1px;
    margin-bottom: 1px;
}

/* Do not change following properties, they aren't 
generated automatically and are common for each slider. */
.accordion {
    overflow: hidden;
}

.accordion > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 101%;
}

.accordion > ul > li,
.accordion-title {
    position: relative;
}

.accordion-select {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 1;
}

.accordion-title span {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    white-space: nowrap;
}

.accordion-content {
    position: relative;
    overflow: auto;
}

.accordion-separator {
    transition: margin 0.3s ease 0.1s;
    -o-transition: margin 0.3s ease 0.1s;
    -moz-transition: margin 0.3s ease 0.1s;
    -webkit-transition: margin 0.3s ease 0.1s;
}
/* end testimonial accordion */

.testimonials #left {float:left; overflow: hidden;}
.testimonials #right {float:right;}

.testimonial {
    width: 370px;
    height: 90px;
    font-size: 17px;
    /*margin: 0 10px 0 10px;*/
    margin: 12px 0 0px -15px;
    background: #b7edff;
    padding: 15px 50px;
    position: relative;
    font-family: "Trebuchet MS", "Fira Sans", Arial,Georgia, serif;
    color: #666;
    border-radius: 15px;
    font-style: italic;
    text-shadow: 0 1px 0 #ECFBFF;
    /*background-image: linear-gradient(#e3e7c3, #c5c999);*/
    /*background-image: -webkit-linear-gradient(#c5c999, #e3e7c3, #c5c999);*/
    /*background-image: -o-linear-gradient(#e3e7c3, #c5c999);*/
    /*background-image: linear-gradient(#fff, #BED4E9);*/
    /*background-image: -webkit-linear-gradient(#fff, #BED4E9);*/
    /*background-image: -o-linear-gradient(#fff, #BED4E9);*/
    /*background-color: #cedeed;*/
    background-color: #CCCCCC;
}
.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 70px;
    line-height: 1;
    color: #999;
    font-style: normal;
}

.testimonial:before {
    top: 0;
    left: 10px;
}
.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    /*border-top: 15px solid #c5c999;*/
    /*border-top: 15px solid #BED4E9;*/
    /*border-top: 15px solid #cedeed;*/
    border-top: 15px solid #CCCCCC;
    margin: 0 0 0 35px;
}
.testimonial-author {
    margin: 0 0 5px 25px;
    font-family: "Trebuchet MS", "Fira Sans", Arial, Helvetica, sans-serif;
    color: #999;
    text-align:left;
}
.testimonial-author span {
    font-size: 12px;
    color: #666;
}

.partners { padding: 0 1px 0 1px; text-align: center;}

.partners a {
padding: 2px;
font-size: 13px;
font-family: "Fira Sans", Arial, Helvetica, sans-serif;
color: #999;
-o-transition: color .1s linear;
-ms-transition: color .1s linear;
-moz-transition: color .1s linear;
-webkit-transition: color .1s linear;
transition: color .1 linear;
}

/* Shutter Out Horizontal */



/*.partners a { background: #fafafa; padding: 2px; font-family: "Fira Sans", Arial, Helvetica, sans-serif; font-size: 14px; color:#999; text-decoration: none;
-o-transition: color .3s linear;
-ms-transition: color .3s linear;
-moz-transition: color .3s linear;
-webkit-transition: color .3s linear;
transition: color .3s linear;
box-shadow: 2px 2px 2px #444;
border: 1px solid #c1c1c1;
border-radius: 5px;}*/

.partners a:hover { /*color:#fc6b25*/ color: #000; text-decoration:none; }
.partners .boldred { margin-bottom: 10px; }

.checkmark:before {
content:'\2713';
color: #c5c999;
position: relative;
left: 2px;
top:-55px;
font-size:135px;
text-shadow: 0px 2px 3px #545d50;
}
.infobox {
float:left;
position: relative;
width:95px;
height:95px;
margin: 6px 21px 0 0;
border: 1px solid #74828f;
border-radius: 3px 18px 3px;
box-shadow: 2px 2px 3px #74828f;
/*background-image: linear-gradient(#e3e7c3, #c5c999);*/
background-image: linear-gradient(#fff, #CCCCCC);
background-image: -webkit-linear-gradient(#fff, #CCCCCC);
background-image: -o-linear-gradient(#fff, #CCCCCC);
opacity: 1;
transition: opacity .1s linear;
-o-transition: opacity .1s linear;
-ms-transition: opacity .1s linear;
-moz-transition: opacity .1s linear;
-webkit-transition: opacity .1s linear;
}
.infobox img {position:relative; top: 3px; left: 2px;}

/*.infobox:hover {
opacity: 0.7;
transition: opacity .2s linear;
-o-transition: opacity .2s linear;
-ms-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-webkit-transition: opacity .2s linear;
/*border: 1px solid #0191c8;*/
/*box-shadow: 2px 2px 3px #0191c8;*/
}*/

/* start infobox test */

/*.infobox {
float:left;
position: relative;
width:95px;
height:95px;
margin: 6px 21px 0 0;
border: 1px solid #c1c1c1;
border-radius: 10px;
box-shadow: 2px 2px 3px #444;
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  background-image: linear-gradient(#fefefe, #ececec);
  background-image: -webkit-linear-gradient(#fefefe, #ececec);
  background-image: -o-linear-gradient(#fefefe, #ececec);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}*/
/*.infobox:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background: #FEF6EB;*/
  background: linear-gradient(#abc9e5, #e1eaf3, #abc9e5);
background: -webkit-linear-gradient(#abc9e5, #e1eaf3, #abc9e5);
background: -o-linear-gradient(#abc9e5, #e1eaf3, #abc9e5);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}*/
/*.infobox:hover, .infobox:focus, .infobox:active {
 color: white;
}*/
/*.infobox:hover:before, .infobox:focus:before, .infobox:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
border-radius: 10px;
background: linear-gradient(#abc9e5, #e1eaf3, #abc9e5);
background: -webkit-linear-gradient(#abc9e5, #e1eaf3, #abc9e5);
background: -o-linear-gradient(#abc9e5, #e1eaf3, #abc9e5);
}*/
/*.infobox img {position:relative; top: 3px; left: 2px;}*/
/* end infobox test */
/* start buzz test */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* end buzz test */

.infobox2 {

position: relative;
top: 5px;
width:340px;
height:70px;
border: 1px solid #c1c1c1;
border-radius: 10px;
box-shadow: 2px 2px 3px #444;
/*background-image: linear-gradient(#e3e7c3, #c5c999);*/
background-image: linear-gradient(#fefefe, #ececec);
background-image: -webkit-linear-gradient(#fefefe, #ececec);
background-image: -o-linear-gradient(#fefefe, #ececec);
}

.checkmark {
float:left;
position: relative;
width:95px;
height:95px;
margin: 6px 21px 0 0;
border: 1px solid #c1c1c1;
border-radius: 10px;
box-shadow: 2px 2px 3px #444;
/*background-image: linear-gradient(#e3e7c3, #c5c999);*/
background-image: linear-gradient(#fefefe, #ececec);
}

.checkmark img {position: relative; top: 2px; left: 6px;}

/*open closed */
/*.open {
position: relative;
top:-17px;
left: 87px;
height:180px;
width:180px;
background: url(/css/images/open-small.png);
}*/
.open {
    width:250px; height:202px;
    background: url(/css/images/openNew.png) no-repeat;
    /*margin:100px;*/
    position: relative;
    /*top: -16px;*/
    /*left: 87px;*/
    top: -12px;
    left: 45px;
    margin: 0 0 5px 0;
    -moz-animation: 3s ease 0s normal none infinite swingopen;
    /*-moz-transform-origin: center top;*/
    /*-moz-transform-origin: 46% 9%;*/
     -moz-transform-origin: 50% 7%;
     -webkit-animation:swingopen 3s infinite ease-in-out;
    -webkit-transform-origin:50% 7%;
    -ms-animation:swingopen 3s infinite ease-in-out;
    -ms-transform-origin:50% 7%;
    transform-origin:50% 7%;
}


@-moz-keyframes swingopen {
 0% {
   -moz-transform: rotate(10deg);
 }
 50% {
   -moz-transform: rotate(-10deg);
 }
100%{
   -moz-transform: rotate(10deg);
 }
}
@-webkit-keyframes swingopen {
    0%{-webkit-transform:rotate(10deg);}
    50%{-webkit-transform:rotate(-10deg);}
    100%{-webkit-transform:rotate(10deg);}
}
@-ms-keyframes swingopen {
    0% {-ms-transform:rotate(10deg);}
    50% {-ms-transform:rotate(-10deg);}
    100% {-ms-transform:rotate(10deg);}
}
.closed {
    width:250px; height:202px;
    background: url(/css/images/closedNew2.png) no-repeat;
    /*margin:100px;*/
    position: relative;
    top: -12px;
    left: 45px;
    margin: 0 0 5px 0;
    -moz-animation: 3s ease 0s normal none infinite swingclosed;
    /*-moz-transform-origin: center top;*/
    -moz-transform-origin: 50% 7%;
    -webkit-animation:swingclosed 3s infinite ease-in-out;
    -webkit-transform-origin:50.6% 4.5%;
    -ms-animation:swingclosed 3s infinite ease-in-out;
    -ms-transform-origin:50.6% 4.5%;
    transform-origin:50% 7%;
}


@-moz-keyframes swingclosed {
 0% {
   -moz-transform: rotate(10deg);
 }
 50% {
   -moz-transform: rotate(-10deg);
 }
100%{
   -moz-transform: rotate(10deg);
 }
}
@-webkit-keyframes swingclosed{
    0%{-webkit-transform:rotate(10deg)}
    50%{-webkit-transform:rotate(-10deg)}
    100%{-webkit-transform:rotate(10deg)}
}
@-ms-keyframes swingclosed{
    0%{ -ms-transform:rotate(10deg)}
    50%{ -ms-transform:rotate(-10deg)}
    100%{ -ms-transform:rotate(10deg)}
}
/*.closed {
position: relative;
top:-11px;
left:60px;
width:220px;
height:218px;
background: url(/css/images/closedNew2.png);
}*/
/* end open closed */

.manufacturers { border-bottom: 1px dotted #c2c2c2; padding-bottom: 25px; margin-top: 25px;}
/*.manufacturers img{ border: 2px solid #c5c999;}*/
.manufacturers img{
border: 1px solid #74828f;
box-shadow: 2px 2px 5px #74828f;
-moz-box-shadow: 2px 2px 5px #74828f;
-webkit-box-shadow: 2px 2px 5px #74828f;
border-radius: 3px 18px 3px;
margin: 0 2px 0 2px;
}
.manufacturers .centeredlinks { text-align: center; padding-bottom: 5px; }

#coverage{
width:400px;
height:620px;
border:1px solid black;
padding:5px;
background:#fafafa;
/*background: linear-gradient(#fefefe, #ececec);*/
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
/*-webkit-box-shadow: 0px 0px 15px 5px rgba(235, 227, 184, .75);*/
/*-moz-box-shadow: 0px 0px 15px 5px rgba(235, 227, 184, .75);*/
/*box-shadow: 0px 0px 15px 5px rgba(235, 227, 184, .75);*/
}
#Newcoverage{
width:700px;
height:656px;
border:1px solid black;
padding:5px;
background:#fafafa;
/*background: linear-gradient(#fefefe, #ececec);*/
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
/*-webkit-box-shadow: 0px 0px 15px 5px rgba(235, 227, 184, .75);*/
/*-moz-box-shadow: 0px 0px 15px 5px rgba(235, 227, 184, .75);*/
/*box-shadow: 0px 0px 15px 5px rgba(235, 227, 184, .75);*/
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background: rgba(0, 0, 0, 0.5);*/
  transition: opacity .5s;
  -o-transition: opacity .5s;
  -ms-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 5px;
  background: #fefefe;
  border-radius: 10px;
  width: 700px;
  position: relative;
  border: 1px solid #c1c1c1;
  box-shadow: 2px 2px 3px #444;
  transition: all 5s ease-in-out;
  -o-transition: all 5s ease-in-out;
  -ms-transition: all 5s ease-in-out;
  -moz-transition: all 5s ease-in-out;
  -webkit-transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  background: url(css/images/close.png) no repeat;
  width: 56px;
  height: 56px;
  top: -29px;
  right: -27px;
  /*transition: all 200ms;*/
  opacity: 1;
transition: opacity .5s linear;
-o-transition: opacity .5s linear;
-ms-transition: opacity .5s linear;
-moz-transition: opacity .5s linear;
-webkit-transition: opacity .5s linear;
}
.close:hover img{
  opacity: 0.5;
transition: opacity .1s linear;
-o-transition: opacity .1s linear;
-ms-transition: opacity .1s linear;
-moz-transition: opacity .1s linear;
-webkit-transition: opacity .1s linear;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
.popup .content img{
width: 700px;
height: 656px;
border-radius: 10px;
}

/*#dropbox {
width:350px;
height:255px;
border:1px solid black;
padding:5px;
background:#e7e7e7;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
-webkit-box-shadow: 0px 0px 15px 5px rgba(235, 227, 184, .75);
-moz-box-shadow: 0px 0px 15px 5px rgba(235, 227, 184, .75);
box-shadow: 0px 0px 15px 5px rgba(235, 227, 184, .75); 
}*/


.outboundlinks { border-bottom: 1px dashed #c2c2c2; padding-bottom: 20px; margin-top: 25px; }
.outboundlinks h2 { margin-bottom: 10px; }
.outboundlinks a{ font-size: 12px; color:#999; margin: 0 5px 0 0; text-decoration: underline; }
.outboundlinks a:hover {color:#666; text-decoration: none;}
.outboundlinks #centeredlinks { text-align: center;}

/*#footer { width: 1010px; height: 73px; position: relative; background: url(/css/images/footer-bg.png) no-repeat 0 0; margin: 5px -16px -35px -14px;}*/
/*#footer { width: 1014px; height: 69px; position: relative; background: url(/css/images/navigationbg2.png) no-repeat 0 0; margin: 5px -16px -35px -12px;}*/

#footer {
position: relative;
left: -16px;
width: 1015px; 
height: 50px;
/*background-color: #cedeed;*/
background-color: #EEEEEE;
/* beige footer bar */
/*background-image: linear-gradient(#beb9b5, #fef6eb, #beb9b5);*/
/*background-image: -webkit-linear-gradient(#beb9b5, #fef6eb, #beb9b5);*/
/*background-image: -o-linear-gradient(#beb9b5, #fef6eb, #beb9b5);*/
/* end beige footer bar */
/*background-image: linear-gradient(#bed4e9, #ffe, #bed4e9);*/
/*background-image: -webkit-linear-gradient(#bed4e9, #ffe, #bed4e9);*/
/*background-image: -o-linear-gradient(#bed4e9, #ffe, #bed4e9);*/
/*background: #E0E0E0 url(/css/images/clouds2.jpg) repeat-x;*/
background-position: center;
border: 1px solid #666666;
border-radius: 0px 15px 0px;
box-shadow: 2px 2px 10px #666666;
margin: 35px 0 -30px 0;
}

#footer .left { padding: 14px 0 0 15px; }
#footer .left a { font-size: 11px; color: #545d50; text-decoration: underline; display: inline-block;
-o-transition: color .3s linear;
-ms-transition: color .3s linear;
-moz-transition: color .3s linear;
-webkit-transition: color .3s linear;
transition: color .3s linear;}
#footer .left img {background-repeat: no-repeat;}

.tltri2:before, .brtri2:before {
content: "";
position: absolute;
height: 0;
width: 0;
}
.tltri2:before {
  bottom: 51px;
  left: 0px;
  border-bottom: 13px solid #666666;
  border-left: 13px solid transparent;
  float: left;
}
.brtri2:before {
  top: 50px;
  right: 0px;
  border-top: 13px solid #666666;
  border-right: 13px solid transparent;
  float: right;
}

#footer img{
width: 50px;
height: 50px;
position: relative;
top: -1px;
/*top: 13px;*/
right:-55px;
border:0;
}

/*#footer .image{
    position: absolute;
    top: 58%;
    left: 71%;
    width: 50px;
    height: 50px;
    margin:-25px 0 0 -29px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}*/
/*.image{
    position: relative;
    left: 680px;
    top: -36px;
}*/

.marquee #mycrawler2 img {no-repeat;}

@-moz-keyframes spin { 100% { -moz-transform: rotateY(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotateY(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotateY(360deg); transform:rotateY(360deg); } }

#footer .left a { color: #000;}
#footer .left a:hover { /*color: #990033;*/ color:#1ec6fe; text-decoration: none; }
#footer .right { font-size: 11px; color: #000; margin: 18px 20px 0 0; } 
#footer .right a { color: #000; }