/*
Title:      Stylesheet for hesslandscaping.com
Author:     Bill Horsman - billh@ponyboy.ca
Client:     Hess Landscaping / Genesis Design
Date:			February, 2006
*/

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	/*font-size: small;*/
	/*text-align: center;*/
	line-height: 1em;
	/*color: Black;*/
	/*background-color: #C1D26F;*/
	color: #000;
}
#wrapper {
	position: relative;
	/*margin: 0 auto;*/
	margin: 0;
	padding: 0;
	font-size: 95%;
	/*text-align: left;*/
  	width: 950px;
  	background: #fff;
}
#header {
	/*position: relative;*/
	/*top: 113px;*/
	/*left: 130px;*/
	width: 950px;
	height: 80px;
}
#logo {
	position: relative;
	top: 10px;
	left: 134px;
	width: 327px;
	height: 74px;
}
#house {
	position: absolute;
	top: 99px;
	left: 3px;
	width: 20px;
	height: 20px;
}
#date {
	position: absolute;
	top: 103px;
	left: 27px;
	color: #774200;
	font-size: 70%;
}
#nav {
	width: 950px;
	height: 38px;
}
#nav1 {
	position: absolute;
	top: 85px;
	left: 407px;
	width: 438px;
}
#nav-under {
	width: 950px;
	height: 29px;
}
#main {
	width: 950px;
	height: 286px;
}
#main-under {
	width: 950px;
	height: 150px;
}
#nav2 {
	position: absolute;
	top: 442px;
	left: 22px;
}
#contact{
	width: 950px;
	height: 61px;
}
#contact-btn {
	position: absolute;
	top: 589px;
	left: 203px;
}
#footer {
	text-align: center;
	color: #A5A37D;
	font-size: 70%;
}
#footer p {
	margin: 8px 0 8px 0;
	padding: 0;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #A5A37D;
	text-decoration: underline;
}
#footer a:hover {
	color: #A5A37D;
	text-decoration: none;
}

#heading {
	position: absolute;
	top: 145px;
	left: 145px;
	height: 19px;
	width: 104px;
}
/* about us */
#a-text {
	position: absolute;
	top: 170px;
	left: 12px;
	z-index: 100;
}
#signature {
	position: absolute;
	top: 383px;
	left: 25px;
	width: 250px;
	height: 53px;
	background-color: Black;
	z-index: 99;
}
#fred {
	position: absolute;
	top: 165px;
	left: 364px;
	height: 189px;
	width: 182px;
}
#employees {
	position: absolute;
	top: 165px;
	left: 553px;
	height: 189px;
	width: 343px;
}
#address1 {
	position: absolute;
	top: 360px;
	left: 445px;
	height: 20px;
	width: 100px;
	color: White;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 80%;
}
#address1 ul, #address2 ul {
	margin: 0;
	padding: 0;
}
#address1 li, #address2 li {
	list-style-type: none;
}
#address2 {
	position: absolute;
	top: 360px;
	left: 553px;
	height: 70px;
	width: 250px;
	color: White;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 80%;
}
#address2 a {
	color: #D9C978;
	text-decoration: none;
}
#address2 a:link {
	text-decoration: none;
}
#address2 a:hover {
	text-decoration: underline;
}
/* design */
#drawing1 {
	position: absolute;
	top: 150px;
	left: 458px;
	width: 400px;
	height: 284px;
	background-color: White;
}
#drawing2 {
	position: absolute;
	top: 150px;
	left: 458px;
	width: 400px;
	height: 284px;
	background-color: White;
	/*visibility: hidden;*/
}
#drawing-tn {
	position: absolute;
	top: 150px;
	left: 331px;
	width: 100px;
	height: 200px;
}
#drawing-tn ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#drawing-tn li {
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: none;
}
#drawing-lrg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 711px;
	background-color: White;
}
#d-text {
	position: absolute;
	top: 167px;
	left: 30px;
	height: 220px;
	width: 245px;
	color: white;
	font-size: 70%;
	text-align: justify;
}
#d-text p {
	margin: 0 0 10px 0;
}
/* construction */
#process {
	position: absolute;
	top: 250px;
	left: 365px;
	height: 174px;
	width: 470px;
}
#c-quote {
	position: absolute;
	top: 173px;
	left: 365px;
	height: 174px;
	width: 470px;
	color: white;
	font-size: 70%;
}
#c-quote p {
	margin: 0;
}
.italics {
	font-style: italic;
}
.quotes {
	color: #C4BAA3;
}
/* maintenance */
#mowing {
	position: absolute;
	top: 167px;
	left: 505px;
	height: 247px;
	width: 391px;
}
#m-quote {
	position: absolute;
	top: 175px;
	left: 343px;
	height: 30px;
	width: 122px;
	color: white;
	font-size: 70%;
	text-align: justify;
}
#m-quote p {
	margin: 0 0 10px 0;
}
#m-links {
	position: absolute;
	top: 390px;
	left: 344px;
	height: 20px;
	width: 122px;
}
#m-links ul {
	margin: 0;
	padding: 0;
}
#m-links li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#m-text {
	position: absolute;
	top: 175px;
	left: 30px;
	height: 220px;
	width: 245px;
	color: white;
	font-size: 70%;
	text-align: justify;
}
#m-text p {
	margin: 0 0 10px 0;
}
/* portfolio */
#category {
	position: absolute;
	top: 160px;
	left: 112px;
	height: 180px;
	width: 150px;
}
#category ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#category li {
	margin: 0;
	padding: 0 0 30px 0px;
}
#category-tn {
	position: absolute;
	top: 155px;
	left: 18px;
	height: 220px;
	width: 76px;
}
#category-tn ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#category-tn li {
	margin: 0;
	padding: 0 0 3px 0;
}
#p-text {
	position: absolute;
	top: 166px;
	left: 350px;
	height: 170px;
	width: 485px;
	color: white;
	font-size: 70%;
	text-align: justify;
}
#p-text ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#p-text li {
	margin: 0;
	padding: 7px 0 5px 15px;
}
.yellow {
	color: #D9C978;
}
.bold {
	font-weight: bold;
	font-size: 110%;
}
/* water feature */
#category2 {
	position: absolute;
	top: 174px;
	left: 342px;
	height: 180px;
	width: 130px;
}
#category2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#category2 li {
	margin: 0;
	padding: 0 0 31px 0;
}
#wfeature-tn {
	position: absolute;
	top: 155px;
	left: 476px;
	height: 55px;
	/*width: 176px;*/
}
#wfeature-tn ul, #stonework-tn ul,
#gardens-tn ul, #woodwork-tn ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#wfeature-tn li, #stonework-tn li,
#gardens-tn li, #woodwork-tn li {
	display: inline;
	margin: 0;
	padding: 0 3px 0 0;
}
#stonework-tn {
	position: absolute;
	top: 225px;
	left: 476px;
	height: 55px;
	/*width: 176px;*/
}
#gardens-tn {
	position: absolute;
	top: 295px;
	left: 476px;
	height: 55px;
	/*width: 176px;*/
}
#woodwork-tn {
	position: absolute;
	top: 365px;
	left: 476px;
	height: 55px;
	/*width: 176px;*/
}
#mainimage {
	position: absolute;
	top: 171px;
	left: 0px;
	height: 230px;
	width: 332px;
}
#next-btn {
	position: absolute;
	top: 410px;
	left: 280px;
	width: 34px;
	height: 18px;
}
#prev-btn {
	position: absolute;
	top: 410px;
	left: 20px;
	width: 34px;
	height: 18px;
}
#viewcase {
	position: absolute;
	top: 409px;
	left: 104px;
	width: 135px;
	height: 20px;
}
#case-heading {
	position: absolute;
	top: 200px;
	left: 365px;
	width: 90px;
	height: 24px;

}