<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
body {
 font-size: 16px;
 background-color: #000;
 color: #fff;
 font-family: Verdana, Arial, serif !important;
 background: url(../img/body-background.jpg) repeat;
}

h1, h2, h3, h4 {
   font-family: 'Droid Serif', serif !important;
   color:  #fff !important;
}

h1 {
    font-size: 28px !important;
}

h2 {
    font-size: 24px !important;
    margin-top: 29px;
}

h3 {
    font-size: 22px !important;
}

h3 {
    font-size: 20px !important;
}

a:link    {text-decoration: none; color: #fff;}
a:visited {text-decoration: none; color: #fff;}
a:active  {text-decoration: none; color: #fff;}
a:hover   {text-decoration: none; color: #0f8040;}

.vertical-align { display: flex; align-items: center;}

.red { color: #CC0000;}
.gray { color: #444444;}
.green { color: #0f8040;}


#top-background {
   background: url(../img/xxheader-madison-landscaping.jpg) no-repeat center;
   border: 0px solid red;
}

#top-shade {
   background: url(../img/header-background.png) top;
   background-repeat: repeat-x;
   border: 0px solid red;
}


#header {
    xbackground: url(../img/header-background.png) repeat top;
    overflow: visible;
    border: 0px solid black;
    padding-top: 6px;

}

#header .contact-area {
   float: right;
   border: 0px solid blue;
}

#header .phone {
    font-size: 28px;
    padding-top: 10px;
    text-align: right;
    font-weight: bold;
    font-family: 'Droid Serif', serif;
}

#header .phone a {
    color: #fff;
}

#header .service-area {
   font-style: italic;
   margin-bottom: 20px;
   font-size: 14px;
}


#header .logo-area {
   float: left;
   border: 0px solid red;
   text-align: center;
}

#header .logo {
  width: 110px;
  height: 110px;
  float: left;
  z-index: 99999;
  position: absolute;
}

#header .company_area {
   float: left;
   border: 0px solid red;
   text-align: left;
   padding-top: 14px;
   margin-left: 120px;
   text-align: center;
}

#header .logo-area .company_area .company_name  {
    font-family: 'Droid Serif', serif;
    font-size: 30px;
    font-weight: bold;
    color: #fff !important;
    float: left;
    font-style: italic;
}


#header .logo-area .company_area .tagline {
    font-family: 'Droid Serif', serif;
    font-size: 22px;
    color: #fff !important;
    margin-top: -6px;
    font-style: normal !important;
}

#slideshow-wrapper {
    border: 0px solid red;
    height: 570px;
    background: none;
}

#slideshow {
   border: 0px solid yellow;
   position: relative;
   min-height: 560px;
}


#slideshow .textarea {
    border: 0px solid red;
    margin-left: 0px !important;
    margin-top: 60px !important;
    text-align: center;
    display: inline-block;
    background: url(../img/black20.png) repeat;
    padding: 16px;
    border-radius: 20px;
    border: 0px solid #CC0000;
}

#slideshow .textarea .heading   {
    font-family: 'Droid Serif', serif;
    font-size: 36px;
    line-height: 38px;
    font-weight: bold;
    color: #fff;
    text-shadow: 4px 4px 4px #545454;
}

#slideshow .textarea .tagline  {
    font-family: 'Droid Serif', serif;
    font-family: 'Asap', sans-serif;
    color: #fff;
    font-size: 26px;
    line-height: 28px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #303030;
    text-transform: uppercase;

}

#slideshow .textarea .tagline2  {
    font-family: Arial, Verdana, 'Droid Serif', serif;
    font-family: 'Asap', sans-serif;
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    text-shadow: 4px 4px 4px #5C5C5C;
    margin-top: 20px;
    text-transform: uppercase;
}

#slideshow hr { width:100%; height: 1px; background: #fff; margin: 6px auto; }

#slideshow .location {
  width: 100%;
  text-align: right;
  position:absolute;
  right:0px;
  bottom:0px;
  padding: 6px;
}

#slideshow .locationHeading {
    font-family: Arial, 'Droid Serif', serif;
    font-size: 18px;
    color: #fff ;
    font-style: bold;
    float: right;
    border: 0px solid green;
    display: inline-block;
    background: url(../img/black30.png) repeat;
    padding: 6px;
    border-radius: 6px;
}



#slideshow-wrapper-secondary {
       border: 0px solid red;
       xheight: 570px;
       background: none;
}

#slideshow-secondary {
   border: 0px solid yellow;
   position: relative;
   min-height: 570px;
}


#slideshow-secondary .textarea {
    border: 0px solid red;
    margin-left: 0px !important;
    margin-top: 60px !important;
    text-align: center;
    display: inline-block;
}

#slideshow-secondary .textarea .heading  {
    font-family: 'Droid Serif', serif;
    font-size: 36px;
    font-style: italic;
    line-height: 38px;
    font-weight: bold;
    color: #fff;
    text-shadow: 4px 4px 4px #5C5C5C;
}

#slideshow-secondary .textarea .tagline  {
    font-family: 'Droid Serif', serif;
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    text-shadow: 4px 4px 4px #5C5C5C;
    text-transform: uppercase;
}

#slideshow-secondary .textarea .tagline2  {
    font-family: Arial, Verdana, 'Droid Serif', serif;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    text-shadow: 4px 4px 4px #5C5C5C;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#slideshow-secondary hr { width:100%; height: 2px; background: #fff; margin: 6px auto; }

#slideshow-secondary .location {
  border: 0px solid red;
  width: 100%;
  text-align: right;
  position:absolute;
  right:0px;
  bottom: 40px;
}

#slideshow-secondary .locationHeading {
    font-family: Arial, 'Droid Serif', serif;
    font-size: 18px;
    color: #fff ;
    font-style: bold;
    float: right;
    border: 0px solid green;
    display: inline-block;
    background: url(../img/black30.png) repeat;
    padding: 6px;
}


.navbar {
  margin-bottom: 0px !important;
  min-height:28px;
  height: 28px;
  line-height: 18px;
  background-color: transparent !important;
  margin-bottom: 0;
  z-index: 12;
}

.navbar-default {
}

.navbar-nav &gt; li &gt; a {padding-top: 4px !important; padding-bottom: 4px !important;}

.navbar-inner {
  width: 100%;
  background: transparent;
  xxbackground: url(../img/header-background.png) repeat center transparent;
  background-color: transparent !important;
  border: 0px solid yellow !important;
 }

.navbar-nav {
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    font-family:  'Droid Serif', Verdana, Geneva, sans-serif;
    color: #FF0000;
    border: 0px solid black;
}

.navbar-justify-right {
  float: right;
}

/* LINKS */
/* Adjust Menu colors - Normal */
.navbar-default .navbar-nav &gt; li &gt; a {
    color: #fff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
}
/* Adjust Menu colors - Hover */
.navbar-default .navbar-nav &gt; li &gt; a:hover,
.navbar-default .navbar-nav &gt; li &gt; a:focus {
    color: #1ADB6E !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
}

/* Adjust Active Dropdown Tab Color */
.dropdown-toggle:active, .open .dropdown-toggle {
    background: none !important;
    background: url(../img/black40.png) repeat center transparent !important;
    color:#000 !important;
}

/* Secondary Menu */
.dropdown-menu &gt; li &gt; a {
    color:#000 !important;
}
.dropdown-menu &gt; li &gt; a:hover,
.dropdown-menu &gt; li &gt; a:focus {
  color: #000 !important;
  text-decoration: none;
}

#action {
  width: 100%;
  background: url(../img/action-background.png) repeat center transparent;
  padding: 4px;
  height: 60px;
  z-index: 99999;
}

#action .left {
    float: left;
    color: #fff;
    font-size: 24px;
    border: 0px solid yellow;
    margin-top: 14px;
}

#action .right {
    float: right;
    color: #fff;
    border: 0px solid yellow;
    margin-top: 10px;
    z-index: 99999;
}

#action a {
    color: #FFF; !important;
    text-decoration: none !important;
  }

#action a:hover {
    color: #fff !important;
    text-decoration: none !important;
  }

#body a:link    {text-decoration: underline; color: #fff;}
#body a:visited {text-decoration: none; color: #fff;}
#body a:active  {text-decoration: none; color: #fff;}
#body a:hover   {text-decoration: underline; color: #0f8040;}

#index-grid {
    padding-top: 0px;
}

#index-grid .col-md-3  {
    border: 0px solid red;
    text-align: center !important;
    margin: auto;
    padding: 2px;
}

#index-grid .index-grid-img {
    margin: 0 auto !important;
    border: 1px solid #fff;
}

#index-grid h2 {
    font-size: 20px !important;
    margin: 0 auto !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}


#index-grid h2 a:link    {text-decoration: none; color: #fff;}
#index-grid h2 a:hover   {text-decoration: none; color: #0f8040;}

#project {
   text-align: center;
}

#project .col {
  border: 0px solid #009706;
  /*margin: 6px;
  padding: 6px;  */
  font-size: 16px;
  font-family: verdana, serif;
  text-align: center;
  font-weight: normal;
}


#project .area {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
}

#project img {
   border: 2px solid #BBBBBB;
   background-color: #fff;
   /*width: 120px;*/
   margin: auto;
   padding: 4px;
   width: 90%;
   max-height: 90%;
   text-align: center;
 }

#footer {
    background: url(../img/footer-background.jpg) repeat center;"&gt;
    height: 100%;
    background-color: #0E773B;
    color: #fff;
    padding-top: 0px;
    padding-bottom: 10px;
  }

#footer h2 {
    color: #fff !important;
  }

#footer h3 {
    color: #fff !important;
    margin-top: -6px;
  }

#footer h4 {
    color: #fff !important;
  }

#footer a {
    color: #FFF; !important;
    text-decoration: none !important;
  }

#footer a:hover {
    color: #E7E5C1 !important;
    text-decoration: none !important;
  }

#footer h2 { font-size: 22px !important;}
#footer h3 { font-size: 20px !important;}
#footer h3 { font-size: 18px !important;}
#footer h4 { font-size: 18px !important;}
#footer .phone {
  font-size: 20px;
  font-family: 'Droid Serif', serif;
}
#footer .area {
    font-style: italic;
}

#footer .social {
   margin-top: 8px;
}

#footer .social .social-icon {
   width: 30px;
   height: 30px;
   border: 0;
}

#footer2 .phone {
  font-size: 26px;
  font-family:  'Droid Serif', Verdana, Geneva, sans-serif;
}

#footer2  {
  color: #fff;
  background-color: #000;
  background: url(../img/footer2-background.png) repeat center;"&gt;
}


.clear { clear: both; }

.five-column-list li {float: left; width: 20%; margin-bottom: 5px;}

.four-column-list li {float: left; width: 25%; margin-bottom: 5px;}

.triple-column-list li {float: left; width: 33.3%; margin-bottom: 5px;}

.double-column-list li {float: left; width: 50%; margin-bottom: 5px;}

.single-column-list li {margin-bottom: 5px;}

.towns-list li {float: left; width: 20%; margin-bottom: 5px;}

.services-list li {float: left; width: 50%; margin-bottom: 5px; font-size: 14px;}

#callout-car {
   max-width: 260px;
   float: right;
   border: 1px #444444 solid;
   padding: 6px;
   margin: 8px;
   display: block;
   text-align: center;
}

#callout-car h3 {
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
  	font-size: 16px !important;
    font-weight: bold;
    text-align: center;
}

#callout-car p {
    text-align: center;
    font-size: 12px;
    font-style: italic;

}

#callout-car img {
   width: 95%;
   margin: auto;
}

#callout-quote {
   min-width: 220px;
   width: 25%;
   float: right;
   border: 1px #444444 solid;
   padding: 6px;
   margin: 8px;
}

#callout-quote h3 {
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
  	font-size: 16px;
    font-weight: bold;
}

#callout-quote p {
  font-size: 14px;
  font-family: arial, 'Times New Roman', verdana, arial, serif;
}

#callout-quote .stars {
  width: 138px;
  height: 24px;
  border: 0;
  margin-bottom: 8px;
}

#callout-top-sites {
   min-width: 220px;
   width: 25%;
   float: right;
   border: 1px #0aaa23 solid;
   padding: 6px;
   margin: 8px;
}

#callout-top-sites h3 {
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
  	font-size: 16px;
    font-weight: bold;
}

#callout-top-sites p {
  font-size: 14px;
  font-family: arial, 'Times New Roman', verdana, arial, serif;
}

.mobile-company {
    display: none !important;
}

.tagline {
   color: #021e09;
   font-weight: bold;
   font-size: 20px;
   font-family: 'Droid Serif', serif;
}

.pavers-pic {
    max-width: 80%;
    margin: 10px;
}

.by {
margin-top: 60px;
float: right;
display: block;
font-size: 12px;
line-height: 13px;
font-style: italic;
}

.copyright { font-size: 12px }

.required { display: none; }          

/*********************************************/
/* MEDIA TABLET                              */
/*********************************************/

@media only screen and (max-width:1202px) and (min-width:768px)  {

.navbar-nav  {
    font-size: 10px !important;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    xxcolor: #ff0000;
}

.navbar-nav &gt; li{
  padding-left:  0px !important;
  padding-right: 0px !important;
}


#xxslideshow-callout {
    margin-top: 380px !important;
    font-size: 18px  !important;
    }


}


/*********************************************/
/* MOBILE BREAK POINT: 768                   */
/*********************************************/
@media only screen and (max-width:768px) and (min-width:480px)  {

#header .logo {
  width: 85px !important;
  height: 85px !important;
}

#header .logo-area .company_area .company_name  {
    font-size: 26px  !important;
    line-height: 27px  !important;
}

#header .logo-area .company_area .tagline {
    font-size: 24px;
    line-height: 26px;
    color: #fff !important;
    margin-top: 0px !important;
}

#header .phone {
    font-size: 26px !important;
}

.navbar {
  min-height:50px !important;
  height: auto !important;
  margin-bottom: 0;
}

.navbar-inner {
  background: url(../img/black40.png) repeat center transparent !important;
 }

.navbar-justify-right {
  float: left !important;
}


.dropdown-menu &gt; li &gt; a {
  color: #fff !important;
  font-size: 18px;
}

.dropdown-menu &gt; li &gt; a:hover,
.dropdown-menu &gt; li &gt; a:focus {
  color: #FFF  !important;
  text-decoration: none;
}

#slideshow-wrapper {
  height: 240px !important;
}


#slideshow {
  min-height: 230px !important;
}


#slideshow .textarea {
    margin-top: 20px !important;
}

#slideshow .textarea .heading   {
    font-size: 26px !important;
    line-height: 28px !important;
    }

#slideshow .textarea .tagline  {
    font-size: 16px !important;
    line-height: 18px !important;
}

#slideshow .textarea .tagline2  {
    font-size: 14px !important;
    line-height: 16px !important;
}

#slideshow .locationHeading {
    display: none !important;
}

.towns-list li { float: left; width: 33.3%; margin-bottom: 5px;}
.services-list li { float: left; width: 33.3%; margin-bottom: 5px;}

.by { margin-top: 20px !important; }

}

/*********************************************/
/* MEDIA PHONE                               */
/*********************************************/
@media only screen and (max-width:480px) {

#header .contact-area {
  width: 100% !important;
}

#header .logo-area {
   width: 100% !important;
   float: none !important;
   text-align: center !important;
   margin: auto  !important;
   border: 0px solid red;
}

#header .logo {
  float: none !important;
  margin: auto  !important;
  margin-top: -10px !important;
  margin-bottom: 0px !important;
  z-index: 999999 !important;
  position: relative;
  width: 85px !important;
  height: 85px !important;
}


#header .company_area {
   float: none !important;
   margin: auto !important;
   margin-top: -20px !important;
   border: 0px solid red;
   text-align: center  !important;
   padding-top: 14px;
   border: 0px solid yellow;
}


#header .logo-area .company_area .company_name  {
    font-size: 30px;
    line-height: 31px;
    font-weight: bold;
    color: #fff !important;
    float: none !important;
    border: 0px solid red;
    text-align: center !important;
    width: auto !important;
    display: inline-block !important;
}

#header .logo-area .company_area .tagline {
    font-size: 24px;
    line-height: 26px;
    color: #fff !important;
    margin-top: 0px !important;
}

#header .phone {
   float: none;
   text-align: center !important;
   font-size: 24px !important;
   padding-top: 6px !important;
}

#header .service-area {
   margin-bottom: 16px  !important;
}

.navbar {
  min-height:50px !important;
  height: auto !important;
  margin-bottom: 0;
}

.navbar-inner {
  background: url(../img/black40.png) repeat center transparent !important;
 }

.navbar-justify-right {
  float: none !important;
}

.dropdown-menu &gt; li &gt; a {
  color: #fff !important;
  font-size: 18px;
}
.dropdown-menu &gt; li &gt; a:hover,
.dropdown-menu &gt; li &gt; a:focus {
  color: #FFF  !important;
  text-decoration: none;
}

#slideshow-wrapper {
  height: 240px !important;
}

#slideshow {
  min-height: 230px !important;
}


#slideshow .textarea {
    margin-top: 20px !important;
}

#slideshow .textarea .heading   {
    font-size: 26px !important;
    line-height: 28px !important;
    }

#slideshow .textarea .tagline  {
    font-size: 16px !important;
    line-height: 18px !important;
}

#slideshow .textarea .tagline2  {
    font-size: 14px !important;
    line-height: 16px !important;
}

#slideshow .locationHeading {
    display: none !important;
}

#xxxslideshow-callout .quote-header-sub  {
    font-size: 18px  !important;
}

#xxslideshow-callout {
    margin-top: 20px !important;
    font-size: 19px  !important;
    }


#slideshow-wrapper-secondary {
  xxrsmin-height: 260px !important;
 xx height: 360px !important;
}


#slideshow-secondary {
  xxheight: 100%  !important;
  min-height: 500px !important;
}

#slideshow-secondary .textarea {
    margin-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 40px !important;
    width: 100% !important;
    height: 100% !important;
}

#slideshow-secondary .textarea .heading  {
    xxfont-size: 28px !important;
    xxline-height: 30px !important;
}

#slideshow-secondary .textarea .tagline  {
    xxfont-size: 22px;
    xxline-height: 24px;
}

#slideshow-secondary .location {
  text-align: center;
  float: none !important;
  min-width: none !important;
  width: 100% !important;
  right: auto !important;
  bottom: auto !important;
}

#slideshow-secondary .locationHeading {
    font-size: 14px;
}

.slideshowHeading  {
    margin-top: 20px !important;
    font-size: 22px  !important;
}

.slideshowTagline  {
    margin-top: 20px !important;
    font-size: 20px  !important;
}


#action .left {
    width: 100% !important;
    text-align: center !important;
}

#action .right {
    width: 100% !important;
    text-align: center !important;
    padding-bottom: 12px;
}

.towns-list li { float: none !important; width: 100% !important; margin-bottom: 5px;}
.services-list li { float: none !important; width: 100% !important; margin-bottom: 5px;}

.mobile-company {
    float: right;
    display: inline-block !important;
    color: #fff  !important;
    border: 0px solid red;
    xxwidth: 100%  !important;
    margin-right: 8px;
    margin-top: 14px;
    font-size: 14px;
    }

 #callout-car {
   float: none !important;
   min-width: none !important;
   text-align: center !important;
   margin: auto  !important;
}


#callout-top-sites {
   float: none !important;
   min-width: none !important;
   width: 100% !important;
}

#callout-quote {
   float: none !important;
   min-width: none !important;
   width: 100% !important;
}

.tagline {
   color: #021e09;
   font-weight: bold;
   font-size: 16px;
   font-family: 'Droid Serif', serif;
}

.by { margin-top: 20px !important; }

.vertical-align { display: block !important; }

.copyright { font-size: 10px !important; }

}
/* END */</pre></body></html>