/* CSS Document */
body
{
	color:#58595B;
	margin:0;
	padding:0 10px 20px 10px;
	border:0;
	background-image:url(../images/main/background_fade.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*line-height:100%;*/
}

/***png < ie 7 fix*************************/
img, div, a { behavior: url(iepngfix.htc) }

A:link {
text-decoration: none;
color:#006600;
}
A:visited {
text-decoration: none;
color:#006600;
}
A:active {
text-decoration: none;
color:#006600;
}
A:hover {
text-decoration: none;
color:#58595B;
}

/***page text styling**********************/
ul.list {
color: #58595B;
font-size: 11px;
list-style-type:disc;
/*margin: 5px 0 5px 0;
padding:0 0 0 15px;*/
margin: 0 0 0 0;
padding:0 0 0 15px;
}

/***white text*/
.text_white_large {
	margin:0;
	border:0;
	padding:0;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;	
}
.text_white_small {
	margin:0;
	border:0;
	padding:0;
	color:#ffffff;
	font-size:11px;
}
/***green text*/
.intro_text_green {
	margin:0;
	border:0;
	padding:0;
	color:#118102;
	font-size:11px;
	font-weight:bold;	
}

/***pink text*/
.intro_text_pink {
	margin:0;
	border:0;
	padding:0;
	color:#D91C5D;
	font-size:11px;
	font-weight:bold;	
}

/***pink text*/
.intro_text_blue {
	margin:0;
	border:0;
	padding:0;
	color:#00AEEF;
	font-size:11px;
	font-weight:bold;	
}

/***pink text*/
.intro_text_green_2 {
	margin:0;
	border:0;
	padding:0;
	color:#859B5B;
	font-size:11px;
	font-weight:bold;	
}

/***grey text (body)*/
.body_text_grey {
	margin:0;
	border:0;
	padding:0;
	color:#58595B;
	font-size:11px;
}




.end_columns {
	clear:both;
	margin:0;
	padding:0;
	border:0;
}

/***main site container***********************/
#container {
	margin:0;
	padding:0;
	border:0;
	width:830px;
	height:600px;
	background-color:#FFFFFF;
}
/*********************************************/

/***left shadow container*********************/
#left_container {
	margin:0;
	padding:0;
	border:0;
	width:12px;
	height:600px;	
	background-image:url(../images/main/left_shadow.jpg);
	background-repeat:no-repeat;
	float:left;
}
/********************************************/

/***middle site content container************/
#middle_container {
	margin:0;
	padding:0;
	border:0;
	width:807px;
	height:600px;	
	background-color:#FFFFFF;
	float:left;
}

/***page header & nav area******************/
#header_container {
	margin:0;
	padding:0;
	border:0;
	width:807px;
	height:212px;
	background-color:#ffffff;
}

/***left hand side of header****************/
#header_left_side {
	margin:0;
	padding:0;
	border:0;
	width:415px;
	height:212px;
	background-color:#000000;
	float:left;
}

/***right hand side of header**************/
#header_right_side {
	margin:0;
	padding:0;
	border:0;
	width:392px;
	height:212px;
	background-image:url(../images/main/spa_header_right_bg.jpg);
	background-repeat:no-repeat;	
	float:right;
}

/***right hand side navigation elements***/

	/***home button***********************/	
	#button_home {
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:0;
	right:0;
	bottom:0;
	left:95px;
	float:left;
	}	
	a.home {
	display:block;
	width:109px;
	height:27px;
	background-image:url(../images/navigation/button_home.gif);
	background-repeat:no-repeat;	
	text-decoration: none;
	}	 
	a:hover.home {
	background-position: 0 -27px;
	}	
	
	/***contact us button*****************/	
	#button_contact_us {
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:0;
	right:0;
	bottom:0;
	left:-65px;
	float:right;
	}
	a.contact_us {
	display:block;
	width:111px;
	height:27px;
	background-image:url(../images/navigation/button_contact_us.gif);
	background-repeat:no-repeat;	
	text-decoration: none;	
	}	 
	a:hover.contact_us {
	background-position: 0 -27px;
	}	


	/***landscaping button*****************/	
	#button_landscaping {
	margin:0;
	padding:0 20px 0 0;
	border:0;
	position:relative;
	top:13px;
	right:0;
	bottom:0;
	left:72px;
	float:left;
	}
	a.landscaping {
	display:block;
	width:82px;
	height:67px;
	background-image:url(../images/navigation/button_landscaping.png);
	background-repeat:no-repeat;	
	text-decoration: none;
	}	 
	a:hover.landscaping {
	background-position: 0 -67px;
	}	

	/***gritting button*****************/	
	#button_gritting {
	margin:0;
	padding:0 20px 0 0;
	border:0;
	position:relative;
	top:13px;
	right:0;
	bottom:0;
	left:79px;
	float:left;
	}
	a.gritting {
	display:block;
	width:60px;
	height:67px;
	background-image:url(../images/navigation/button_gritting.png);
	background-repeat:no-repeat;	
	text-decoration: none;
	}	 
	a:hover.gritting {
	background-position: 0 -67px;
	}
	
	/***waste clean-up button*****************/	
	#button_waste_clean_up {
	margin:0;
	padding:0 0 0 0;
	border:0;
	position:relative;
	top:13px;
	right:0;
	bottom:0;
	left:80px;
	float:left;
	}
	a.waste_clean_up {
	display:block;
	width:100px;
	height:67px;
	background-image:url(../images/navigation/button_waste_clean_up.png);
	background-repeat:no-repeat;	
	text-decoration: none;
	}	 
	a:hover.waste_clean_up {
	background-position:0 -67px;
	}					
/*****************************************/


/***flash container***********************/
#flash_container {
	position:relative;
	margin:0;
	padding:0;
	border:0;	
	top:16px;
	right:0;
	bottom:0;
	left:0;
	width:392px;
	height:102px;
	clear:both;
}
/*****************************************/

/***page body content area****************/
#content_container {
	margin:0;
	padding:0;
	border:0;
	width:807px;
	height:368px;
	background-color:#ffffff;
}


/***start inner content HOME*************/

#inner_home_left {		
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:25px;
	right:0;
	bottom:0;
	left:46px;
	width:173px;
	height:330px;
	float:left;
	text-align:left;
}
#inner_home_middle {
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:25px;
	right:0;
	bottom:0;
	left:54px;
	width:164px;
	height:330px;
	background-image:url(../images/home/home_gree_picture_box.gif);
	background-repeat:no-repeat;	
	float:left;
}

#home_image_top{
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:7px;
	right:0;
	bottom:0;
	left:0;
	width:150px;
	height:227px;	
}

#home_image_bottom{
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:14px;
	right:0;
	bottom:0;
	left:0;
	width:150px;
	height:69px;
}

/**#home_image_bottom_left{
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:14px;
	right:0;
	bottom:0;
	left:8px;
	width:70px;
	height:70px;
	float:left;
}
#home_image_bottom_right{
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:14px;
	right:0;
	bottom:0;
	left:-9px;
	width:70px;
	height:70px;	
	float:right;
}*/


#inner_home_right {
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:25px;
	right:0;
	bottom:0;
	left:-8px;
	width:383px;
	height:330px;
	background-image:url(../images/home/home_map_box.jpg);
	background-repeat:no-repeat;	
	float:right;
}

#home_map_holder{
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:7px;
	right:0;
	bottom:0;
	left:0;
	width:356px;
	height:240px;
}

#home_map_text{
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:15px;
	right:0;
	bottom:0;
	left:0;
	width:356px;
	height:60px;
	text-align:left;
}
/***end inner content HOME***************/


/***start common page elements***********/

/***main intro and body text area********/ 
#inner_content_left {		
	margin:0;
	padding:0 5px 0 0;
	border:0;
	position:relative;
	top:25px;
	right:0;
	bottom:0;
	left:46px;
	width:355px;	
	height:320px;
	float:left;
	text-align:left;
	overflow:auto;
	
	scrollbar-3dlight-color:#c0c0c0; 
	scrollbar-arrow-color:#c0c0c0; 
	scrollbar-base-color:#ff0000; 
	scrollbar-darkshadow-color:#999999; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#c0c0c0;
	scrollbar-track-color:#c0c0c0;
	
	
}


#inner_content_image_left{
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:23px;
	right:0;
	bottom:0;
	left:17px;
	width:189px;
	height:281px;
	float:left;	
}
#inner_content_image_right_top{
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:23px;
	right:0;
	bottom:0;
	left:-15px;
	width:144px;
	height:145px;	
	float:right;
}
#inner_content_image_right_bottom{
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:33px;
	right:0;
	bottom:0;
	left:-15px;
	width:144px;
	height:126px;
	float:right;	
}

/***end common page elements**************/


/***start page specfic elements i.e. coloured boxes***/

/***main right hand image box area per & round badge per page basis***/
#inner_content_right_landscaping {
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:25px;
	right:0;
	bottom:0;
	left:-22px;
	width:379px;
	height:328px;
	background-image:url(../images/landscaping/landscaping_pink_box.gif);
	background-repeat:no-repeat;	
	float:right;
}
#inner_content_landscaping_badge {
	position:absolute;
	margin:0;
	padding:0;
	border:0;
	top:-19px;
	right:0;
	bottom:0;
	left:323px;
	width:60px;
	height:56px;
	background-image:url(../images/landscaping/badge_landscaping.png);
	background-repeat:no-repeat;	
}


#inner_content_right_gritting {
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:25px;
	right:0;
	bottom:0;
	left:-22px;
	width:379px;
	height:328px;
	background-image:url(../images/gritting/gritting_blue_box.gif);
	background-repeat:no-repeat;	
	float:right;
}
#inner_content_gritting_badge {
	position:absolute;
	margin:0;
	padding:0;
	border:0;
	top:-19px;
	right:0;
	bottom:0;
	left:323px;
	width:58px;
	height:56px;
	background-image:url(../images/gritting/badge_gritting.png);
	background-repeat:no-repeat;	
}


#inner_content_right_waste_clean_up {
	margin:0;
	padding:0;
	border:0;
	position:relative;
	top:25px;
	right:0;
	bottom:0;
	left:-22px;
	width:379px;
	height:328px;
	background-image:url(../images/waste_clean_up/waste_clean_up_green_box.gif);
	background-repeat:no-repeat;	
	float:right;
}
#inner_content_waste_clean_up_badge {
	position:absolute;
	margin:0;
	padding:0;
	border:0;
	top:-19px;
	right:0;
	bottom:0;
	left:323px;
	width:60px;
	height:56px;
	background-image:url(../images/waste_clean_up/badge_waste_clean_up.png);
	background-repeat:no-repeat;	
}

/***page footer area*********************/
#footer_container {
	width:807px;
	height:20px;
	margin:0;
	padding:0;
	border:0;
	background-color:#657447;
}
#footer_copy {
	position:relative;
	top:2px;
	right:0;
	bottom:0;
	left:0;
	width:807px;
	height:20px;
	margin:0;
	padding:0;
	border:0;
	color:#FFFFFF;
	font-size:11px;	
}
/***************************************/

/***right shadow container**************/
#right_container {
	margin:0;
	padding:0;
	border:0;
	width:11px;
	height:600px;	
	background-image:url(../images/main/right_shadow.jpg);
	background-repeat:no-repeat;
	float:right;
}
/**************************************/