body {
margin: 0;
padding: 0;
background-color: #6f6960;
font-family: 'Arial', helvetica, sans-serif;
font-size: 12px;
color: #d7d7d7;
}

h5 { 
color: #fff;
font-size: 12px;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}
h4 { 
color: #fff;
font-size: 16px;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}

em { 
color:#ffffff;
font-size: 10px;
}

ul {
list-style-type: square;
}

#container {
position: relative;
width: 819px;
height: 554px; 
margin: 0px auto 10px auto;
background-color: #6f6960;
}

#home_banner {
margin: 0;
width: 819px;
height: 130px;
background-image: url(images/home_banner.jpg); background-repeat: no-repeat; background-position: center;
}

#garden_maintenance_banner {
margin: 0;
width: 819px;
height: 130px;
background-image: url(images/garden_maintenance_banner.jpg); background-repeat: no-repeat; background-position: center;
}

#services_banner {
margin: 0;
width: 819px;
height: 130px;
background-image: url(images/services_banner.jpg); background-repeat: no-repeat; background-position: center;
}

#portfolio_banner {
margin: 0;
width: 819px;
height: 130px;
background-image: url(images/portfolio_banner.jpg); background-repeat: no-repeat; background-position: center;
}

#contact_us_banner {
margin: 0;
width: 819px;
height: 130px;
background-image: url(images/contact_us_banner.jpg); background-repeat: no-repeat; background-position: center;
}

#testimonials_banner {
margin: 0;
width: 819px;
height: 130px;
background-image: url(images/testimonials_banner.jpg); background-repeat: no-repeat; background-position: center;
}

#title {
position: absolute;
top: 130px;
left: 200px;
width: 599px;
height: 20px;
padding: 10px;
background-color: #444240;
}

#title p {
font-weight: bold;
color: #ffffcb;
}

#logo {
position: absolute;
top: 338px;
left: 13px;
width: 171px;
height: 128px;
padding: 0;
background-image: url(images/kf_logo.jpg); background-repeat:no-repeat;
}

#below-nav {
position: absolute;
top: 491px;
left: 0;
width: 180px;
height: 144px;
padding: 10px;
background-image: url(images/below-nav.jpg); background-repeat: no-repeat;
}

#below-nav p {
color: #ccc;
font-size: 12px;
}

#content-home {
position: absolute;
top: 170px;
left: 200px;
width: 578px;
height: 444px;
overflow: auto;
padding: 20px 20px 20px 20px;
background-color: #6f6960;
border-bottom: 1px solid #444240;
border-right: 1px solid #444240;
}

#content-portfolio {
position: absolute;
top: 170px;
left: 200px;
width: 578px;
height: 444px;
overflow: auto;
padding: 20px 20px 20px 20px;
background-color: #6f6960;
border-bottom: 1px solid #444240;
border-right: 1px solid #444240;
}

#content-services {
position: absolute;
top: 170px;
left: 200px;
width: 578px;
height: 444px;
overflow: auto;
padding: 20px 20px 20px 20px;
background-color: #6f6960;
border-bottom: 1px solid #444240;
border-right: 1px solid #444240;
}

#content-contact_us {
position: absolute;
top: 170px;
left: 200px;
width: 578px;
height: 444px;
overflow: auto;
padding: 20px 20px 20px 20px; 
background-color: #6f6960;
border-bottom: 1px solid #444240;
border-right: 1px solid #444240;
}

#content-portfolio p, #content-contact_us p, #content-services p, #content-home p{
color: #ccc;
font-size: 12px;
}

img {
float: left;
margin: 0 10px 10px 0;
}

/********** Nav start **********/
#nav-container {
position: absolute;
top: 130px;
left: 0;
width: 200px;
height: 380px;
background-color: #444240;
}

#navlist {
width: 200px;
float: right;
margin: 0;
margin-top: 40px;
padding: 0;
font-size: 12px;
}

#navlist li {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #d7d7d7;
text-align: right;
}

#navlist li#home {
border-top: none;
}

#navlist li a {
display: block;
height: 100%;
margin-right: 1px;
padding: 0.4em 0;
padding-right: 1.5em;
color: #ffffff;
text-decoration: none;
}

#navlist li a:hover {
background-color: #312f2e;
}

#navlist li a.current, #navlist li a:hover.current {
background-color: #252423;
color: #ffffff;
cursor: default;
}
/********** Nav end **********/

/********** Flash Content start **********/
#flashcontent { 
width: 519px; 
height: 384px;
margin: 10px auto 0 auto;
}

#flashcontent p { 
margin: 40px 20px 20px 20px;
text-align: center;
}
/********** Flash Content end **********/

a:link, a:visited, a:active { 
color: #31CB1B; 
background: transparent;
text-decoration: none; 
font-size: 100%; 
}
a:hover { 
color: #31CB1B; 
background: transparent;
text-decoration: underline; 
font-size: 100%; 
}

#statcounter {
clear: both;
}