/* CSS Document */
/***********************************************************************/
/* dirtyfork                                                           */
/***********************************************************************/



body
{
	margin: 12px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #78853F;
}

/***********************************************************************/
/* main containers                                                     */
/***********************************************************************/

#container
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 817px;
}

#content
{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 817px;
	padding: 0px;
}

#top
{
	float: left;
	margin: 0px;
	width: 817px;
	height: 22px;
	padding: 0px;
	background-image: url(images/top_bg.jpg);
	background-repeat: no-repeat;
}

#mainContainer
{
	float: left;
	margin: 0px;
	width: 817px;
	padding: 0px;
	background-image: url(images/middle_bg_repeat.jpg);
	background-repeat: repeat-y;
}

#mainContainerInner
{
	float: left;
	margin: 0px;
	width: 771px;
	padding: 0px 23px 0px 23px;
	background-image: url(images/middle_bg.jpg);
	background-repeat: no-repeat;
	min-height: 400px; !important
}

#topLogo
{
	float: left;
	margin: 0px;
	width: 771px;
	height: 119px;
	padding: 0px 0px 34px 0px;
	background-image: url(images/top_logo.jpg);
	background-repeat: no-repeat;
}

#bottom
{
	float: left;
	margin: 0px;
	width: 817px;
	height: 21px;
	padding: 22px 0px 5px 0px;
	background-image: url(images/bottom_bg.jpg);
	background-repeat: no-repeat;
}

#bottom p
{
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-weight: normal;
}

#bottom p a
{
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}

#bottom p a:hover
{
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: underline;
}

/***********************************************************************/
/* left middle and right container sets                                */
/***********************************************************************/

#left
{
	float: left;
	margin: 0px;
	width: 158px;
	padding: 0px;
	border-right: solid 1px #EEEEEE;
}

#middleRightBG
{
	float: left;
	background: url(images/outline_bg.gif) right top no-repeat;
	margin: 0px;
	padding: 0px;
	width: 612px;
}

#middleRightBGWide
{
	float: left;
	/*background: url(images/outline_bg.gif) right top no-repeat;*/
	margin: 0px;
	padding: 0px;
	width: 612px;
}

#middle
{
	float: left;
	margin: 0px;
	width: 427px;
	padding: 0px 10px 0px 8px;
	border-right: solid 1px #EEEEEE;
}

#middle h2
{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

#middle label
{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	text-align: left;
}

#middle form
{
	margin: -10px 0px 0px 0px;
	padding: 0px;
}

#Name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 13px;
	text-align: left;
}

#Phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 13px;
	text-align: left;
}

#Email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 13px;
	text-align: left;
}

#Company {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 13px;
	text-align: left;
}


#Address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 13px;
	text-align: left;
}

#CoName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 13px;
	text-align: left;
}

#JobTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 13px;
	text-align: left;
}

#EnquiryDetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 13px;
	text-align: left;
}

.button {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	line-height: 11px;
	text-align: center;
}

.FormError {
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	line-height: 10px;
	text-align: center;
}

.ThankYou {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 10px;
	text-align: center;
}

.formCells
{
	float: left;
	width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.Formlabels
{
	float: left;
	width: 100px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

.FormInput
{
	float: left;
	width: 230px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}


#middleWide
{
	float: left;
	margin: 0px;
	width: 594px;
	padding: 0px 10px 0px 8px;
}

/*middle listing set */

#middleWide ul
{
	float: left;
	display: block;
	width: 594px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

#middleWide ul li
{
	float: left;
	width: 300px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	display: block;
	border-bottom: solid 1px #EEEEEE;
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
}

#middleWide ul li a
{
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
	font-weight: bold;
	text-decoration: none;
}

#middleWide ul li a:hover
{
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
	font-weight: bold;
	text-decoration: underline;
}

#middleWideMap
{
	float: left;
	margin: 0px;
	width: 594px;
	padding: 0px 10px 0px 8px;
}

/*middle listing set */

/*middle TS set */

#middleTS
{
	float: left;
	margin: 0px;
	width: 594px;
	padding: 0px 10px 0px 8px;
}

#middleTS ul
{
	float: left;
	margin : 0px;
	list-style-position: outside;
	width: 180px;
	display: block;
	margin: 0px;
	padding: 0px;
}

#middleTS li
{
	width: 250px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 10px;
	list-style-image: url(images_areas_covered/bullet.gif);
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
	list-style-position: inside;
}



/*end middle TS set */

#middleWideMap
{
	float: left;
	margin: 0px;
	width: 594px;
	padding: 0px 10px 0px 8px;
}





#middleWideMap ul
{
	float: left;
	margin : 0px;
	list-style-position: outside;
	width: 180px;
	display: block;
	margin: 0px;
	padding: 0px;

}

#middleWideMap li
{

	width: 180px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 10px;
	list-style-image: url(images_areas_covered/bullet.gif);
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
	list-style-position: inside;
}

#right
{
	float: left;
	margin: 0px;
	width: 158px;
	padding: 0px 0px 0px 8px;
}

#right p
{
	font-size: 10px;
	line-height: 12px;
	color: #90A107;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

#right p a
{
	font-size: 10px;
	line-height: 12px;
	color: #90A107;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}

#right p a:hover
{
	font-size: 10px;
	line-height: 12px;
	color: #90A107;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: underline;
}

/*right listing set */

#right ul
{
	float: left;
	width: 158px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#right ul li
{
	float: left;
	width: 158px;
	line-height: 28px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(images/dotted_bottom.gif) left bottom repeat-x;
	font-size: 10px;
	color: 3F3F3E;
}

/***********************************************************************/
/* menu set up LEFT                                                    */
/***********************************************************************/

#mainNav
{		
	width: 155px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#mainNav a 
{		
	display: block;
	float: left;
	width: 127px;
	font-size: 11px;
	line-height: 11px;
	color: #3F3F3E;
	text-decoration: none;	
	padding: 5px 0px 7px 23px;
	margin: 0px 0px 1px 0px;
	border-bottom: solid 1px #EEE;
}

#mainNav span 
{
	display: none;
}

/* sets here */   /* and selected states */

#homeNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/home2.gif) top left no-repeat;
	background-color: #FFF;
	display: block;
	float: left;
}

a#homeNav:hover, a#homeNav.homeSelected
{
	background: url(images/home2_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
	display: block;
	float: left;
}

#aboutNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/about.gif) top left no-repeat;
	background-color: #FFF;
}

a#aboutNav:hover, a#aboutNav.aboutSelected
{
	background: url(images/about_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
}

#areasNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/areas.gif) top left no-repeat;
	background-color: #FFF;
}

a#areasNav:hover, a#areasNav.areasSelected
{
	background: url(images/areas_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
}

#surgeryNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/surgery.gif) top left no-repeat;
	background-color: #FFF;
}

a#surgeryNav:hover, a#surgeryNav.surgerySelected
{
	background: url(images/surgery_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
}

#removalNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/removal.gif) top left no-repeat;
	background-color: #FFF;
}

a#removalNav:hover, a#removalNav.removalSelected
{
	background: url(images/removal_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
}

#stumpNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/stump.gif) top left no-repeat;
	background-color: #FFF;
}

a#stumpNav:hover, a#stumpNav.stumpSelected
{
	background: url(images/stump_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
}

#plantingNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/planting.gif) top left no-repeat;
	background-color: #FFF;
}

a#plantingNav:hover, a#plantingNav.plantingSelected
{
	background: url(images/planting_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
}

#inspectionsDomesticNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/inspections_dom.gif) top left no-repeat;
	background-color: #FFF;
}

a#inspectionsDomesticNav:hover, a#inspectionsDomesticNav.domesticSelected
{
	background: url(images/inspections_dom_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
}

#inspectionsCommercialNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/inspections_com.gif) top left no-repeat;
	background-color: #FFF;
}

a#inspectionsCommercialNav:hover, a#inspectionsCommercialNav.commercialSelected
{
	background: url(images/inspections_com_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
}

#mappingNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/mapping.gif) top left no-repeat;
	background-color: #FFF;
}

a#mappingNav:hover, a#mappingNav.mappingSelected
{
	background: url(images/mapping_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
}

#environmentalNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/environmental.gif) top left no-repeat;
	background-color: #FFF;
}

a#environmentalNav:hover, a#environmentalNav.environmentalSelected
{
	background: url(images/environmental_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
}

#contactNav
{
	width: 155px; 
	margin: 0px;
	padding: 0px;
	background: url(images/contact.gif) top left no-repeat;
	background-color: #FFF;
}

a#contactNav:hover, a#contactNav.contactSelected
{
	background: url(images/contact_over.gif) top left no-repeat;
	color: #FFF;
	background-color: #516B12;
}


/* border */

a#homeNav:hover,
a#aboutNav:hover, 
a#areasNav:hover, 
a#surgeryNav:hover, 
a#removalNav:hover,
a#stumpNav:hover,   
a#plantingNav:hover,
a#inspectionsDomesticNav:hover, 
a#inspectionsCommercialNav:hover, 
a#mappingNav:hover,  
a#environmentalNav:hover,
a#contactNav:hover 
{ 
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #EEE;
}


/***********************************************************************/
/* general spans                                                       */
/***********************************************************************/

.screenHide
{
	display: none;
}

img
{
	border: none;
}

.devide
{
	border-bottom: solid 1px #EEE;
	width: 427px;
	clear: both;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 1px;
}

.devideWide
{
	border-bottom: solid 1px #EEE;
	width: 593px;
	clear: both;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 1px;
}

.devideRight
{
	border-bottom: solid 1px #EEE;
	width: 158px;
	clear: both;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	font-size: 1px;
}

.paddBottom
{
	padding: 0px 0px 15px 0px;
}

.imageFloatLeft
{
	float: left;
	padding: 2px;
	border: solid 1px #CCC;
	margin: 0px 6px 6px 0px;
}

.imageFloatLeftNoBoerder
{
	float: left;
	padding: 10px 0px 10px 0px;
	border: none;
	margin: 0px;
}

.imageFloatRight
{
	float: right;
	padding: 2px;
	border: solid 1px #CCC;
	margin: 0px 0px 6px 6px;
}

.imageFloatRightDM
{
	float: right;
	padding: 2px;
	border: solid 1px #CCC;
	margin: 10px 0px 6px 6px;
}


.boldItaliac
{
	color: #797E01;
	font-style: italic;
	font-weight: bold;
}

.darkGreen
{
	color: #40590A;
}

.clear
{
	clear: both;
	height: 1px;
	font-size: 1px;
	width: auto;
}

.clearDeep
{
	clear: both;
	height: 10px;
	font-size: 1px;
	width: auto;
}

/* h1 leaf sets */

.aboutLeaf
{
	background: url(images/leaf_about.gif) top left no-repeat;
	padding-left: 37px;
}

.areasLeaf
{
	background: url(images/leaf_areas.gif) top left no-repeat;
	padding-left: 37px;
}

.surgeryLeaf
{
	background: url(images/leaf_surgery.gif) top left no-repeat;
	padding-left: 37px;
}

.removalLeaf
{
	background: url(images/leaf_removal.gif) top left no-repeat;
	padding-left: 37px;
}

.stumpLeaf
{
	background: url(images/leaf_stump.gif) top left no-repeat;
	padding-left: 37px;
}

.plantingLeaf
{
	background: url(images/leaf_planting.gif) top left no-repeat;
	padding-left: 37px;
}

.domesticLeaf
{
	background: url(images/leaf_domestic.gif) top left no-repeat;
	padding-left: 37px;
}

.commercialLeaf
{
	background: url(images/leaf_commercial.gif) top left no-repeat;
	padding-left: 37px;
}

.mappingLeaf
{
	background: url(images/leaf_mapping.gif) top left no-repeat;
	padding-left: 37px;
}

.environmentalLeaf
{
	background: url(images/leaf_environmental.gif) top left no-repeat;
	padding-left: 37px;
}

.contactLeaf
{
	background: url(images/leaf_contact.gif) top left no-repeat;
	padding-left: 37px;
}

/***********************************************************************/
/* basic xhtml styling :)                                              */
/***********************************************************************/

p
{
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

p a
{
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}

p a:hover
{
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-decoration: underline;
}

h1
{
	color: #435608;
	font-size: 22px;
	line-height: 28px;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-weight: normal;
	display: block;
}

h2
{
	color: #435608;
	font-size: 13px;
	line-height: 16px;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 2px 0px;
	font-weight: bold;
	display: block;
}

h3
{
	color: #435608;
	font-size: 13px;
	line-height: 16px;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 2px 0px;
	font-weight: normal;
	display: block;
	font-weight: bold;
}


h3 a
{
	color: #435608;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
	font-weight: bold;
}

h3 a:hover
{
	color: #435608;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	font-weight: bold;
}

h4
{
	color: #435608;
	font-size: 13px;
	line-height: 16px;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 2px 0px;
	font-weight: normal;
	display: block;
	font-weight: bold;
}

.DMtextContainer
{
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
	float: left;
	width: 315px;
	height: 165px;
	display: block;
	padding: 0px;
	margin: 0px 0px 0px 12px;
}

#rightContact
{
	float: left;
	margin: 0px;
	width: 158px;
	padding: 0px 0px 0px 8px;
}

#rightContact p
{
	font-size: 11px;
	line-height: 16px;
	color: #3F3F3E;
	padding: 0px 0px 12px 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
}

#rightContact a
{
	font-size: 11px;
	line-height: 12px;
	color: #90A107;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

#rightContact a:hover
{
	font-size: 11px;
	line-height: 12px;
	color: #90A107;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
}


.treelogo
{
	width: 149px;
	height: 150px;
	padding: 25px 0px 0px 0px;
}

#middleWideDom
{
	float: left;
	margin: 0px;
	width: 594px;
	padding: 0px 10px 0px 8px;
}

/*middle listing set */

#middleWideDom ul
{
	float: left;
	display: block;
	width: 594px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

#middleWideDom ul li
{
	float: left;
	width: 300px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	display: block;
	border-bottom: solid 1px #EEEEEE;
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
}

#middleWideDom ul li
{
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
	font-weight: bold;
	text-decoration: none;
}

#middleWideDom ul li
{
	font-size: 12px;
	line-height: 16px;
	color: #3F3F3E;
	font-weight: bold;
	text-decoration: underline;
}

#middleWideDom a
{
	font-size: 11px;
	color: #90A107;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

#middleWideDom a:hover
{
	font-size: 11px;
	color: #90A107;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
}

#middleWideMap
{
	float: left;
	margin: 0px;
	width: 594px;
	padding: 0px 10px 0px 8px;
}