@import url(reset.css);
/*style.css
**** Page Elements *****
*************************/
BODY
{
	background: #2A2B21;
	font: 13px/22px Arial;
	color: #FFF;
	text-align: center;
}
/*Links*/
A
{
	color: #3F4A15;
}
A:active, A:visited
{
	color: #817F3C;
}
A:hover
{
	color: #817F3C;
}
/*Header Styles*/
H1, H2, H3
{
	color: #2A2B21;
}
H1
{
	font: normal 20px Arial;
  text-transform: uppercase;
  margin-bottom: 1em;
}
H2
{
	font: bold 15px Arial;
	text-transform: uppercase;
}
H3
{
}
/*Other Header Styles*/
H4, H5, H6
{
}
/*Paragraph, Text styles*/
P
{
	padding: 0 0 1em;
}
BLOCKQUOTE
{
}
PRE
{
}
ADDRESS
{
}
STRONG
{
}
EM
{
  font-style: italic;
}
SPAN
{
}
SMALL
{
	font-size: 11px;
}
CITE
{
}
/*Table styles*/
TABLE
{
}
CAPTION
{
}
THEAD
{
}
TFOOT
{
}
TBODY
{
}
TR
{
}
TH
{
}
TD
{
}
/*From styles*/
FORM
{
}
FORM TABLE TD
{
	padding-bottom: 10px;
	vertical-align: top;
}
FORM TABLE TABLE TD
{
	vertical-align: middle;
	padding-right: 5px;
	font-size: 12px;
}
FIELDSET
{
}
LEGEND
{
}
TD.labels
{
	text-align: right;
	padding-right: 10px;
	white-space: nowrap;
}
INPUT.input-text, TEXTAREA
{
	padding: 3px;
	border: 1px solid #AAA;
	width: 250px;
}
INPUT.input-text:focus, TEXTAREA:focus
{
	background: #E2DEC4;
	border-color: #28291F;
}
INPUT.submit
{
	border: 3px solid #E2DEC4;
	background: #817F3C;
	color: #E2DEC4;
	font-size: 13px;
	padding: 5px 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
  margin: 0;
}
INPUT.submit:hover
{
	color: #FFF;
	cursor: pointer;
	background: #292A20;
}
TEXTAREA
{
	width: 325px;
}
SELECT
{
}
/*List styles*/
UL
{
	padding: 5px 40px;
	list-style: disc;
}
OL
{
	padding: 5px 40px;
	list-style: decimal;
}
LI
{
}
DL
{
}
DD
{
}
DT
{
}
/***** Layout styles *****
*************************/
DIV#wrap
{
	width: 900px;
	margin: 0 auto;
	font: 13px/22px Arial;
	color: #2A2B21;
	background: #FFF url(../images/side_gradient.gif) repeat-y top left;
	text-align: left;
}
DIV#header-wrap
{
	background: #E9E6D2 url(../images/header_slice.gif) repeat-x top left;
	width: 900px;
	height: 161px;
	position: relative;
}
DIV#content-wrap
{
	padding: 35px 40px;
}
DIV#content
{
	float: left;
	width: 520px;
}
DIV#sidebar-right
{
	float: right;
	width: 240px;
}
DIV#sidebar-awards, DIV#sidebar-sustainable, DIV#sidebar-bbb
{
	margin: 50px 0 0;
	text-align: center;
}
DIV#sidebar-designs
{
	margin: 20px 0 0;
	text-align: center;
}
DIV#footer-wrap
{
	padding: 30px 40px 20px;
}
DIV#footer-bottom
{
	width: 900px;
	margin: 0 auto;
	padding-bottom: 20px;
}
DIV#footer-bottom P
{
	text-align: right;
	font: 10px Arial;
	color: #FFF;
	padding: 5px;
	text-transform: uppercase;
}
DIV#footer-bottom #footer_address
{
	float: left;
	width: 550px;
	text-align: left;
	font: 10px Arial;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 6px;
}
/***** Header *****/
A#logo
{
	width: 355px;
	height: 160px;
	display: block;
}
A#phoneNumber
{
	display: block;
	position: absolute;
	width: 250px;
	height: 60px;
	top: 55px;
	right: 40px;
	text-decoration: none;
	text-align: right;
}
.call-us-today, .phone-number
{
	font: bold 22px/26px Arial;
}
.call-us-today
{
	color: #505C1F;
	text-transform: uppercase;
}
.phone-number
{
	color: #2A2B21;
}
/***** Navigation ****
*********************/
UL#nav
{
	background: #3F4A15;
	height: 30px;
	width: 900px;
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
}
UL#nav LI
{
	float: left;
	display: block;
	color: #CFCD93;
	font-size: 13px;
	padding: 3px 0 0;
}
UL#nav A
{
	display: block;
	font: bold 15px Arial;
	color: #CFCD93;
	padding: 3px 15px;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* Top Nav Downstates */
UL#nav A:hover, BODY#projectspotlight UL#nav A#projectSpotlightBtn, BODY#portfolio UL#nav A#portfolioBtn, BODY#resources UL#nav A#resourcesBtn, BODY#services UL#nav A#servicesBtn, BODY#about UL#nav A#aboutBtn, BODY#contact UL#nav A#contactBtn, BODY#projectspotlight-sub UL#nav A#projectSpotlightBtn
{
	color: #FFF;
}
UL#nav A#homeBtn
{
	width: 20px;
	height: 27px;
	background: url(../images/homeBtn.gif) no-repeat 0 -3px;
	padding: 0px 15px 0 0;
	margin-left: 30px;
}
UL#nav A#homeBtn:hover, BODY#home UL#nav A#homeBtn
{
	background-position: 0 -33px;
}
/***** Front Page CTA *****/
UL#cta
{
	list-style: none;
	margin: 0;
	padding: 0;
}
UL#cta LI
{
	display: block;
	width: 240px;
	height: 52px;
	margin-bottom: 5px;
}
UL#cta LI A
{
	display: block;
	width: 240px;
	height: 35px;
	background: url(../images/service_areas_buttons.gif) no-repeat 0 0;
	font: bold 15px Arial;
	text-transform: uppercase;
	padding: 17px 15px 0 19px;
	text-decoration: none;
	letter-spacing: 1px;
}
UL#cta LI A:hover, UL.design LI#design A, UL.maintain LI#maintain A, UL.water-management LI#water-management A, UL.sustainable LI#sustainable A, UL.gardens LI#gardens A
{
	background-position: 0 -52px;
	color: #FFF;
}
ul#project-spotlight-list
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 15px 0;
}
ul#project-spotlight-list li
{
	display: block;
	float: left;
}
ul#project-spotlight-list li a
{
	display: block;
	padding: 0 5px 5px;
	margin-right: 10px;
	width: 130px;
  height:364px;
  text-align:center;
  text-transform: uppercase;
  /*
  font-size:18px;
  letter-spacing:1px;
  text-decoration:none;
  color:#222222;
  */
}
ul#project-spotlight-list li#ps-family a
{
	background: url(../images/LEW_proj_spotlight_01.jpg) no-repeat 0 50px;
}
ul#project-spotlight-list li#ps-family a:hover
{
	background: url(../images/LEW_proj_spotlight_01_o.jpg) no-repeat 0 50px;
}
ul#project-spotlight-list li#ps-front a
{
	background: url(../images/LEW_proj_spotlight_02.jpg) no-repeat 0 50px;
}
ul#project-spotlight-list li#ps-front a:hover
{
	background: url(../images/LEW_proj_spotlight_02_o.jpg) no-repeat 0 50px;
}
ul#project-spotlight-list li#ps-form a
{
	background: url(../images/LEW_proj_spotlight_03.jpg) no-repeat 0 50px;
}
ul#project-spotlight-list li#ps-form a:hover
{
	background: url(../images/LEW_proj_spotlight_03_o.jpg) no-repeat 0 50px;
}
ul#project-spotlight-list li#ps-water a
{
	background: url(../images/LEW_proj_spotlight_04.jpg) no-repeat 0 50px;
}
ul#project-spotlight-list li#ps-water a:hover
{
	background: url(../images/LEW_proj_spotlight_04_o.jpg) no-repeat 0 50px;
}
ul#project-spotlight-list li#ps-rehab a
{
	background: url(../images/LEW_proj_spotlight_05.jpg) no-repeat 0 50px;
}
ul#project-spotlight-list li#ps-rehab a:hover
{
	background: url(../images/LEW_proj_spotlight_05_o.jpg) no-repeat 0 50px;
}
/***** Portfolio Photo Gallery *****/
ul#GallerySubNav
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding: 0px;
}
ul#GallerySubNav li
{
display:block;
float:left;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding: 20px 20px 20px 0;

}
ul#GallerySubNav li a
{
font-family:Arial;
font-size: 14px;
text-decoration: none;
text-transform: none;
color: #817F3C;
}
ul#GallerySubNav li a:hover
{
font-family: Arial;
font-size: 14px;
text-decoration: underline;
text-transform: none;
color: #817F3C;
}
ul#GallerySubNav li.last
{
padding-right: 0;
}
UL.gardens LI#gardens A, UL.gardens LI#gardens A:hover,
UL.patios LI#patios A, UL.patios LI#patios A:hover,
UL.walls LI#walls A, UL.walls LI#walls A:hover,
UL.wood LI#wood A, UL.wood LI#wood A:hover
UL.water LI#water A, UL.water LI#water A:hover,
UL.specialty LI#specialty A, UL.specialty LI#specialty A:hover
{
	color: black;
  text-decoration: none;
}
/***** Special Service Box *****/
DIV#specials
{
	margin-top: 50px;
	background: url(../images/specials_box.gif) no-repeat top left;
	height: 201px;
	padding: 19px;
}
/***** CONTENT ****
*****************/
P.award
{
	display: inline;
}
DIV#hero-image
{
	width: 520px;
	height: 346px;
	background: url(../images/hero_image.jpg) no-repeat top left;
	margin-top: 20px;
}
/*###########################
*####### CONTENT STYLES #######*
*** All page Content ****/
DIV#breadcrumb
{
	margin-bottom: 15px;
}
P.fn
{
	font-weight: bold;
	padding-bottom: 0;
	font-size: 14px;
}
P.emph
{
	font-size: 16px;
	/* letter-spacing: 1px; */
	color: #222;
	padding: 0 0 10px 0;
	line-height: 25px;
}
P.h2
{
	font-size: 14px;
	padding-bottom: 0;
	margin-bottom: 5px;
	padding-top: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px dotted #000000;
	clear: left;
}
P.h2 A
{
	text-decoration: none;
	color: #2A2B21;
}
P.h3
{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0;
}
DIV#content UL
{
	padding-top: 0;
	padding-bottom: 20px;
}
DIV.subpage IMG, DIV#sidebar-designs IMG, DIV#sidebar-awards IMG
{
	padding: 1px;
	background: #FFF;
	border: 2px solid #E2DEC4;
}
BODY#projectspotlight DIV#content, BODY#portfolio DIV#content
{
	width: 750px;
}
BODY#projectspotlight-sub DIV#content, BODY#portfolio-sub DIV#content
{
	float: none;
	width: 743px;
	margin: 0 auto;
	background: #FFF;
	padding: 2px;
}
BODY#projectspotlight-sub DIV#content-wrap
{
	background: #6F7843;
	border-bottom: 2px solid #441;
}
BODY#portfolio-sub DIV#content-wrap
{
	background: #FFFFFF;
	border-bottom: 2px solid #441;
}
div.gallerySection {
float:left;
margin:10px 0;
}
div.gallerySectionRgt {
float:right;
margin:10px 0;
}
A.request-quote
{
	display: block;
	width: 162px;
	height: 35px;
	background: url(../images/request_quote.gif) no-repeat 0 0;
	font: 12px Arial;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	color: #E1DDC3;
	margin-top: 5px;
	text-align: left;
	font-weight: bold;
}
A.request-quote SPAN
{
	display: block;
	padding: 10px 0 0 17px;
  color: #E1DDC3;
}
A.request-quote:hover
{
	text-decoration: underline;
	color: #FFF;
}
a.medium_link {
color:#817F3C;
font-family:Arial;
font-size:14px;
text-decoration:none;
text-transform:none;
}
a.medium_link:hover {
text-decoration:underline;
}
div.quote {
  padding: 25px 0 0 0;
  width: 240px;
  line-height: 1.1em;
  margin-left: 0px;
  display: inline;
  float: right;
}
blockquote {
 line-height: 1.1em;
 padding: 10px 20px;
 margin: 10px 0;
}
span.Lquotemark {
  color: #817F3C;
  font-size: 50px;
  font-family: Georgia;
  float: left;
  display: inline;
  padding: 15px 0;
}
span.Rquotemark {
  color: #817F3C;
  font-size: 50px;
  font-family: Georgia;
  float: right;
  clear: both;
  display: block;
  padding: 15px 0;
}
span.byline {
 float: right;
 font-style: italic;
}
/**** Contact Page **/
a.addresslink, a.addresslink:hover, a.addresslink:visited {
text-decoration: none;
color: black;
}
form {
 line-height: 2em;
}
form dt {
  display: block;
  width: 135px;
  float: left;
  text-align: right;
  padding: 0 5px 0px 0;
}
form dd { /*
  display: block;
  float: left;  */
}
.form_end {
 margin-left: 155px;
}
TABLE.contact-form TD.label
{
	width: 200px;
	text-align: right;
	padding-right: 10px;
}
TABLE.contact-form TD.data
{
	padding-bottom: 15px;
}
TABLE.contact-form LABEL
{
	display: block;
}

/**** Resource Center ****/
UL.general-tips-list
{
	list-style: none;
	margin-left: 127px;
}
DIV.panel UL
{
	margin-left: 140px;
  padding:5px 0 5px 40px;
}
DIV.panel UL LI
{
	font-size: 12px;
	margin-bottom: 10px;
}
/**####### END CONTENT STYLES ########*
###############################
/**** Contact Us Page *****/
#scf_checkboxes td
{
  /* font-size: 9px; */
  padding-bottom: 0;
}
/**** FOOTER *****/
DIV.footer-info
{
	float: right;
	width: 280px;
	text-align: right;
	font: 10px Arial;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 6px;
}
DIV.footer-info A
{
	color: #2A2B21;
	text-decoration: none;
}
UL#footer-links
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
UL#footer-links LI
{
	display: block;
	float: left;
	margin-right: 10px;
	font-size: 10px;
}
UL#footer-links LI SPAN
{
	margin-left: 5px;
}
UL#footer-links LI A
{
	font: 10px Arial;
	text-transform: uppercase;
	text-decoration: none;
}
UL#footer-links LI A:link, UL#footer-links LI A:active, UL#footer-links LI A:visited
{
	color: #3F4A15;
}
/***** Various Classes ****
**************************/
.clear
{
	clear: both;
}
.hidden
{
	position: absolute;
	left: -9999em;
}
.alignright
{
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	clear: right;
}
.alignleft
{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	clear: left;
}
.fbfld
{
	position: absolute;
	left: -999em;
}
.error
{
	color: #FF0000;
}
.required
{
	color: #FF0000;
}
P.error
{
	background: #EEE;
	border: 2px solid #AAA;
	padding: 10px;
	margin: 5px;
	font-size: 12px;
}

/*css for the slideshow on home_improvement_show.php */
/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#333;

	width:675px;
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {

	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;
	border:1px solid #666;
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;

	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(../images/h80.png) repeat-x;
}