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

body, html { height: 100%; }

body { font-size: 12px; line-height: 22px;
 font-family: Verdana, arial, sans-serif;
 color: #727272;
 background: url(images/spacer11.gif) repeat 0 0;
    min-width: 100%; 
}

/*font-family: Verdana, 'Raleway', sans-serif;*/

a { color: #012AFE; text-decoration: none; cursor: pointer; }

a:hover { text-decoration: underline; }

a img { border: 0; }

article, aside, details, footer, header, menu, nav, section { display: block; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }

textarea { overflow: auto; }

.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; }

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

.container { width: 980px;  }

#header { margin-bottom: 0;  position: relative;  height: 116px; background: url(images/header.png) repeat-x 0 bottom; }

h1.market { font-family: arial, Verdana, sans-serif; font-size: 9px; font-weight: bold; text-align:center; color: #000000; padding-bottom: 0px }

#header p { font-family: arial, geneva, sans-serif; font-size: 16px; font-weight: normal; color: #FFFFFF; margin-left: 20px; margin-right: 10px; text-align: right; margin-top: -90px; }

#header a { color: #FFFFFF; }

#logo { width: 144px; font-size: 0; line-height: 0;  }

#logo a { height: 116px; display: block; background: url(images/logo.png) no-repeat 0 0;  text-indent: -4000px; }

#navigation ul { list-style:none; list-style-position: outside; }

#navigation { height: 32px; margin-top: 0; margin-bottom: 0; margin-left: 0; background: url(images/menu-bg.png) no-repeat; }

#nav { list-style:none; height:2em; top: 44px; color: #000000; font-family: arial, geneva, sans-serif; font-size: 16px; font-weight: bold; }

#nav li.home { position:relative; float:left; width: 109px; left: 1px; top: 1px; text-align:center; }

#nav li.about { position:relative; float:left; width: 100px; left: 31px; top: 1px; text-align:center; }

#nav li.services { position:relative; float:left; width: 100px; left: 85px; top: 1px; text-align:center; }

#nav li.portfolio { position:relative; float:left; width: 100px; left: 145px; top: 1px; text-align:center; }

#nav li.faq { position:relative; float:left; width: 100px; left: 181px; top: 1px; text-align:center; }

#nav li.links { position:relative; float:left; width: 100px; left: 196px; top: 1px; text-align:center; }

#nav li.contact { position:relative; float:left; width: 100px; left: 240px; top: 1px; text-align:center; }

#nav li a:hover { color: #000000; }

#nav a { display:block; color:#FFFFFF; text-decoration:none; line-height:2em; }

/* --------- Drop Down -------- */

#nav ul { position:absolute; left:-999em; top:-1px; list-style:none; width:302px; z-index: 60; background: #9B9670; border-style: solid; border-width: 1px; border-color: #000000; text-align: left; padding-left: 5px; font-size: 13px; border-top-style: none; }

#nav li:hover ul { left:0; top:auto; border-style: solid; border-width: 1px; border-color: #000000; border-top-style: none; }

#navigation ul li.show-mobile { display:none; }

#navigation a.nav-btn { display:none; }

.main { padding: 20px 0 20px 0; background: url(images/bg-main.png) repeat-y; }

.rslides { position: relative; list-style: none; overflow: hidden; width: 647px; padding: 0; margin-left: 10px; margin-right: 20px; }

.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }

.rslides li:first-child { position: relative; display: block; float: left; }

.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

.heading h1 { margin-left: 20px; margin-right: 20px; font-family: Arial, Verdana, sans-serif; font-size: 28px; color: #000000; font-weight:bold; margin-bottom: 15px;  }

.main p { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000000; font-weight: normal; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; }

.main p.unbold { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000000; font-weight: normal; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; }

.main p.spacing { font-family: Arial, Verdana, sans-serif; font-size: 15px; color: #000000; font-weight: normal; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; margin-top: 50px; }

.main p.heading { font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #000000; font-weight: bold; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; }

.main p.heading-spacing { font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #000000; font-weight: bold; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; margin-top: 20px; }

.main ul li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 40px; margin-right: 5px; }

.main ul.services { margin-bottom: 10px; }

.main ul.services li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 40px; margin-right: 5px; margin-bottom: 10px; margin-top: 0; }

.main ul.services li a { text-decoration: underline; }

.main ul.mobile-list { display: none; }

.main ul li a { text-decoration: underline; }

.main ol li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 40px; margin-right: 5px; }

.main ol.services { margin-bottom: 10px; }

.main ol.services li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 40px; margin-right: 5px; margin-bottom: 10px; margin-top: 0; }

.main ol.services li a { text-decoration: underline; }

.main ol.mobile-list { display: none; }

.main ol li a { text-decoration: underline; }

.main img.service-main { margin-left: 20px; margin-bottom: 20px; margin-right: 20px; display: inline; margin-top: 10px; float: right;}

.main img.landscaping1 { margin-left: 20px; margin-bottom: 20px; margin-right: 20px; display: inline; margin-top: 10px; float: right;}

.main img.landscaping2 { margin-left: 20px; margin-bottom: 20px; margin-right: 20px; display: inline; margin-top: 10px; float: left;}

.main img.top-image { margin-left: 20px; margin-bottom: 20px; align: center; margin-right: 20px; display: inline; margin-top: 10px; float: left;}

.main img.top-image2 { margin-left: 20px; margin-bottom: 20px; align: center; margin-right: 20px; display: inline; margin-top: 10px; float: right;}

.main img.sprinkler { margin-left: 20px; margin-bottom: 20px; margin-right: 20px; display: inline; margin-top: 10px; float: right;}

.main img.lighting { margin-left: 20px; margin-bottom: 20px; margin-right: 20px; display: inline; margin-top: 10px; width: 450px; height: 293px; float: right;}

.main img.lighting2-mobile { display: none; }

.main img.gallery-small-image { margin-left: 15px; margin-bottom: 20px; align: center; display: inline; margin-top: 10px; float: left;}

.main p.index-text { font-family: Arial, Verdana, sans-serif; font-size: 15px; color: #000000; font-weight: bold; margin-top: 26px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; }

.main p.large-text { font-family: Arial, Verdana, sans-serif; font-size: 15px; color: #000000; font-weight: bold; margin-top: 26px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; }

.main p.large-text-center { font-family: Arial, Verdana, sans-serif; font-size: 15px; color: #000000; font-weight: bold; text-align: center; margin-top: 26px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; }

.main p.form { font-family: Arial, Verdana, sans-serif; font-size: 15px; color: #000000; font-weight: normal; margin-top: 26px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; }

.main p a, .main p a:hover { font-style: normal; color: #000000; text-decoration: none; }

.main input { height:25px; vertical-align:top; }

.main input, .main select, .main textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.main h6 { font-family: Arial, Verdana, sans-serif; font-size: 19px; color: #673F02; font-weight: normal; margin-top: 20px; margin-bottom: 10px; margin-left: 20px; text-align: center; }

.main .cols { margin-top: 5px; }

.main .cols .col1 { width: 313px; margin-left: 20px; height: 200px; }

.main .cols .col1 ul li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 20px; margin-right: 5px; }

.main .cols .col1 a.home:link    {color:#000000; font-style: normal;}
.main .cols .col1 a.home:visited {color:#000000; font-style: normal;}
.main .cols .col1 a.home:hover   {color:#FFFFFF; font-style: normal;}
.main .cols .col1 a.home:active  {color:#FFFFFF; font-style: normal;}

.main a:link    {color:#000000; font-style: normal;}
.main a:visited {color:#000000; font-style: normal;}
.main a:hover   {color:#FFFFFF; font-style: normal;}
.main a:active  {color:#FFFFFF; font-style: normal;}

.main a.bottom:link    {color:#00529B; font-style: normal;}
.main a.bottom:visited {color:#00529B; font-style: normal;}
.main a.bottom:hover   {color:#000000; font-style: normal;}
.main a.bottom:active  {color:#000000; font-style: normal;}

.main .cols .col2 { width: 313px; margin-right: 10px; height: 120px; margin-top: -200px; margin-left: 314px; }

.main .cols .col2 ul li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 10px; margin-right: 5px; }

.main .cols .col3 { width: 314px; margin-right: 10px; height: 120px; margin-top: -120px; margin-left: 472px; float: right; }

.main .cols .col3 ul li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 10px; margin-right: 5px; }

.main .cols .col.last { padding-right: 0; }

.main .cols .col img.left { margin-right: 24px; margin-bottom:10px;  }

.main .cols .col a { text-decoration: underline; }

.main .cols2 { margin-top: 5px; }

.main .cols2 .col1 { width: 300px; margin-left: 20px; height: 200px; }

.main .cols2 .col1 ul li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 20px; margin-right: 5px; }

.main .cols2 .col1 a.home:link    {color:#000000; font-style: normal;}
.main .cols2 .col1 a.home:visited {color:#000000; font-style: normal;}
.main .cols2 .col1 a.home:hover   {color:#FFFFFF; font-style: normal;}
.main .cols2 .col1 a.home:active  {color:#FFFFFF; font-style: normal;}

.main a:link    {color:#000000; font-style: normal;}
.main a:visited {color:#000000; font-style: normal;}
.main a:hover   {color:#FFFFFF; font-style: normal;}
.main a:active  {color:#FFFFFF; font-style: normal;}

.main a.bottom:link    {color:#00529B; font-style: normal;}
.main a.bottom:visited {color:#00529B; font-style: normal;}
.main a.bottom:hover   {color:#000000; font-style: normal;}
.main a.bottom:active  {color:#000000; font-style: normal;}

.main .cols2 .col2 { width: 300px; margin-right: 10px; height: 120px; margin-top: -200px; margin-left: 314px; }

.main .cols2 .col2 ul li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 10px; margin-right: 5px; }

.main .cols2 .col.last { padding-right: 0; }

.main .cols2 .col img.left { margin-right: 24px; margin-bottom:10px;  }

.main .cols2 .col a { text-decoration: underline; }

.main .mobile-slides { display: none; }

.main .index-bottom { width: 980px; height: 78px; }

.main p.tab { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-top: 20px; margin-left: 44px; margin-right: 10px; line-height: 14px; max-height: 68px; position: inherit; }

.main p.tab2 { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-top: -42px; margin-left: 222px; margin-right: 10px; line-height: 14px; max-height: 68px; position: inherit; }

.main p.tab3 { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-top: -42px; margin-left: 395px; margin-right: 10px; line-height: 14px; max-height: 68px; position: inherit; }

.main p.tab4 { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-top: -45px; margin-left: 664px; margin-right: 10px; line-height: 14px; max-height: 68px; position: inherit; }

.main img.bbb { width: 145px; height: 72px; }

.main p.tab5 { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-top: -66px; margin-left: 830px; margin-right: 10px; line-height: 14px; max-height: 68px; position: inherit; }

.main img.tnla { width: 72px; height: 72px; }

.main .bold { font-weight: bold; }

.main .second {  }

.main .second .col { float:left; width: 470px; padding-right: 20px; display: inline; }

.main .second .col ul li { margin-left: 20px; margin-right: 20px; font-family: Verdana, 'Raleway', sans-serif; font-size: 15px; color: #000000; font-weight: normal; margin-bottom: 10px; list-style: none; text-align: left; }

.main .second .col ul li.indents { margin-left: 200px; margin-right: 20px; font-family: Verdana, 'Raleway', sans-serif; font-size: 15px; color: #000000; font-weight: normal; margin-bottom: 10px; list-style: none; text-align: left; }

.main .second .col.last { padding-right: 0; }

.main .third {  }

.main .third .col { float:left; width: 460px; padding-right: 20px; display: inline; }

.main .third .col ul li { margin-left: 20px; margin-right: 20px; font-family: Verdana, 'Raleway', sans-serif; font-size: 15px; color: #000000; font-weight: 500; margin-bottom: 10px; list-style: none; text-align: left; }

.main .third .col ul li.indents { margin-left: 200px; margin-right: 20px; font-family: Verdana, 'Raleway', sans-serif; font-size: 15px; color: #000000; font-weight: 500; margin-bottom: 10px; list-style: none; text-align: left; }

.main .third .col.last { padding-right: 0; }

.main .checkbox {
	display: inline-block;
	cursor: pointer;
	font-size: 13px; margin-right:10px; line-height:18px;
}
.main input[type=checkbox] {
 display:none;	
}
.main .checkbox:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align:middle;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);	
	border-radius: 3px;
}
.main input[type=checkbox]:checked + .checkbox:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
}

.main img.flagstone1 { margin-left: 20px; margin-top: 10px; }

.main img.flagstone2 { margin-left: 20px; margin-top: 10px; }

.main img.flagstone3 { margin-left: 20px; margin-top: 10px; }

.main img.flagstone4 { margin-left: 20px; margin-top: 10px; }

.main img.flagstone5 { margin-left: 20px; margin-top: 10px; }

.main img.flagstone1-mobile { display: none; }

.main img.flagstone2-mobile { display: none; }

.main img.flagstone3-mobile { display: none; }

.main img.flagstone4-mobile { display: none; }

.main img.flagstone5-mobile { display: none; }

.main img.brick1 { margin-left: 20px; margin-top: 10px; }

.main img.brick2 { margin-left: 20px; margin-top: 10px; }

.main img.brick3 { margin-left: 20px; margin-top: 10px; }

.main img.brick4 { margin-left: 20px; margin-top: 10px; }

.main img.brick1-mobile { display: none; }

.main img.brick2-mobile { display: none; }

.main img.brick3-mobile { display: none; }

.main img.brick4-mobile { display: none; }

.main img.rock1 { margin-left: 20px; margin-top: 10px; }

.main img.rock2 { margin-left: 20px; margin-top: 10px; }

.main img.rock3 { margin-left: 20px; margin-top: 10px; }

.main img.rock4 { margin-left: 20px; margin-top: 10px; }

.main img.rock5 { margin-left: 20px; margin-top: 10px; }

.main img.rock6 { margin-left: 20px; margin-top: 10px; }

.main img.rock1-mobile { display: none; }

.main img.rock2-mobile { display: none; }

.main img.rock3-mobile { display: none; }

.main img.rock4-mobile { display: none; }

.main img.rock5-mobile { display: none; }

.main img.rock6-mobile { display: none; }

.main img.bbq1 { margin-left: 20px; margin-top: 10px; }

.main img.bbq2 { margin-left: 20px; margin-top: 10px; }

.main img.bbq3 { margin-left: 20px; margin-top: 10px; }

.main img.bbq1-mobile { display: none; }

.main img.bbq2-mobile { display: none; }

.main img.bbq3-mobile { display: none; }

.main img.sprinkler1 { margin-left: 20px; margin-top: 50px; }

.main img.sprinkler1-mobile { display: none; }

.main img.drain1 { margin-left: 20px; margin-top: 10px; }

.main img.drain2 { margin-left: 20px; margin-top: 10px; }

.main img.drain1-mobile { display: none; }

.main img.drain2-mobile { display: none; }

.main img.lighting1 { margin-left: 20px; margin-top: 10px; }

.main img.lighting1-mobile { display: none; }

#footer { background: url(images/footer-bg.png) repeat-x 0 0; height: 32px; margin-top: -8px; }

.footer-nav { float: left; }

.footer-nav ul { list-style:none; list-style-position: outside; }

.footer-nav ul li { float: left; border-right: 1px solid #000000; padding: 5px 32px; font-size: 14px; font-weight: bold; color: #FFFFFF; }

.footer-nav ul li a { color: #FFFFFF; padding: 0 9px; height: 23px; display:block; border: 2px solid transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }

.footer-nav ul li a:hover { border: 2px solid #673F02; background: url(images/nav-btn.png); color:#fff; text-decoration: none; }

.footer-nav ul li.last { border-right: 0; }

#footer p.copy { font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: bold; padding-top: 5px; text-align:center; float:none; display:block; color: #FFFFFF; }

/* ipad portrait */

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

body { width: auto; }

.shell { width: auto; width: 768px; }

.container { width: auto; }

#header { margin-bottom: 0;  position: relative;  height: 91px; background: url(images/header-tablet.png) repeat-x 0 bottom; }

#header p { font-family: arial, geneva, sans-serif; font-size: 14px; font-weight: normal; color: #FFFFFF; margin-left: 20px; margin-right: 10px; text-align: right; margin-top: -70px; }

#header a { color: #FFFFFF; }

h1.market { font-family: arial, Verdana, sans-serif; font-size: 8px; font-weight: bold; text-align:center; color: #000000; padding-bottom: 0px }

#logo { width: 113px; height: 91px; font-size: 0; line-height: 0;  }

#logo a { height: 91px; display: block; background: url(images/logo-tablet.png) no-repeat 0 0;  text-indent: -4000px; }

#navigation ul { list-style:none; list-style-position: outside; }

#navigation { width: 768px; height: 25px; margin-top: 0; margin-bottom: 0; margin-left: 0; background: url(images/menu-bg-tablet.png); }

#nav { list-style:none; height:2em; top: 44px; color: #000000; font-family: arial, geneva, sans-serif; font-size: 13px; font-weight: bold; }

#nav li.home { position:relative; float:left; width: 50px; left: 18px; top: 0px; text-align:center; }

#nav li.about { position:relative; float:left; width: 100px; left: 49px; top: 0px; text-align:center; }

#nav li.services { position:relative; float:left; width: 100px; left: 69px; top: 0px; text-align:center; }

#nav li.portfolio { position:relative; float:left; width: 100px; left: 94px; top: 0px; text-align:center; }

#nav li.faq { position:relative; float:left; width: 100px; left: 101px; top: 0px; text-align:center; }

#nav li.links { position:relative; float:left; width: 100px; left: 91px; top: 0px; text-align:center; }

#nav li.contact { position:relative; float:left; width: 100px; left: 104px; top: 0px; text-align:center; }

#nav li a:hover { color: #000000; }

#nav a { display:block; color:#FFFFFF; text-decoration:none; line-height:2em; }

/* --------- Drop Down -------- */

#nav ul { position:absolute; left:-999em; margin-top:-1px; list-style:none; width:255px; z-index: 60; background: #9B9670; border-style: solid; border-width: 1px; border-color: #000000; text-align: left; padding-left: 5px; font-size: 12px; border-top-style: none; }

#nav li:hover ul { left:0; top:auto; border-style: solid; border-width: 1px; border-color: #000000; border-top-style: none; }


#navigation ul li.show-mobile { display:none; }

#navigation a.nav-btn { display:none; }

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 506px;

  padding: 0;

  margin-left: 0px;
  margin-right: 20px;

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;
  }


.heading h1 { font-family: Arial, Verdana, sans-serif; line-height: 30px; font-size: 20px; color: #000000; font-weight:bold; margin-bottom: 15px; margin-left: 20px;  }

.main { background: url(images/bg-main-tablet.png) repeat-y; }

.main img.top-image { margin-left: 20px; align: center; margin-right: 20px; display: inline; margin-top: 10px; float: left; width: 728px; height: 293px; }

.main img.top-image2 { margin-left: 20px; align: center; margin-right: 20px; display: inline; margin-top: 10px; float: right; width: 330px; height: 299px; }

.main img.gallery-small-image { margin-left: 23px; align: center; display: inline; margin-top: 10px; float: left; width: 225px; height: 90px; }

.main img.lighting2-mobile { display: none; }

.main p.index-text { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000000; font-weight: bold; }

.main p.large-text { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000000; font-weight: bold; margin-top: 26px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; }

.main p.large-text-center { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-align: center; margin-top: 26px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; }

.main p.form { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000000; font-weight: normal; }

.main input { height:25px; vertical-align:top; }

.main input, .main select, .main textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.main h6 { font-family: Arial, Verdana, sans-serif; font-size: 19px; color: #673F02; font-weight: normal; margin-top: 20px; margin-bottom: 10px; margin-left: 20px; text-align: center; }

.main ul.services { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #673F02; font-weight: normal; }

.main ul.services li { margin-left: 35px; }

.main ul.mobile-list { display: none; }

.main .cols { margin-top: 5px; }

.main .cols .col1 { width: 242px; margin-left: 20px; height: 200px; }

.main .cols .col1 ul li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 20px; margin-right: 5px; }

.main .cols .col1 p.menu-first { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000000; font-weight: bold; margin-top: 10px; line-height: 11px; margin-left: 10px; margin-right: 5px; padding-top: 10px; }

.main .cols .col1 p.menu { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000000; font-weight: bold; margin-top: 17px; line-height: 11px; margin-left: 10px; margin-right: 5px; }

.main .cols .col1 a.home:link    {color:#000000; font-style: normal;}
.main .cols .col1 a.home:visited {color:#000000; font-style: normal;}
.main .cols .col1 a.home:hover   {color:#FFFFFF; font-style: normal;}
.main .cols .col1 a.home:active  {color:#FFFFFF; font-style: normal;}

a.bottom:link    {color:#00529B;}
a.bottom:visited {color:#00529B;}
a.bottom:hover   {color:#000000;}
a.bottom:active  {color:#000000;}

.main .cols .col2 { width: 243px; margin-right: 10px; height: 120px; margin-top: -200px; margin-left: 242px; }

.main .cols .col2 ul li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 20px; margin-right: 5px; }

.main .cols .col2 p { font-family: Arial, Verdana, sans-serif; font-size: 15px; color: #000000; font-weight: normal; margin-top: 26px; margin-left: 82px; margin-right: 20px; margin-bottom: 10px; }

.main .cols .col3 { width: 243px; margin-right: 10px; height: 120px; margin-top: -120px; margin-left: 485px; float: right; }

.main .cols .col3 ul li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 20px; margin-right: 5px; }

.main .cols .col.last { padding-right: 0; }

.main .cols .col img.left { margin-right: 24px; margin-bottom:10px;  }

.main .cols .col a { text-decoration: underline; }

.main .cols2 { margin-top: 5px; width: 768px;}

.main .cols2 .col1 { width: 240px; margin-left: 20px; height: 200px; }

.main .cols2 .col1 ul li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 20px; margin-right: 5px; }

.main .cols2 .col1 p.menu-first { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000000; font-weight: bold; margin-top: 10px; line-height: 11px; margin-left: 10px; margin-right: 5px; padding-top: 10px; }

.main .cols2 .col1 p.menu { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000000; font-weight: bold; margin-top: 17px; line-height: 11px; margin-left: 10px; margin-right: 5px; }

.main .cols2 .col1 a.home:link    {color:#000000; font-style: normal;}
.main .cols2 .col1 a.home:visited {color:#000000; font-style: normal;}
.main .cols2 .col1 a.home:hover   {color:#FFFFFF; font-style: normal;}
.main .cols2 .col1 a.home:active  {color:#FFFFFF; font-style: normal;}

a.bottom:link    {color:#00529B;}
a.bottom:visited {color:#00529B;}
a.bottom:hover   {color:#000000;}
a.bottom:active  {color:#000000;}

.main .cols2 .col2 { width: 250px; margin-right: 10px; height: 120px; margin-top: -200px; margin-left: 242px; }

.main .cols2 .col2 ul li { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-left: 20px; margin-right: 5px; }

.main .cols2 .col2 p { font-family: Arial, Verdana, sans-serif; font-size: 15px; color: #000000; font-weight: normal; margin-top: 26px; margin-left: 82px; margin-right: 20px; margin-bottom: 10px; }

.main .cols2 .col.last { padding-right: 0; }

.main .cols2 .col img.left { margin-right: 24px; margin-bottom:10px;  }

.main .cols2 .col a { text-decoration: underline; }

.main .mobile-slides { display: none; }

.main .index-bottom { width: 768px; align: center; height: 78px; }

.main p.tab { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #000000; font-weight: normal; margin-top: 20px; margin-left: 34px; margin-right: 10px; position: inherit; line-height: 14px; max-height: 68px; }

.main p.tab2 { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #000000; font-weight: normal; margin-top: -42px; margin-left: 183px; margin-right: 10px; position: inherit; line-height: 14px; max-height: 68px; }

.main p.tab3 { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #000000; font-weight: normal; margin-top: -42px; margin-left: 330px; margin-right: 10px; position: inherit; line-height: 14px; max-height: 68px; }

.main p.tab4 { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #000000; font-weight: normal; margin-top: -42px; margin-left: 551px; margin-right: 10px; position: inherit; line-height: 14px; max-height: 68px; }

.main img.bbb { width: 106px; height: 53px; }

.main p.tab5 { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #000000; font-weight: normal; margin-top: -54px; margin-left: 680px; margin-right: 10px; position: inherit; line-height: 14px; max-height: 68px; }

.main img.tnla { width: 52px; height: 52px; }

.main .second { padding-bottom: 38px; }

.main .second .col { float:left; width: 369px; padding-right: 10px; display: inline; }

.main .second .col ul { margin-left: 40px; margin-right: 20px; }

.main .second .col ul li { margin-left: 20px; margin-right: 20px; font-family: Verdana, 'Raleway', sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-bottom: 10px; }

.main .second .col ul li.indents { margin-left: 44px; margin-right: 20px; font-family: Verdana, 'Raleway', sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-bottom: 10px; }

.main .second .col ul li.no-indents { margin-left: 0px; margin-right: 20px; font-family: Verdana, 'Raleway', sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-bottom: 10px; }

.main .second .col.last { padding-right: 0; }

.main img.flagstone1 { margin-left: 15px; margin-top: 10px; width: 738px; height: 117px; }

.main img.flagstone2 { margin-left: 15px; margin-top: 10px; width: 738px; height: 137px; }

.main img.flagstone3 { margin-left: 15px; margin-top: 10px; width: 738px; height: 131px; }

.main img.flagstone4 { margin-left: 15px; margin-top: 10px; width: 738px; height: 131px; }

.main img.flagstone5 { margin-left: 15px; margin-top: 10px; width: 738px; height: 132px; }

.main img.flagstone1-mobile { display: none; }

.main img.flagstone2-mobile { display: none; }

.main img.flagstone3-mobile { display: none; }

.main img.flagstone4-mobile { display: none; }

.main img.flagstone5-mobile { display: none; }

.main img.brick1 { margin-left: 15px; margin-top: 10px; width: 738px; height: 131px; }

.main img.brick2 { margin-left: 15px; margin-top: 10px; width: 738px; height: 131px; }

.main img.brick3 { margin-left: 15px; margin-top: 10px; width: 738px; height: 131px; }

.main img.brick4 { margin-left: 15px; margin-top: 10px; width: 738px; height: 131px; }

.main img.brick1-mobile { display: none; }

.main img.brick2-mobile { display: none; }

.main img.brick3-mobile { display: none; }

.main img.brick4-mobile { display: none; }

.main img.rock1 { margin-left: 15px; margin-top: 10px; width: 738px; height: 156px; }

.main img.rock2 { margin-left: 15px; margin-top: 10px; width: 738px; height: 156px; }

.main img.rock3 { margin-left: 15px; margin-top: 10px; width: 738px; height: 156px; }

.main img.rock4 { margin-left: 15px; margin-top: 10px; width: 738px; height: 156px; }

.main img.rock5 { margin-left: 15px; margin-top: 10px; width: 738px; height: 156px; }

.main img.rock6 { margin-left: 15px; margin-top: 10px; width: 738px; height: 156px; }

.main img.rock1-mobile { display: none; }

.main img.rock2-mobile { display: none; }

.main img.rock3-mobile { display: none; }

.main img.rock4-mobile { display: none; }

.main img.rock5-mobile { display: none; }

.main img.rock6-mobile { display: none; }

.main img.bbq1 { margin-left: 15px; margin-top: 10px; width: 738px; height: 132px; }

.main img.bbq2 { margin-left: 15px; margin-top: 10px; width: 738px; height: 131px; }

.main img.bbq3 { margin-left: 15px; margin-top: 10px; width: 738px; height: 117px; }

.main img.bbq1-mobile { display: none; }

.main img.bbq2-mobile { display: none; }

.main img.bbq3-mobile { display: none; }

.main img.sprinkler1 { margin-left: 15px; margin-top: 90px; width: 738px; height: 131px; }

.main img.sprinkler1-mobile { display: none; }

.main img.drain1 { margin-left: 15px; margin-top: 10px; width: 738px; height: 226px; }

.main img.drain2 { margin-left: 15px; margin-top: 10px; width: 738px; height: 226px; }

.main img.drain1-mobile { display: none; }

.main img.drain2-mobile { display: none; }

.main img.lighting1 { margin-left: 15px; margin-top: 10px; width: 738px; height: 154px; }

.main img.lighting1-mobile { display: none; }

#footer { background: url(images/footer-bg-tablet.png) repeat-x 0 0; height: 25px; margin-top: -8px; }

.footer-nav { float:none; display: block; }

.footer-nav ul li a { color: #FFFFFF; padding: 0 7px; display:block; height: 16px; border: 2px solid transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }

.footer-nav ul li a:hover { border: 2px solid #673F02;  background: url(images/nav-btn.png) repeat-x 0 0; color:#fff; text-decoration: none; }

.footer-nav ul li { float: left; border-right: 1px solid #000000;  padding:5px 20px; font-size: 12px; color: #FFFFFF; line-height: 16px; font-weight: bold; }

#footer p.copy { font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; padding-top: 1px; text-align:center; float:none; display:block; color: #FFFFFF; }
}

/* mobile*/

@media only screen and ( max-width: 640px) { 

body { width: auto; }

#logo { width: 320px; position:relative; margin:0 auto; top: 0px; left:0;  }

#logo a { width: 320px; height: 70px; display: block; background: url(images/header-mobile.png) no-repeat 0 0;  text-indent: -4000px; }

#header { background: transparent; margin-bottom:0; height: 70px; width: 320px; }

#header p { display: none; }

#navigation { position:relative; z-index: 100; padding:3px 10px 0 10px; margin:0 0; background: url(images/bg-main-mobile.png) repeat-y;}

#navigation a.nav-btn {  margin-bottom: 15px; color: #FFFFFF; text-decoration: none; padding:0 36px 0 10px; line-height:30px;  display:block; background: url(images/navigation.png) repeat-x 0 0; height: 30px; position: relative; }

#navigation a.nav-btn span { background: url(images/dd-nav-arrs.png) no-repeat 0 bottom; width: 20px; height: 15px;  position:absolute; top: 8px; right: 12px; }

#navigation a.nav-btn.active span { background-position:0 0; }

#navigation ul { display:none;  position: absolute; top: 33px; left: 0; width: 310px; }	

#navigation ul li { float:none; height: 29px; border-top: 1px solid #000; display:block; padding: -1px 0 0 0; background: url(images/navigation.png) repeat-x 0 0; }

#navigation ul li a { border: 0; line-height:30px;  float:none; height: 30px; display: block; font-size: 13px; padding-left: 15px; padding-right: 20px; width: 300px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }	

#navigation ul li a:hover { background-image:url(images/brown-btn.png); border:0;  }

#nav { display: none; }

#nav li.home { display: none; }

#nav li.about { display: none; }

#nav li.services { display: none; }

#nav li.portfolio { display: none; }

#nav li.faq { display: none; }

#nav li.links { display: none; }

#nav li.contact { display: none; }

#nav li a:hover { display: none; }

#nav a { display: none; }

/* --------- Drop Down -------- */

#nav ul { display: none; }

#nav li:hover ul { display: none; }

#navigation ul li.active span { background: transparent; border:0; }

#navigation ul li.first { display:none; }

#navigation ul li.show-mobile {display:inherit; margin-left: 10px;}

#navigation ul li.show-mobile a {display:inherit; margin-left: 10px; color: #FFFFFF;}

#navigation ul li.show-mobile a:hover {display:inherit; margin-left: 10px; color: #000000; text-decoration: none;}

.shell { width: 320px; }

.container { background-image: url(images/bg-main-mobile.png); width: 320px; }

.main { padding:0 10px; background: url(images/bg-main-mobile.png) repeat-y; }

.main .mobile-slides .rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 280px;

  padding: 0;

  margin-left: 10px;
  margin-right: 10px;

  }



.main .mobile-slides .rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }



.main .mobile-slides .rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.main .mobile-slides .rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;
  }


.heading h1 { margin-left: 10px; margin-right: 0px; font-family: Verdana, 'Raleway', sans-serif;  line-height: 24px; font-size: 22px; color: #000000; font-weight:400; margin-bottom: 10px; margin-top: 5px; }

.main img.top-image { margin-left: 10px; margin-bottom: 20px; align: center; margin-right: 10px; display: inline; margin-top: 10px; float: left; width: 280px; height: 186px; }

.main img.top-image2 { margin-left: 10px; margin-bottom: 20px; align: center; margin-right: 10px; display: inline; margin-top: 10px; float: left; width: 280px; height: 254px; }

.main img.service-main { margin-left: 10px; margin-bottom: 20px; align: center; margin-right: 10px; display: inline; margin-top: 10px; float: left; width: 280px; height: 184px; }

.main img.landscaping1 { margin-left: 10px; margin-bottom: 20px; align: center; margin-right: 10px; display: inline; margin-top: 10px; float: left; width: 277px; height: 432px; }

.main img.landscaping2 { margin-left: 10px; margin-bottom: 20px; align: center; margin-right: 10px; display: inline; margin-top: 10px; float: left; width: 277px; height: 375px; }

.main img.gallery-small-image { margin-left: 10px; margin-bottom: 20px; align: center; margin-right: 10px; display: inline; margin-top: 10px; float: left; width: 225px; height: 90px; }

.main img.sprinkler { margin-left: 10px; margin-bottom: 20px; align: center; margin-right: 10px; display: inline; margin-top: 10px; float: left; width: 280px; height: 188px; }

.main img.lighting { margin-left: 10px; margin-bottom: 20px; align: center; margin-right: 10px; display: inline; margin-top: 10px; float: left; width: 280px; height: 183px; }

.main img.lighting2 { display: none; }

.main img.lighting2-mobile { display: inherit; }

.main p.index-text { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #673F02; font-weight: bold; margin-left: 10px; }

.main .cols { display: none; }

.main .cols .col1 { display: none; }

.main .cols .col1 p.menu-first { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: normal; margin-top: 10px; line-height: 11px; margin-left: 10px; margin-right: 5px; padding-top: 10px; }

.main .cols .col1 p.menu { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; margin-top: 10px; line-height: 11px; margin-left: 10px; margin-right: 5px; }

.main .cols .col2 { width: 589px; margin-right: 10px; height: 120px; margin-top: -387px; margin-left: 462px; float: right; }

.main .cols .col2 p { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-top: 26px; margin-left: 82px; margin-right: 20px; margin-bottom: 10px; }

.main .cols .col.last { padding-right: 0; }

.main .cols .col img.left { margin-right: 24px; margin-bottom:10px;  }

.main .cols .col a { text-decoration: underline; }

.main .cols2 { display: none; }

.main p.form { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000000; font-weight: normal; margin-left: -5px; }

.main input { height:25px; vertical-align:top; }

.main input, .main select, .main textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.main h6 { font-family: Arial, Verdana, sans-serif; font-size: 19px; color: #673F02; font-weight: normal; margin-top: 20px; margin-bottom: 10px; margin-left: 20px; text-align: left; }

.main ul.services { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #673F02; font-weight: normal; margin-left: 10px; }

.main ul.services li { margin-left: 25px; }

.main ul.mobile-list { display: inherit; }

.main .mobile-slides { display: inherit; }

.main .index-bottom { width: 320px; align: center; height: 425px; }

.main p.tab { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-top: 20px; margin-left: 20px; margin-right: 10px; line-height: 14px; max-height: 68px; position: inherit; }

.main p.tab2 { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-top: 39px; margin-left: 20px; margin-right: 10px; line-height: 14px; max-height: 68px; position: inherit; }

.main p.tab3 { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-top: 39px; margin-left: 20px; margin-right: 10px; line-height: 14px; max-height: 68px; position: inherit; }

.main p.tab4 { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-top: 39px; margin-left: 20px; margin-right: 10px; line-height: 14px; max-height: 68px; position: inherit; }

.main img.bbb { width: 145px; height: 72px; }

.main p.tab5 { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000000; font-weight: normal; margin-top: 39px; margin-left: 20px; margin-right: 10px; line-height: 14px; max-height: 68px; position: block; }

.main img.tnla { width: 72px; height: 72px; }

.main .second { padding-bottom: 38px; }

.main .second .col { float:left; width: 308px; padding-right: 20px; display: inline; }

.main .second .col ul { margin-left: 40px; margin-right: 20px; }

.main .second .col ul li { margin-left: 0px; margin-right: 20px; font-family: Verdana, 'Raleway', sans-serif; font-size: 12px; color: #000000; font-weight: normal; margin-bottom: 10px; }

.main .second .col ul li.indents { margin-left: 0px; margin-right: 20px; font-family: Verdana, 'Raleway', sans-serif; font-size: 12px; color: #000000; font-weight: normal; margin-bottom: 10px; }

.main .second .col ul li.no-indents { margin-left: 0px; margin-right: 20px; font-family: Verdana, 'Raleway', sans-serif; font-size: 12px; color: #000000; font-weight: normal; margin-bottom: 10px; }

.main .second .col.last { padding-right: 0; }

.main img.flagstone1 { display: none; }

.main img.flagstone2 { display: none; }

.main img.flagstone3 { display: none; }

.main img.flagstone4 { display: none; }

.main img.flagstone5 { display: none; }

.main img.flagstone1-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.flagstone2-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.flagstone3-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.flagstone4-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.flagstone5-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.brick1 { display: none; }

.main img.brick2 { display: none; }

.main img.brick3 { display: none; }

.main img.brick4 { display: none; }

.main img.brick1-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.brick2-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.brick3-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.brick4-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.rock1 { display: none; }

.main img.rock2 { display: none; }

.main img.rock3 { display: none; }

.main img.rock4 { display: none; }

.main img.rock5 { display: none; }

.main img.rock6 { display: none; }

.main img.rock1-mobile { display: inherit; margin-top: 10px; margin-left: 10px; }

.main img.rock2-mobile { display: inherit; margin-top: 10px; margin-left: 10px; }

.main img.rock3-mobile { display: inherit; margin-top: 10px; margin-left: 10px; }

.main img.rock4-mobile { display: inherit; margin-top: 10px; margin-left: 10px; }

.main img.rock5-mobile { display: inherit; margin-top: 10px; margin-left: 10px; }

.main img.rock6-mobile { display: inherit; margin-top: 10px; margin-left: 10px; }

.main img.bbq1 { display: none; }

.main img.bbq2 { display: none; }

.main img.bbq3 { display: none; }

.main img.bbq1-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.bbq2-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.bbq3-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.sprinkler1 { display: none; }

.main img.sprinkler1-mobile { display: inherit; margin-top: 10px; margin-left: 38px; }

.main img.drain1 { display: none; }

.main img.drain2 { display: none; }

.main img.drain1-mobile { display: inherit; margin-top: 10px; margin-left: 63px; }

.main img.drain2-mobile { display: inherit; margin-top: 10px; margin-left: 63px; }

.main img.lighting1 { display: none; }

.main img.lighting1-mobile { display: inherit; margin-top: 10px; }

#footer { padding-left: 0; padding-right:0; background: url(images/footer-bg-mobile.png) repeat-x 0 0; height: 77px; margin-top: 9px;  }

.footer-nav { float:none; display:block; height: 12px; margin:0 auto; width: 310px; vpadding-bottom: 8px; text-transform: uppercase; }

.footer-nav ul li { display: none; }

#footer p.copy { font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold; margin-left: 10px; margin-right: 10px; text-align:center; float:none; display:block; color: #FFFFFF; }
}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {

#navigation a.nav-btn { background-image:url(images/navigation@2x.png); -webkit-background-size: 2px 30px; -moz-background-size: 2px 30px; background-size: 2px 30px; }
}