a:link {
color: #3c7c33; 
}
a:visited {
color: #264d21; 
}
a:hover {
color: #71a669;
}
a:active {
color: #a9cea4; 
}
body {
margin: 0 auto;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height: 1.7em;
color: #333;
background: #fff url(../images/gradient_background.jpg) top left repeat-x;
}
#wrap {
margin: 0 auto;
padding: 0;
text-align: center;
width: 960px;
}
/* header */
#headerwrap {
width: 960px;
margin: 0 auto;
padding: 0;
text-align: center;
}
#header {
width: 960px;
margin: 0;
padding: 0;
height: 295px;
float: left;
background: #fdfcfb url(../images/headbuff.gif) bottom left no-repeat;
border-left: #999999 1px solid;
border-right: #999999 1px solid;
}
#header-left {
margin: 20px 0 0 0;
padding: 0;
float: left;
text-align: left;
width: 600px;
}
#header-left h1 {
margin: 30px 0 0 225px;
padding: 0;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.9em;
}
p#bkl_name {
margin: 23px 0 0 225px;
padding: 0;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.9em;
font-weight: bold;
}
#header-left img {
float: left;
margin: -20px 0 0 0;
padding: 0 5px 0 5px;
}
#header-left h1 a {
text-decoration: none;
}
#header-left h2 {
margin: 27px 0 0 225px;
padding: 0;
text-align: left;
font-size: 1.3em;
color: #515151;
}
p#slogan {
margin: 7px 0 0 225px;
padding: 0;
text-align: left;
font-size: 1.3em;
color: #515151;
font-weight: bold;
}
#header-right {
float: right;
width: 225px;
}
p#twitter {
margin: 0 25px 0 0;
padding: 0;
text-align: right;
float: right;
}
#header-right p {
margin: 10px 25px 0 0;
padding: 0;
text-align: right;
font-size: 1.2em;
font-weight: bold;
clear: both;
}
#customerservice {
margin: 0;
padding: 0;
text-align: right;
float: right;
}
/* Navigation */
#navwrap {
width: 960px;
margin: 0 auto;
padding: 0;
text-align: center;
height: 43px;
background: url(../images/nav_background.jpg) top left repeat-x;
clear: both;
border-left: #999999 1px solid;
border-right: #999999 1px solid;
font-size: 1.6em;
}
#navigation {
width: 960px;
margin-left: 35px;
padding: 0;
clear: both;
float: left;
}
#navigation ul {
margin: 0;
padding: 12px 6px 0 0;
list-style: none;
}
#navigation li {
float: left;
text-align: left;
position: relative;
display: block;
margin: 0;
padding: 0 20px 0 0;
}
#navigation li ul {
display: none;
position: absolute; 
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
#navigation li:hover ul, li.over ul {display: block;}
#navigation li a {
display: block;
background: none;
color: #fff;
padding: 4px 4px 4px 4px;
text-decoration: none;
border-bottom: none;
}
#navigation li a:hover {
background: #a1c89c;
color: #fff;
display: block;
padding: 4px 4px 4px 4px;
text-decoration: none;
border-bottom: none;
}
#navigation li li a{
padding: 0 10px;
display: block;
width: 7.9em;
margin: 0;
}
#navigation li li a:hover {
display: block;
padding: 0 10px;
width: 7.9em;
margin: 0;
}
#navigation li.nav_residential a {
padding: 0.4em 10px;
background: #478640;
display: block;
width: 13em;
}
#navigation li.nav_residential a:hover {
display: block;
background: #a1c89c;
color: #fff;
margin: 0;
padding: 0.4em 10px;
width: 13em;
}
#navigation li.nav_design_build a {
padding: 0.4em 10px;
background: #478640;
display: block;
width: 10em;
}
#navigation li.nav_design_build a:hover {
display: block;
background: #a1c89c;
color: #fff;
padding: 0.4em 10px;
width: 10em;
}
#navigation li.nav_commercial a {
padding: 0.4em 10px;
background: #478640;
display: block;
width: 14em;
}
#navigation li.nav_commercial a:hover {
display: block;
background: #a1c89c;
color: #fff;
padding: 0.4em 10px;
width: 14em;
}
#navigation li.nav_news a {
padding: 0.4em 10px;
background: #478640;
display: block;
width: 10em;
}
#navigation li.nav_news a:hover {
display: block;
background: #a1c89c;
color: #fff;
padding: 0.4em 10px;
width: 10em;
}
#navigation li.nav_portfolio a {
padding: 0.4em 10px;
background: #478640;
display: block;
width: 12em;
}
#navigation li.nav_portfolio a:hover {
display: block;
background:#a1c89c;
color: #fff;
padding: 0.4em 10px;
width: 12em;
}
#navigation li.nav_order a {
padding: 0.4em 10px;
background: #478640;
display: block;
width: 10em;
}
#navigation li.nav_order a:hover {
display: block;
background:#a1c89c;
color: #fff;
padding: 0.4em 10px;
width: 10em;
}
/* content formatting*/
#contentwrap {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}
#content { 
margin: 0 0 25px 0;
padding: 0;
text-align: left;
width: 960px;
float: left;
border-left: #999999 1px solid;
border-right: #999999 1px solid;
background: #fff;
}
#homecontent { 
margin: 0;
padding: 0;
text-align: left;
width: 960px;
float: left;
border-left: #999999 1px solid;
border-right: #999999 1px solid;
background: #fff;
}
#homecontent p { 
clear: both;
}

.gutter {
padding: 15px 35px 50px 35px;
margin: 0;
font-size: 1.2em;
}
/* Two column formatting */
.twocolumns {
margin: 0 auto;
padding: 0;
text-align: center;
width: 900px;
clear: both;
}
.columnleft {
float: left;
width: 550px;
padding: 7px;
margin: 0 auto;
text-align: left;
}
.columnright {
float: right;
width: 300px;
padding: 7px;
margin: 0 auto;
text-align: left;
}


/* accessibility */
.skiplink {display:none;}

/* footer */
#footer {
margin: 0 auto;
text-align: center;
width: 960px;
padding: 0 0 0 1px;
min-height: 400px;
border-left: #999999 1px solid;
border-right: #999999 1px solid;
clear: both;
background: #3c7c33;
font-size: 1.3em;
}
#footernav ul {
margin: 0 0 0 30px;
padding: 20px 0 0 0;
list-style: none;
font-size: 1.0em;
line-height: 1.5em;
display: inline;
text-align: left;
float: left;
}
#footernav li {
margin: 0;
padding: 5px 0 5px 0;
text-align: left;
display: inline;
float: left;
}
#footer-home {
float: left;
width: 50px;
}
#footer-residential {
float: left;
width: 160px;
}
#footer-design {
float: left;
width: 135px;
}
#footer-commercial {
float: left;
width: 160px;
}
#footer-news {
float: left;
width: 100px;
}
#footer-portfolio {
float: left;
width: 110px;
}
#footer-order {
float: left;
width: 70px;
}
.footernav_residential {
float: left;
width: 160px;
}
.footernav_design_build {
float: left;
width: 135px;
}
.footer_nav_commercial {
float: left;
width: 95px;
}
.footer_nav_news {
float: left;
width: 100px;
}
.footer_nav_portfolio {
float: left;
width: 110px;
}
.footer_nav_order {
float: left;
width: 70px;
}
.footerhead {
font-weight: bold;
}
#footer p {
margin: 0; 
padding: 5px; 
color: #fff; 
clear: left;
font-size: 1.3em;
line-height: 1.5em;
}
#footer a:link {
color: #fff; 
border-bottom: none; 
text-decoration: underline;
}
#footer a:visited {
color: #fff; 
text-decoration: underline;
border-bottom: none; 
}
#footer a:hover {
color: #a1c89c; 
text-decoration: underline;
border-bottom: none; 
}
#footer a:active {
color: #a1c89c; 
text-decoration: underline;
border-bottom: none; 
}
/* 3 home page images */
.homecolumns {
margin: 0 auto;
padding: 35px 0 0 0;
text-align: center;
width: 800px;
clear: both;
font-size: 1.1em;
padding: 0;
}
.homecolumns ul {
margin: 45px 0 0 25px;
padding: 0;
list-style-type: none;
list-style-position: outside;
}
.homecolumns li {
float: left;
width: 225px;
text-align: left;
margin: 0;
padding: 5px;
}
.homecolumn1 {
width: 250px;
float: left;
margin: 0 auto;
height: 16em;
padding: 0 5px 0 0;
text-align: center;
background: url(../images/leaf_bg1.jpg) no-repeat top left;
}
.homecolumn2 {
width: 250px;
float: left;
height: 16em;
margin: 0 auto;
padding: 0 5px 0 5px;
text-align: center;
background: url(../images/leaf_bg5.jpg) no-repeat top center;
}
.homecolumn3 {
width: 250px;
float: left;
height: 16em;
margin: 0 auto;
padding: 0 0 0 5px;
text-align: center;
background: url(../images/leaf_bg4.jpg) no-repeat top right;
}

/* Services Pages */
.services_twocolumns {
margin: 0 auto;
padding: 0;
text-align: center;
width: 900px;
clear: both;
}
.services_columnleft {
float: left;
width: 550px;
padding: 0;
margin: 0 auto;
text-align: left;
}
.services_columnright {
float: right;
width: 320px;
padding: 7px 0 0 0;
margin: 15px 0 25px 0;
text-align: left;
background: #e7e7e7;
border: #d5d3d3 1px solid;
}
.services_columnright img {
margin: 0 auto;
text-align:center;
}
#service_list {
height: 100%;
clear: both;
margin: 0 auto;
padding: 0;
text-align: center;
width: 900px;
}
#service_list ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 20px 0 30px 0;
}
#service_list li {
background: url(../images/leaf_bullet.jpg) top left no-repeat;
display: inline;
margin: 0;
padding-left: 22px;
padding-right: 10px;
}
#service_list_right {
height: 100%;
clear: both;
margin: 0 auto;
padding: 15px 0 15px 0;
text-align: center;
width: 300px;
background: #fff;
border: #d5d3d3 1px solid;
}
#service_list_right h3 {
margin: 0 auto;
padding: 10px;
text-align: center;
line-height: 1.7em;
}
#service_list_right ul {
list-style-type: none;
list-style-position: outside;
margin: 20px 0 0 0;
padding: 0 0 0 32px;
}
#service_list_right li {
background: url(../images/leaf_bullet.jpg) top left no-repeat;
margin: 0;
padding: 0 10px 10px 32px;
text-align: left;
}

/* Fertilization and Fire Ants */
dl dt { 
color: #27671f;
font: 1.3em Georgia, "Times New Roman", Times, serif;
}
dl dd { 
margin: 0; 
padding: 0;
line-height: 1.7em; }


/* Frequently Asked Questions */
div.faq
{
margin: 0;
padding: 15px 0 0 0;
}

div.faq div.q
{
	clear: left;
	width: 25px;
	float: left;
	font-weight: bold;
	font-size: 1.2em;
	color: #1b6f0b;
}
div.faq div.question
{
	font-weight: bold;
	float: left;
	width: 95%;
	font-size: 1.3em;
	color: #1b6f0b;
}

div.faq div.a
{
	margin: 0;
	padding: 10px 0 0 0;
	clear: left;
	width: 25px;
	float: left;
	font-weight: bold;
	font-size: 1.2em;
}
div.faq div.answer
{
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	width: 95%;
	margin-bottom: 25px;
	line-height: 1.7em;
}

/* Portfolio Pages */
#portfolio_table {
margin: 0 auto;
text-align: center;
padding: 0;
}
#portfolio_table td {
margin: 0 auto;
text-align: center;
}
.arrow_cells {
width: 150px;
} 

/* About Us */
#member_of_vertical {
float: right;
width: 200px;
margin: 0 0 0 10px;
padding: 5px;
border-left: #CCCCCC thin solid;
}
#member_of_vertical ul {
list-style-type: none;
list-style-position: outside;
}
#member_of_vertical li {
padding-left: 3px;
margin: 0 0 7px 0;
line-height: 1.9em;
}
#member_of_horizontal {
float: left;
width: 650px;
margin: 0 auto;
text-align: center;
padding: 0;
border-top: #CCCCCC thin solid;
}
#member_of_horizontal ul {
list-style-type: none;
list-style-position: outside;
}
#member_of_horizontal li {
padding: 0;
margin: 0;
line-height: 1.5em;
display: inline;
}
#on_staff_horizontal {
float: left;
width: 200px;
margin: 0 auto;
text-align: center;
padding: 0;
border-top: #CCCCCC thin solid;
}
#on_staff_horizontal ul {
list-style-type: none;
list-style-position: outside;
}
#on_staff_horizontal li {
padding: 0;
margin: 0;
line-height: 1.5em;
display: inline;
}
/* Testimonials */
.from {
font-size: 1.4em;
}
.quotation {
font-size: 1.1em;
font-style: italic;
line-height: 2.0;
margin: 0 0 0 20px;
padding: 0 0 20px 0;
}
.quotation img {
margin: 0;
float: left;
padding: 0 7px 3px 0;
}

/* Flower List */
.flower_table  {
margin: 0 auto;
padding: 0;
text-align: center;
}
.flower_table table {
margin: 0 auto;
padding: 0;
text-align: center;
}
.flower_table caption {
margin: 0;
padding: 15px 0 7px 0;
font-size: 1.7em;
font-weight: bold;
color: #006600;
}
.flower_table th {
margin: 0;
padding: 2px;
text-align: center;
background: #e8e9ea;
font-size: 1.3em;
}
.flower_table td {
margin: 0;
padding: 10px 0 10px 0;
border-bottom: #e0e1e2 1px solid;
}
.flower_name {
font-weight: bold;
}
/* Forms */
form {
width: 75%;
margin: 0 auto;
padding: 15px 0 0 0;
text-align: center;
line-height: 1.5em;
}
fieldset {
text-align: center;
background: #e2e2e3;
border: #afafaf 1px solid; 
position: relative;
}
fieldset ul {
margin: 0;
padding: 0;
float: left;
text-align: left;
}
fieldset li {
list-style: none;
float: left;
text-align: left;
clear: both;
margin: 0;
padding: 0 0 7px 0;
width: 100%;
}
legend {
color: #21541a;
font-size: 1.3em;
margin: 0 auto;
text-align: center;
position: relative;
top: -1.4em;
left: .2em;
}
label {
float: left;
text-align: left;
clear: both;
vertical-align: top;
padding: 0 15px 0 0;
margin: 3px 0 3px 0;
}
textarea {
float: left;
text-align: left;
clear: both;
margin: 0;
padding: 0;
width: 100%;
border: #afafaf 1px solid; 
}
.formselect {
display: block;
float: left;
text-align: left;
margin: 3px 0 3px 0;
padding: 0;
clear: both;
border: #afafaf 1px solid; 
}
select {
border: #afafaf 1px solid; 
}
.contactinfo {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 175px; 
	padding: 0; 
	margin: 3px 0 3px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
}
#contact_info {
background: #e6e6e6;
width: 75%;
border: #afafaf 1px solid; 
clear: both;
}
#order_mowing {
background: #e6e6e6;
width: 75%;
border: #afafaf 1px solid; 
clear: both;
}
#order_mowing td {
text-align: left;
}
#order_mowing input {
float: left;
text-align: left;
border: none;
}
#order_mowing label {
text-align: left;
clear: none;
}
.mowing_column_head {
font-weight: bold;
background: #dde1dd;
width: 500px;
}
#contact_info_mowing {
top: 20px;
background: #e6e6e6;
width: 75%;
border: #afafaf 1px solid; 
clear: both;
}
#submit_order_form {
clear: both;
margin: 35px 0 55px 65px;
padding: 0;
}
#submit_order_form p {
float: left;
text-align: left;
line-height: 1.5em;
width: 100%;
}
#request_cleanup {
background: #e6e6e6;
width: 75%;
border: #afafaf 1px solid; 
clear: both;
}
#request_mulch {
background: #e6e6e6;
width: 75%;
border: #afafaf 1px solid; 
clear: both;
}
#request_mulch input {
margin: 0 0 0 50px;
padding: 0;
}
.requestcleanup {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 175px; 
	padding: 0; 
	margin: 3px 0 3px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
}
form p {
float: left;
text-align: left;
clear: both;
width: 100%;
line-height: 1.5em;
padding: 0;
}
.submit {
float: left;
margin: 0;
padding: 10px 0 20px 0;
text-align: left;
display: block;
border: none;
}
form th {
text-align: left;
font-size: 1.1em;
font-weight: normal;
font-style: normal;
}
#request_redo {
width: 75%;
}
#request_redo select {
float: left;
text-align: left;
}
#request_lock {
width: 75%;
}
#lock input {
float: left;
text-align: left;
}
#request_lock label {
float: none;
text-align: none;
}
#request_change  {
width: 75%;
}
#request_change select {
float: left;
text-align: left;
}
#request_change label {
float: none;
text-align: none;
}
#report_damage  {
width: 75%;
}
#report_damage input {
float: left;
text-align: left;
}
#flower_order_form {
margin: 0 auto;
padding: 0;
text-align: center;
width: 100%;
}
#flower_order_form form {
margin: 0 auto;
padding: 0;
text-align: center;
width: 100%;
float: none;
}
#request_flowers  {
width: 650px;
}
#request_flowers img {
float: left;
text-align: left;
clear: both;
}
#request_flowers label {
float: left;
text-align: left;
clear: both;
}
#request_flowers table {
margin: 0 auto;
text-align: center;
}
#request_flowers th {
float: left;
text-align: left;
}
#request_flowers input {
float: left;
text-align: left;
clear: both;
}
#request_flowers_contact  {
width: 650px;
}

/* Generic Classes */
.bold { font-weight: bold; }
.clear { clear: both; }
.follows { margin-top: 0px; }
.center { margin: 0 auto; padding: 0; text-align: center; }
.imgright {
float: right;
text-align: right;
margin: 0;
padding: 7px;
}
.right {
float: right;
text-align: right;
}
.imgleft {
float: left;
text-align: left;
margin: 0;
padding: 7px;
}
.gutter h1 {
margin: 35px 0 15px 0;
padding: 0;
font-weight: bold;
font-size: 1.9em;
color: #3d7c35;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
}
.gutter h2 {
margin: 20px 0 15px 0;
padding: 0;
font-size: 1.9em;
font-weight: normal;
color:#3d7c35;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
}
.gutter h2 span.subhead {
	margin: 0;
	padding: 0;
	font-size: .50em;
	font-style: italic;
	color:#4b4a4a;
}
.gutter h3 {
margin: 20px 0 5px 0;
padding: 0;
font-size: 1.7em;
color: #3d7c35;
font-weight: normal;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
}
a img {
border: 0;
}
p {
line-height: 1.7em;
}
.leaf_bullet {
list-style-type: none;
list-style-image: url(../images/leaf_bullet.jpg);
list-style-position: outside;
}
.leaf_bullet li {
padding-left: 3px;
margin: 0 0 7px 0;
line-height: 1.9em;
}
hr {
color: #3d7c35;
height: 1px;
width: 75%;
margin: 0 auto;
padding: 0;
text-align: center;
clear: both;
}
.bold_green {
color: #27671f;
font: bold 1.3em Georgia, "Times New Roman", Times, serif;
}
.green_serif {
color: #27671f;
font: 1.3em Georgia, "Times New Roman", Times, serif;
}
.green_text 
{color: #003300}