html, body { height: 100%; margin: 0; padding: 0; }
body { text-align: center; background: #f1eeeb url(img/bkg.jpg) repeat-x center top; }

#wrapper { width:900px; padding:0 30px; min-height: 100%;	height: auto !important;	height: 100%;	margin: 0 auto -120px; text-align: left; }
#header { height: 211px; width: 900px; padding:18px 0 0; background:url(img/logo.jpg) no-repeat right; clear:both; }
#call { float:right; padding:0 10px 0 0; height:155px; text-align:right; clear:right; }
#nav { width:900px; height:56px; background:url(img/bkg-nav.jpg); clear:both; }

#main { width:900px; overflow:auto; background:url(img/flourish.png) no-repeat center bottom; clear:both; }
#sideA { padding:30px 0 30px; float:left; width: 360px; }
#sideB { padding:30px 0 30px; float:right; width: 510px; }

#content { padding:30px 20px; float:left; width:860px; }
#push { height:120px; clear:both; }
#sock { height:60px; padding:30px 0; background:url(img/bkg-footer.jpg) repeat-x center; clear:both; }
#footer { width:880px; margin:0 auto; text-align:left; }

a { color: #516b22; }
a:hover { color: #77222B; }

h1, h2, h3, h4 { margin-bottom:0.25em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; text-shadow:#999 0 1px; }
h1 { font-size:32px; color:#603913; margin-top:0; }
h2 { font-size:24px; color: #313e12; }

p, address, ul, ol, form { margin:0 0 0.8em; font: normal 14px/1.4375em sans-serif; }
address { margin-bottom:0.8em; }

#call p { font-size:13px; color:#dfd7cc; line-height:1.25em; margin: 0; float:right; padding:20px 0 0 30px; }
#call p .phone { font:26px Georgia, "Times New Roman", Times, serif; line-height: 1.5em; }
br.clear { clear: both; display: block; height: 1px; margin: -1px 0 0 0 }

#nav ul { text-align:center; }
#nav ul, #nav ul li { margin:0; padding:0; list-style:none; font:14px sans-serif; color:#fff; line-height:56px; text-shadow:0 1px 1px rgba(0,0,0,.3);	}
#nav ul li { float:left; display:block; }
#nav ul li.landscaping { width:129px;  /* +6px */ }
#nav ul li.property { width:184px; }
#nav ul li.plantscaping { width:122px;}
#nav ul li.decorating { width:193px; }
#nav ul li.events { width:136px; }
#nav ul li.photo-gallery { width:136px; /* +6px */ }
#nav a { color:#fff; text-decoration:none; display:block; padding:3px 0 0; margin-left:1px; height:52px; background:url(img/tabs.jpg) no-repeat center top; }
#nav a:hover { color:#dfd7cc; background:url(img/tabs.jpg) no-repeat center -56px; }
#nav ul li.landscaping a { padding:3px 0 0 6px; background:url(img/tabs.jpg) no-repeat left top; margin:0; }
#nav ul li.landscaping a:hover { background: url(img/tabs.jpg) no-repeat left -56px; }
#nav ul li.photo-gallery a { padding:3px 6px 0 0; background:url(img/tabs.jpg) no-repeat right top; margin-left:1px; }
#nav ul li.photo-gallery a:hover { background:url(img/tabs.jpg) no-repeat right -56px; }

#frame { width: 476px; height: 349px; padding: 15px 17px 22px; background: url(img/frame.png); }
#slideShow { width: 474px; height: 350px; background-image: url(img/green_01.jpg); border: 1px solid #c7bbac; }

hr { color: #ececec; background-color: #ececec; border: none; height: 1px; margin-top: 16px; margin-bottom: 16px; }
abbr { cursor: help; }
.ctr { text-align: center; }
.sm { font-size: 70%; }
.noListStyle { list-style: none; margin-left: 0; }

img { border: 0; }
img.logo { float: left; }
img.right { float:right; margin:0 0 24px 40px; padding:11px 14px 17px; background:url(img/img-frame.png) no-repeat center top; }

#contact #side-a { float:left; width:340px; }
#contact #side-b { float:right; width: 490px; }

.btmNav { font-size:12px; color: #a39786; margin: 0; line-height: 30px;  }
.btmNav a { color: #a39786; text-decoration: none; }
.copyright { font-size:10px; color: #6b6863; margin: 0; line-height: 30px; }
.copyright a { color: #6b6863; text-decoration: none; }
.btmNav a:hover, .copyright a:hover { color: #516b22; text-decoration: underline; }

.gallery, .galleryEnd { margin:0 15px 13px 0; padding:9px 9px 12px; width:142px; height:96px; background:url(img/lb-frame.png); float:left; }
.galleryEnd { margin-right:0; }
.gallery img, .galleryEnd img { border:1px solid #c7bbac; }

#gallery #content { margin:0 auto; padding:30px 0 15px; float:none; width:875px; }
#gallery #content a { margin:0 15px 13px 0; padding:9px 9px 12px; width:142px; height:96px; background:url(img/lb-frame.png); float:left; }
#gallery #content a img { border:1px solid #c7bbac; }

/* Lightbox */
#jquery-overlay {	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px; }
#jquery-lightbox {	position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0; }
#lightbox-nav {	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {	width: 49%;	height: 100%;	zoom: 1;	display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { color: #000;	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;	padding: 0 10px 0; }
#lightbox-container-image-data {	padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { color: #000; font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block; clear: left; padding-bottom: 1.0em;	}
#lightbox-secNav-btnClose {	width: 66px; float: right;	padding-bottom: 0.7em;	}

/* Forms */
form { line-height: 1em; }
form div { padding: 4px 0 8px; }
fieldset { padding: 0 30px 30px; border: 1px solid #998675; }
legend { font-size:24px; color: #313e12; padding: 16px 8px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-shadow: #999 0 1px; }

/* Form Validation */
label.error { float: none; color: #f55; padding-left: 20px; background: url(img/cross.png) no-repeat left center; margin-left: 6px; }
label.checked { background: url(img/tick.png) no-repeat left center; height: 16px; width: 16px; margin-left: 6px; }

/* buttons */
.button { display: inline-block;	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */	*display: inline;	vertical-align: baseline;	margin: 0 0 0 13px;	outline: none;	cursor: pointer;	text-align: center;	text-decoration: none;	font: 14px/100% sans-serif;	padding: .5em 2em .55em;	text-shadow: 0 1px 1px rgba(0,0,0,.3);	-webkit-border-radius: .5em; 	-moz-border-radius: .5em;border-radius: .5em;	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);	box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #fff;	border: solid 1px #34451a;	background: #4f6826;	background: -webkit-gradient(linear, left top, left bottom, from(#4f6826), to(#37481b));	background: -moz-linear-gradient(top,  #4f6826,  #37481b);	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f6826', endColorstr='#37481b'); }
.button:hover { color: #dfd7cc;	background: #5b752f;	background: -webkit-gradient(linear, left top, left bottom, from(#5b752f), to(#657b3f));	background: -moz-linear-gradient(top, #5b752f, #657b3f);	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b752f', endColorstr='#657b3f'); }
