/* @group Navigation */
/* While these styles will usually be used globally throughout the site, if a pagetype has an alternative nav style, it's pagetype.css will have to override the styles written here. While multipe options could be written into the CSS for nav rendering (e.g. writing both #top #nav1 and #middle #nav1) This should be done at the pagetype.css level, since that is where layout elements are finalized. 


/* ids should be applied to ul */
/* @group Nav1 */
#nav1 {
	list-style: none;
	float: left;
	width: 116px;
	padding-top:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #a9dc94;
	padding-left: 0px;
	margin-left: 0px;
} 

#nav1 li.image {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	background-color: white;
}
#nav1 li{
	margin-left: 0px;
	/*padding-top: 5px; */
	padding-bottom: 1px;
	position: relative;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	color: #228f66;}
	
#nav1 li .active {
	/*color: white;
 	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 15px;
	padding-right: 5px;
	display:block;*/	
	
	display: block;
	padding: 8px 5px 8px 15px;
	background-color: #1b7352;
	color: white;
	text-decoration: none;
}
	
#nav1 li a:link, #nav1 li a:visited{
	color: #228f66;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 5px;
	display:block;
}
#nav1 li a:hover{
	display: block;
	padding-right: 5px;
	background-color: #1b7352;
	color: white;
	text-decoration: none;
} 



/* @end */

/* @group Nav2 */ 
/* this is a css dropdown menu, requires sections to have @recurse=true */
/* Sub Menu Styles */

#nav1 li ul.sub-nav {
	position: absolute;
	left: 115px;
	_left: 100px; /* Set 1px less than menu width */
	top: 5px;
	display: none;
	z-index:98;
	list-style: none;
	width: 116px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
	color: white;
	background-color: #1b7352;
	border-bottom: 1px solid #1b7352;
	}

#nav1 li ul.sub-nav li {
margin: 0px;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;	
border-left: 1px solid #1b7352;
border-right: 1px solid #1b7352;
border-bottom: 1px solid white;
}

#nav1 li ul.sub-nav li a:link, #nav1 li ul.sub-nav li a:visited { 
	border-top: 1px solid #1b7352;
	border-bottom: 1px solid #1b7352;
	color: white;
	font-size: 10px;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
} 

#nav1 li ul.sub-nav li a:hover { 
	padding-bottom: 5px;
	padding-top: 5px;
	color: #2C7D3A;
	background-color: transparent;
	text-decoration:none;
	font-size: 10px;
	background-color: white;
	border-top: 1px solid #1b7352;
	border-bottom: 1px solid #1b7352;
	display: block;

} 

ul#nav1 li:hover ul.sub-nav, ul#nav1 li.sfhover ul.sub-nav { display: block; } /* The magic */


/* @end */

/* @group Nav3 */

#nav3 {
	
} 
#nav3 li{
	
}
#nav3 li a:link, #nav3 li a:link{
	
}
#nav3 li a:hover{
	
} 



/* @end */



/* @end */

/* @group Global Text Styles */

/* @group H styles */

/* @end */

/* @group Link styles */

a {
	text-decoration:none;
}

a img {
	border: none;
}

a:link, a:visited {
	text-decoration: none;
	color: #235937; /* note sure about this */
}

a:hover {
	text-decoration: underline;
}

/* @end */



/* @end */

/* @group Layout Styles */

/* @group Common */

/* @group body */

body{
	background: url(../images/t_body_bg.gif) repeat-x left top;
}

/* centers the content wrapper div */
#content {
	background-color: white;
	margin: 0px auto;
	width: 750px;
	
}


/* @end */

/* @group Top */

/*#top is the upper horizontal component of the layout, usually with the banner, 
and possibly navigation, library items, and functions like rotating /workspace/img*/
#top { width:750px; float: left;
	border-bottom: 3px solid #228f66; border-right: 1px solid black; border-left: 1px solid black; border-top: 1px solid black;

}

/*depending on the template, banner may hold an img or a background style to display the banner image */
#banner{ float: left; width:750px; height: 152px; background-image: url(../images/banner-bg.jpg);}

/* @end */


/* @group Middle */
/* #Middle is the main layout section, and will probably have child layout elements to create columns etc.*/
 
#middle { width: 750px;
 float:left; 
 background-color: white; 
 border-right: 1px solid black; 
 border-left: 1px solid black;
min-height: 400px;
_height:400px;
}
#left_column {
	float: left;
	width: 116px;
}

#left_column #left-column-bottom {float:left; width: 116px; _height: 56px; min-height:56px; display: block; background-color:#A9DC94; position: relative; }

#left_column #left-column-bottom #lc-bottom-uppermask{position: relative; top: 15px;}


#left_column #left-column-bottom #lc-bottom-lowermask {position: absolute; left: 0px; bottom: -5px;}

#right_column {
	float: left;
	width: 633px;
	_width:580px;
	background: white;
}
/* @end */

/* @group Bottom */
/*#bottom is the lowest horizontal layout area, usually containing the footer. If the 
page design has a content area in this orientation (hor. along the bottom of the page) it may need to act as the 'bottom' of the page itself if the footer is designed to hang over the background rather than within the content box.
*/
#bottom { width:750px ; float: left; border-right: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; 
}

/* The footer will usually hold a library item, or hard-coded text */
#footer{
	width:750px;
	float: left;
	background-color: #235937 ;
	margin-bottom: 0px;
}

/* @end */



/* @end */

/* @group default */

/* @group Content Area Styles  */

#ca1 {
	float: left;
	margin-left: 25px;
	margin-right: 25px;
}

#ca1 p, #ca2 p {
	font-size: 14px;
	line-height:22px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#ca1 img { float: right; margin: 10px; }

#ca1 #staff .staff {width: 28%; display: block; margin: 10px; float: left;}

/* My Comment */


#ca1 #staff .staff img {width: 90%; float: left; padding: 2px; border: 1px solid #b8b8b8;}
#ca1 #staff .staff p {text-align: center; width: 90%; float: left; margin: 0px;}
#ca1 #staff		  {float: left; width: 100%;}
#ca1 #staff:after {content: '.'; clear: both; display: none;}
#ca2 {
	border-top: 1px solid #c7c7c7;
	float: left;
	margin-left: 25px;
	margin-right: 25px;
}

#ca1 p {
	
}

#home #ca1 h1 {
margin: 0;
}
#home #ca1 h1.page-title {
display:none;
}

#home #ca1 h2 {
margin: 0;
	color: #235937;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#ca1 h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	padding-top: 10px;
	color: #235937;
}

#ca1 h2 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 20px;
	color: #87af74;
	padding-top: 0px;
}

#ca1 h3 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 17px;
	color: #87af74;
}


#ca1 .image {
	display: block;
	margin: 8px;
	text-align: center;
	/*border:  1px solid red;*/
}

#ca1 .image img {

}

#ca1 .image .caption {
	display: block;
	margin-left: 0px auto;
    margin-right: 0px auto;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
	font-size: 11px;
	padding-top: 4px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#ca1 .right {
	float: right;
}


#ca1 img.right{
	margin: 10px;
	float: right;	
}

#ca1 img.left{
	margin: 10px;
	float: left;	
}


#ca1 img.center{
	margin: 0 auto;
	clear: both;	
	float: none;
}


#ca2 h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	padding-top: 10px;
	color: #235937;
}

#ca2 h2 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 20px;
	color: #87af74;
}


#ca1 ul {
list-style-image:url(../images/bullet.gif);
list-style-position:outside;
list-style-type:none;
}
#ca1 ol {
float: left;
width: 270px;list-style-type: decimal;
padding-left: 30px;}

#ca1 ol li {list-style-position: outside;
color:black;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:14px;
line-height:22px;
margin-top:10px;}
	
#ca1 ul li {
color:black;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:14px;
line-height:22px;
margin-top:10px;
width:325px;

}


#ca2 ul {
list-style-image:url(../images/bullet.gif);
list-style-position:outside;
list-style-type:none;
}
#ca2 ul li {
color:black;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:14px;
line-height:22px;
margin-top:10px;
width:325px;
}
/*#lawn-services #ca1 {position: relative;}*/

#lawn-services #ca1 .ol-wrapper{
margin: 0 0 10px 0;
width: 300px;
}


#lawn-services #ca1 p {clear: left;}

/* My Comment */

/* @end */

/* @group Content Class Styles */

/* @group form1 */

#ca1 p em {
	font-weight: bold;
	color: #235937;
}

#ca1 p b {
	color: #235937;
}

#ca1 .form1 {
	width: 500px;
}

.form1 {
	clear: both;
}
 
.form1 form {
	width: 80%;
	margin: 25px;
	margin-top: 50px;	
}

 .form1 form fieldset {
margin-top:15px;
padding-right:20px;
}
 .form1 form legend {
color:#CAAB6A;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
}
.form1 form p {
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
text-align: right;
}
.form1 form input {
margin-bottom:5px;
}

.form1 form textarea {
	float: right;
	border: 1px solid #c0c0c0;
}

.form1 form ul {
	list-style: none;
}
.form1 form li {
	margin-top: 8px;
text-align: right;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
}


/* @end */

/* @group article1 */

.article1 {
	margin-top: px;
	margin-bottom: 20px;
}



.article1 img {
	float: right; padding: 5px;
}

.article1 h1{
	font-size: 20px;
	color: green;
}
.article1 h3 {
	font-size: 16px;
	font-weight: bold;
	color: green;
}

#ca1 .article1 ul {
list-style-image:url(../images/bullet.gif);
list-style-position:outside;
list-style-type:none;
}
#ca1 .article1 ul li {
color:black;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:14px;
line-height:22px;
margin-top:10px;
width:325px;
}

/* @end */

/* @group product1 */

.product1 {
	float: left;
	/*width: 600px;
	_width:520px;*/
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
	border-top: 1px solid ;
	border-color: #c8c8c8;
}

.product1 .top {
	float: left;
	width: 500px;
}



.product1 h2 {
	font-size: 18px;
	font-weight: bold;
	color: green;
	margin-bottom: 3px;
}

.product1 h3 {
	font-size: 14px;
	margin-top: 5px;
	color: #e48a40;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.product1 h4 {
	/*width:500px;*/

	/*clear: left;*/
	margin-top: 0px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: black;
	font-size: 13px;
	margin-bottom: 0px;
}

.product1 ul {
	float: left;
	width:400px;
	height: 30px;
	margin-top: 0px;

}

.product1 ul li {
	margin-left: 2px;
	padding-right: 30px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 13px; 
	float:left;
}

.product1 ul li.new_row {
	float:left;
	clear: left;
}

.product1 p {
	float: left;
	font-size: 14px;
	line-height:22px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	width:  100%;}



/* @end */

/* @group table1 */

.table1 {
	_border: white 1px solid; /* fixes an ie whitespace bug */
	float: left;
	width: 530px;
	background:#a9dc94  url(../images/t_list1_tr.gif) no-repeat top right;
	margin-top: 15px;
margin-bottom: 20px;
margin-left: 20px;
}

.table1 h2 , #ca1 .table1 h2 {
	color: #124e36;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;;
	background: url(../images/t_list1_tl.gif) no-repeat top left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 7px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-size: 16px;
	border-bottom: 1px solid white ;
	
}

.table1 dl {
	margin:  0px;

	width: 530px;
	float: left;
	clear: left;
	background: #124e36 url(../images/t_list1_bl.gif) no-repeat bottom left;
}

.table1 dl dt {
		border-top: 1px solid white;
	width: 100px;
	float: left;
	padding-top: 10px;
	text-align: center;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	font-size: 13px;
	vertical-align: middle;
	}
	
	.table1 dl dt.last {
	background-image: bottom left;
}

.table1 dl dd {
	border-top: 1px solid white;
	width: 410px;
	min-height:35px;
	_height:35px;
	margin-left: 0px;
	float: left;
	background: #a9dc94;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	color: #276d31}
	
	.table1 dl dd.last{
	background: #a9dc94 url(../images/t_list1_br.gif) no-repeat right bottom;
}

.table1 table.green td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}


.table1 table.green td h1 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
}

.table1 table.green td h2 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: center;
}

.table1 table.green td h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	text-align: center;

}

.table1 table.green td p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C7D3A;
	
}

.table1 .right_column {
	float:right;
	width: 190px;
	background-color:#fcefbb;
	border: 1px #663300 double;
	margin: 10px;

}

.table1 .right_column h2 {
	margin-top: 5px;
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#996633;
	text-align:center;}

.table1 .right_column p, .table1 .right_column a{
	font-size:13px;
}



/* @end */

/* @group Content Area 2 specific */

#ca2 .product1 {
	width: 270px;
	margin-left:5px;
	margin-right: 0px;
	padding-right: 10px;
	border-top: none;
}

#ca2 .product1 p {
	border-right:  1px solid #dadada;
	padding-right: 20px;
}

#ca2  .last p {
	border-right:  none;
}

#ca2 p b {
	color: #235937;
}

/* @end */

.breakout {
	float: left;
	border: solid 1px;
	background-color: ;
}

#ca1 .association {width: 300px;
float: left; margin: 0 0 25px 0;}
#ca1 .association p, #ca1 .association img {
	margin: 0 0 0 0;
	}
#ca1 .as {float: left;
clear: left;}


/* @end */



/* @end */



/* @end */

/* @group Library Items */
 
 #request-estimate{
	float: right;
	position: relative;
	right:0px;
	top: 127px;
	width: 120px;
	padding-right: 27px;
}
 
 #request-estimate li {	
	float: right;
	width: 120px;
	height: 28px;
	padding-top:0px;
	margin-left: 15px;
	padding-left: 10px;
	background: url(../images/l_contactus_left.gif) no-repeat left;
}

 #request-estimate ul {
		list-style: none;
		margin: 0px;
		padding-right: px;
}

 #request-estimate a {
	text-align: center;
	padding-right: 10px;
	display: block;
	background: url(../images/l_contactus_right.gif) no-repeat right top;
	line-height: 28px;
	color: white;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
}

 #request-estimate a:link {
	
}

#banner-link {
	float: right;

}

#banner-link a:link, #banner-link a:visited {
	display: block;
	/*line-height: 120px;*/
	/*padding-top: 120px;*/
}


#footer {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	list-style: none;
	margin-top: 0px;
	text-align: center;
	width: 710px;
	margin-left: 0px;

}


#footer  li {
	display: inline;
	font-size: 12px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	border-right: 1px solid white;
	padding-right:  10px;
	padding-left:  10px;
	margin-top: 10px;
	
}

#footer a:link, #footer a:visited
{
	color: white;
}

#footer  li.last {
	border-right: none;
}

#services{
	float: left;
	width:600px;
	list-style: none;
background:#efab52 url(../images/t_nav2_bg.gif);
	margin-top: 0px;
	
} 

#services ul{
	float: right;
	position: relative;
	padding-left: 0px;
	left: 9px;
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;

}

#services li{
	float:left;
	height: 23px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	padding-top: 3px;
	margin-top: 0px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 0px;
	background color: #235937}
	
#services li.last {
	border-right:none;
	background: url(../images/t_nav2_edge.gif) no-repeat right top;}

#services li.last a:link, #services li.last a:visited {
	border-right:none;
}

#services li a:link, #services li a:visited{
	display: block;
	color: #235937;
	padding-right: 10px;
	margin-top: 2px;
	border-right: 1px solid white;
}
a.faq {font-size: 17px;}



/* @end */

/* @group forms */

form .req {
color:red !important;
float:none;
font-weight:bold;
margin:0;
}

form ul {width: 450px; margin: 0 0 0 50px;}

form li {
clear:both;
display:block;
margin:0;
padding:4px 5px 2px 9px;}

form li div label, form li span label {
clear:both;
color:#444444;
display:block;
font-size:9px;
line-height:9px;
margin:0;
padding-top:6px;
}

form li span{
	float: left;}
	
form li div, form li span {
/*color:#444444;*/
margin:0 4px 0 0;
padding:0 0 8px;
}

.full {
width:100% !important;
}

.left {float: left;}
.right {float: right;}

form li div span.full input, 
form li div span.full select, 
form li div span.left input, 
form li div span.right input, 
form li div span.left select, 
form li div span.right select {
width:100%;
}

input.text, textarea.textarea, .firefox select.select {
background:#FFFFFF repeat-x scroll center top;
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
font-size: 16px;
line-height: 20px;
}

label.desc {
border:medium none;
color:#222222;
display:block;
font-size:95%;
font-weight:bold;
line-height:150%;
padding:0 0 1px;
}


form li div span.left, form li div span.right {
margin:0;
width:47%;
}


/* @end */