/* global styles */

body, address, blockquote, del, div, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, ins, noscript, ol, p, pre, script, table, ul, input {
margin:0px;
padding:0px;}

body {font-size:63%;
font-family:Helvetica,Arial,sans-serif;
background:black url(../imgs/bgtile.png) repeat-x;
color:#ffffff;}

a {color:#fff100;}

a:hover, a:active {text-decoration:underline;}

img {border:none;}

p {font-size:1.2em;}

.hili {color:#fff100;}

.rhili {color:#f05a28;}

.right {float:right;}
.left {float:left;}

/* self-clearing floats */
.clearfix:after {visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;}

* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* end celf-clearing floats */

#wrap {width:900px;
min-height:1122px;
margin:0px auto;
background:transparent url(../imgs/bgmain.png) no-repeat;
position:relative;}

/* header and navigation */

#header {width:886px;
margin:0px auto;
background:transparent url(../imgs/bgheader.jpg) no-repeat;}

#logo {width:327px;
height:127px;
margin:0px auto;
text-indent:-9999px;
background:transparent url(../imgs/logo.png) no-repeat;}

#logo a {display:block;width:327px;height:127px;}

#header ul {list-style:none;text-indent:-9999px;}

#topnav {position:absolute;
width:900px;
left:0;
top:20px;}

#topnav a, #nav a {display:block;}

#topnav li.nabout {float:left;}
#topnav li.nphotos {float:right;}

#nabout {float:left;width:131px;height:38px;background:transparent url(../imgs/navspritetop.png) no-repeat;}
#nabout:hover, #nabout:active, #about #nabout {float:left;width:131px;height:38px;background:transparent url(../imgs/navspritetop.png) no-repeat 0 -48px;}

#nphotos {float:right;width:131px;height:38px;background:transparent url(../imgs/navspritetop.png) no-repeat -139px 0;}
#nphotos:hover, #nphotos:active, #photos #nphotos {float:right;width:131px;height:38px;background:transparent url(../imgs/navspritetop.png) no-repeat -139px -48px;}

#nabout a, #nphotos a {display:block;width: 131px;height:38px;}

#nav {margin:0px auto 0 auto;width:868px;position:relative;z-index:100;}

#nav li {float:left;margin-top:-30px;}

#nhome {width:100px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat;}
#nhome:hover, #nhome:active, #home #nhome {width:100px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat 0 -59px;}

#nlandsc {width:143px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -100px 0px;}
#nlandsc:hover, #nlandsc:active, #landscaping #nlandsc {width:143px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -100px -59px;}

#nsnow {width:161px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -243px 0px;}
#nsnow:hover, #nsnow:active, #snow #nsnow {width:161px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -243px -59px;}

#nmulch {width:137px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -404px 0px;}
#nmulch:hover, #nmulch:active, #mulch #nmulch {width:137px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -404px -59px;}

#nasphalt {width:90px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -541px 0px;}
#nasphalt:hover, #nasphalt:active, #asphalt #nasphalt{width:90px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -541px -59px;}

#nirrigation {width:116px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -631px 0px;}
#nirrigation:hover, #nirrigation:active, #irrigation #nirrigation{width:116px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -631px -59px;}

#ncontact {width:121px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -747px 0px;}
#ncontact:hover, #ncontact:active, #contact #ncontact {width:121px;height:59px;background:transparent url(../imgs/navsprite3.png) no-repeat -747px -59px;}

/* end header and navigation */

#main {width:900px;
position:relative;
margin:0px auto;
padding-bottom:.5em;
background:transparent url(../imgs/bglower.png) no-repeat bottom;}

#banner #slideshow {text-align:center;}
#banner #slideshow img {margin:-15px auto 0;
left:40px;
width:816px;
height:419px;
/* hide imgs when scripts disabled... */
display:none;}

/* but show first one */
#banner #slideshow img:first-child {display:inline;}

/* banner/slideshow overlay */
#home #main h2 {text-indent:-9999px;
width:498px;
height:93px;
background: transparent url(../imgs/watermark.png) no-repeat;
position:absolute;
left:330px;
top:320px;
z-index:100;}

/* columns, home page */

#coltop {width:866px;
min-height:20px;
background:transparent url(../imgs/coltop.png) no-repeat;
padding-top:20px;
margin:5px auto 12px auto;}

#colbtm {width:866px;background:transparent url(../imgs/colbtm.png) no-repeat bottom;
padding-bottom:31px;}

#colmid {width:866px;
background:transparent url(../imgs/colmid.png) repeat-y;
width:901px;}

.col {width:276px;
float:left;
margin:-10px 18px 0 0;}

.col h3 {height:46px;
width:264px;
margin:0 auto 3px;
padding-top:5px;
font-size:18px;
text-align:center;
color:#f16522;
background:transparent url(../imgs/steelplate.jpg) no-repeat;}

.col img {display:block;margin:0px auto;}

.col p {margin:2em 0 0 1.2em;
width:252px;}

.col ul {margin:20px 0 0 36px;font-size:1.2em;}

/* end home page columns */

#tagline {background-color:#fff100;
height:51px;
position:relative;
margin:0 0 10px 0;}

#tagline h3 {text-indent:-9999px;
background:transparent url(../imgs/tagline.png) no-repeat bottom;
width:522px;
height:15px;
margin:0px auto 0;
padding-top:20px;}

#tagline p {position:absolute;
right:10px;
top:3px;
text-align:right;
width:120px;
color:#231f20;}

#tagline p a {color:#ec1c24;font-weight:bold;}

/* footer styles */

#footer {position:relative;font-size:11px;}

#sitemap {float:left;
list-style:none;
margin:1em 0 0 0;}

#sitemap li {float:left;padding-left:.2em;}
#sitemap li a {text-decoration:none;color:#ffffff;}

#footer p {float:left;clear:left;font-size:11px;}

#linkback {position:absolute;
right:1em;
top:1em;
text-align:center;}

#linkback img {padding:.5em 0 1.5em 0;}

/* end footer */
/* About page styles */

#about #wrap {background-image:none;background-color:#000000;}

#about h2 , #photos h2{color:#f05a28;
font-size:2.4em;
border-bottom:2px solid #ffdd15;
margin:0 0 5px 20px;
max-width:55%;}

#about p {margin-bottom:2em;
max-width:860px;
padding:0 20px;}

#about #main img.right {margin:.5em 1.5em 4em 1.5em;}

#about .pullquote {width:68em;margin:.5em auto 3.5em auto;}

#about .pullquote img {width:212px;
height:203px;
margin:0 2em 0 0;
display:block;
float:left;}

#about .pullquote p {
	font-size:16px;
	padding:0px;
	font-style:italic;
	color:#fff100;
	width:415px;
	float:left;
	text-align: left;
}

#about .pullquote p.attr {font-size:1.4em;text-align:right;}

#testimonial {background:transparent url(../imgs/testimonial.png) no-repeat;
width:457px;
height:221px;
margin:0 2.5em 4em 2.5em;
float:left;}

#testimonial h3 {color:#F05A28;
font-size:1.6em;
margin:25px auto 20px;
text-align:center;}

#testimonial p {color:#f05a28;
font-style:italic;
margin:025px;}

#testimonial p.attr {text-align:right;}

#lrphoto {float:left;position:relative;}

/* uses existing logo img at a smaller size */
img.smlogo {width:251px;
height:101px;
position:absolute;
left:130px;
top:140px;}

#about #footer p {padding:0;margin-bottom:0;}

/* end About page styles */
/* Snow Removal page styles */

#snow #wrap {background-position:bottom;
background-color:black;
min-height:770px;
padding-bottom:40px;}

#snow #main, #mulch #main, #landscaping #main, #asphalt #main {border-left:solid 1px #808080;
border-right:solid 1px #808080;
width:826px;
background-image:none;
background-color:#000000;}

#snow h2, #mulch h2, #contact h2 {color:#f05a28;
font-size:2.4em;
border-bottom:2px solid #ffdd15;
margin:0 0 5px 13px;
max-width:95%;}

#snow .txtcol {float:right;width:420px;padding:0 0 40px 0;}

#snow .txtcol p, #mulch .txtcol p, #landscaping .txtcol p, #asphalt .txtcol p {
	padding-left:10px;
	max-width:395px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

#snow .txtcol ul {padding-left:35px;margin:0 0 1em 0;font-size:12px;}

#snow .photocol img, #mulch .photocol img, #landscaping .photocol img, #asphalt .photocol img {display:block;margin:-15px 0 0 10px;}

#snow #wraplower, #mulch #wraplower {background:transparent url(../imgs/bglower.png) no-repeat bottom;
margin:-40px auto 0;
width:900px;
position:relative;}

#snow .shelf, #mulch .shelf, #landscaping .shelf, #asphalt .shelf {width:880px;
height:227px;
margin:0 auto 35px;
background:transparent url(../imgs/bottomshelf.png) no-repeat;
text-align:center;
position:relative;
top:-55px;}

#snow .shelf img, #mulch .shelf img, #landscaping .shelf img, #asphalt .shelf img {margin:35px 0 0 5px;}

#snow img.overlay, #mulch img.overlay, #landscaping img.overlay, #asphalt img.overlay {position:absolute;
top:105px;
left:250px;
z-index:100;}

#snow #tagline, #mulch #tagline, #landscaping #tagline, #asphalt #tagline {border-top:7px solid black;width:900px;margin:-35px auto 0;}
#snow #footer, #mulch #footer, #landscaping #footer, #asphalt #footer {width:900px;margin:0px auto;}

/* end snow removal styles */
/* Begin Mulch page styles */

#mulch #wrap {background-position:bottom;
background-color:black;
min-height:880px;
padding-bottom:40px;}

#mulch .txtcol {float:right;width:420px;}

#mulch .txtcol ul {padding:10px 0 10px 15px;}

#mulch .txtcol li {float:left;display:block;margin-left:15px;}

/* end mulch styles */
/* begin Landscaping page styles */

#landscaping #wrap {background-position:bottom;
background-color:black;
min-height:770px;
padding-bottom:40px;}

#landscaping h2 {color:#f05a28;
font-size:2.4em;
border-bottom:2px solid #ffdd15;
margin:0 0 5px 13px;}

#landscaping .txtcol {float:left;padding:0 0 30px 0;}

#landscaping .txtcol h3 {margin-top:10px;
padding-left:13px;
font-size:14px;
color:#f05a28;}

#landscaping .txtcol ul {padding-left:43px;font-size:12px;padding-bottom:10px;}

#landscaping .photocol {float:right;width:400px;}

#landscaping #wraplower {background:transparent url(../imgs/bglower.png) no-repeat bottom;
margin:-20px auto 0;
width:900px;
position:relative;}

/* End landscaping styles */
/* begin Asphalt page styles */

#asphalt #wrap {background-position:bottom;
background-color:black;
min-height:770px;
padding-bottom:40px;}

#asphalt h2 {color:#f05a28;
font-size:2.4em;
border-bottom:2px solid #ffdd15;
margin:0 0 5px 13px;}

#asphalt .txtcol {float:left;padding:0 0 30px 0;}

#asphalt .txtcol h3 {margin-top:10px;
padding-left:13px;
font-size:14px;
color:#f05a28;}

#asphalt .txtcol ul {padding-left:43px;font-size:12px;padding-bottom:10px;}

#asphalt .photocol {float:right;width:400px;}

#asphalt #wraplower {background:transparent url(../imgs/bglower.png) no-repeat bottom;
margin:-20px auto 0;
width:900px;
position:relative;}

/* End asphalt styles */
/* Irrigation page styles */

#irrigation #wrap {background-position:bottom;
background-color:black;
min-height:770px;
padding-bottom:40px;}

#irrigation #main, #mulch #main, #landscaping #main, #asphalt #main {border-left:solid 1px #808080;
border-right:solid 1px #808080;
width:826px;
background-image:none;
background-color:#000000;}

#irrigation h2, #mulch h2, #contact h2 {color:#f05a28;
font-size:2.4em;
border-bottom:2px solid #ffdd15;
margin:0 0 5px 13px;
max-width:95%;}

#irrigation .txtcol {float:right;width:420px;padding:0 0 40px 0;}

#irrigation .txtcol p, #mulch .txtcol p, #landscaping .txtcol p, #asphalt .txtcol p {
	padding-left:10px;
	max-width:395px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

#irrigation .txtcol ul {padding-left:35px;margin:0 0 1em 0;font-size:12px;}

#irrigation .photocol img, #mulch .photocol img, #landscaping .photocol img, #asphalt .photocol img {display:block;margin:-15px 0 0 10px;}

#irrigation #wraplower, #mulch #wraplower {background:transparent url(../imgs/bglower.png) no-repeat bottom;
margin:-40px auto 0;
width:900px;
position:relative;}

#irrigation .shelf, #mulch .shelf, #landscaping .shelf, #asphalt .shelf {width:880px;
height:227px;
margin:0 auto 35px;
background:transparent url(../imgs/bottomshelf.png) no-repeat;
text-align:center;
position:relative;
top:-55px;}

#irrigation .shelf img, #mulch .shelf img, #landscaping .shelf img, #asphalt .shelf img {margin:35px 0 0 5px;}

#irrigation img.overlay, #mulch img.overlay, #landscaping img.overlay, #asphalt img.overlay {position:absolute;
top:105px;
left:250px;
z-index:100;}

#irrigation #tagline, #mulch #tagline, #landscaping #tagline, #asphalt #tagline {border-top:7px solid black;width:900px;margin:-35px auto 0;}
#irrigation #footer, #mulch #footer, #landscaping #footer, #asphalt #footer {width:900px;margin:0px auto;}

/* end irrigation removal styles */
/* begin Contact page styles */

#contact #wrap {min-height:1px;}

#contact #main {padding-bottom:80px;}

#contact .photocol {float:right;
background:black url(../imgs/bgsmall.jpg) no-repeat bottom;
position:relative;
margin:0 30px 0 0;
padding-bottom:10px;}

#contact .photocol img {display:block;}

#contact .photocol img.coupon {margin:70px 0 10px 0;}

#contact .photocol .logo {left:-7px;
position:absolute;
top:-13px;
width:305px;
z-index:100;}

#contact .photocol p {text-align:center;
max-width:243px;
font-size:20px;
margin:0 auto;}

#contact .photocol .coupon {font-size:38px;
color:#f6921e;
font-weight:bold;
font-style:italic;}

#contact .photocol strong {font-size:25px;
font-weight:bold;
font-style:italic;}




#contact .photocol2 {float:right;
background:black url(../imgs/bgsmall.jpg) no-repeat bottom;
position:relative;
margin:0 30px 0 0;
padding-bottom:10px;}

#contact .photocol2 img {display:block;}

#contact .photocol2 img.coupon {margin:0px 0 10px 0;}

#contact .photocol2 .logo {left:-7px;
position:absolute;
top:-13px;
width:305px;
z-index:100;}

#contact .photocol2 p {text-align:center;
max-width:243px;
font-size:20px;
margin:0 auto;}

#contact .photocol2 .coupon {font-size:38px;
color:#f6921e;
font-weight:bold;
font-style:italic;}

#contact .photocol2 strong {font-size:25px;
font-weight:bold;
font-style:italic;}


#contact .txtcol {width:560px;float:left;}

#contact .txtcol p {padding-left:13px;
max-width:1000px;
margin:0 0 1em 0;}

#contact .txtcol address {font-size:14px;
font-style:normal;
padding:0 0 10px 13px;}

/* contact form */

#contact .txtcol form {padding-left:13px;}

/* error and success messages */
#contact form p.formresponse, #contact form fieldset label.error {color:#f05a28;
font-size:14px;
font-weight:normal;
padding:5px 0 0 0;}

#contact fieldset {border:none;}

#contact .txtcol label {font-size:15px;
font-weight:bold;
display:block;
clear:both;
padding:10px 0 3px;}

#contact .txtcol label.sm {font-size:12px;
font-weight:normal;
padding:3px 0 8px;}

/* text inputs fill whole column... */
#contact .txtcol input[type=text], #contact .txtcol textarea {width:100%;}

#contact form span {display:block; float:left;}

/* ...except for these address inputs */
#contact .txtcol form input[name=city] {width:255px;margin-right:10px;}
#contact .txtcol form input[name=state] {width:130px;margin-right:10px;}
#contact .txtcol form input[name=zip]  {width:130px;}

#contact .txtcol #submit {margin-top:10px;}

/* end form */

#contact #wraplower {position:relative;width:900px;margin:0 auto;}

#contact #wraplower img.overlay {left:300px;
position:absolute;
top:-130px;
z-index:100;}

/* Photo page styles */

#photos #wrap {min-height:1px;}

#photos #main {min-height:400px;}

#photos #main p {max-width:50%; margin:30px auto 0;font-size:16px;}

#photos #main h2 {margin-left:73px;}

#photos #main table {margin:0 auto;}
#center_image {
	text-align: center;
}