body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 87%;
	color: #86867f;
	background-color: #212121;
}


h1{
	clear: both;
	padding: 0 0 20px 0;
	font-size: 80%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 4px;
	color: #fffffe;
	/*border: 1px solid blue;*/
	}


	
img{
	border: none;
	display: block;
	}
		
  #interface{
	width: 1000px;
	margin: 0px auto;
	/*border: 1px solid red;*/
	}
	
		
	/*-----------------------------------------------Header------------------------------------------*/	
	#interface-header{
		float: right;
		width: 825px;
		height: 29px;
		margin: 10px 0 0 0;
		padding: 0 20px 0 50px;
		background-repeat: no-repeat;		
		/*border: 1px solid yellow;*/
		}
	/*-----------------------------------------------interface width------------------------------------------*/	

		
	#interface-width{
		float: left;
		background-image: none;
		width: 1000px;
		/*border: 1px solid green;*/
		}
	/*-----------------------------------------------COLUMN LEFT*/	
		#interface-width #columnleft{
		float: left;
		width: 170px
		}
		
		#interface-width #columnleft #logo{
		float: left;
		background-image: url(../images/logo.jpg);
		background-repeat: no-repeat;
		width: 170px;
		height: 138px;
		/*border: 1px solid red;*/
		margin: 0;
		padding: 0;
		}
		
		#interface-width #columnleft #servicesmenu{
		clear: left;
		float: left;
		width: 170px;
		height: 250px;
		padding: 15px 0 0 0;
		margin: 0;
		/*border: 1px solid red;*/
		}
	
		#interface-width #columnleft #servicesmenu ul{
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 85%;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-weight: normal;
		letter-spacing: 0px;
		color: #a0a09e;
		}

		#interface-width #columnleft #servicesmenu ul span{
		color: #fffffe;
		}

		#interface-width #columnleft #servicesmenu ul a{
		color: #a0a09e;
		text-decoration: none;
		}

 		#interface-width #columnleft #servicesmenu ul a:hover{
		text-decoration: underline;
		} 
	/*-----------------------------------------------CONTENT CONTAINER*/	
		
		#portfolio-left{
			float: left;
			width: 800px;
			padding: 0 30px 0 0;
			margin: 0;
			/*border: 1px solid green;*/
			}
			#portfolio-left #portfolio-thumbnails{
					float: left;
					margin: 0;
					padding: 0;
					list-style: none;
					display: block;
					}
					#portfolio-left #portfolio-thumbnails li{
						float: left;
						width: 37px;
						height: 37px;
						padding: 0 0 0 0 ;
						background-color: #ebebe5;
						list-style: none;
						margin: 0 10px 10px 0;
						}
					#list-portfolio{
						clear: both;
						list-style: none;
						margin: 0;
						padding: 20px 0 30px 0;
						}
					#list-portfolio li{
						padding: 0 0 15px 0;
						letter-spacing: 2px;
						}
					#list-portfolio li a{
						font-size: 80%;
						color: #86867f;
						text-decoration: none;
						font-weight: bold;
						}
					#list-portfolio li a:hover, #list-portfolio li a:active, #list-portfolio li a:focus{
						color: #000;
							} 
			
		/*-----------------------------------------------FOOTER*/				
						
	#interface-footer{
		float: left;
		/*background-image: url(../images/interface-footer.gif);*/
		background-repeat: no-repeat;
		width: 1000px;
		height: 10px;
		}
		#web-designer{
			float: right;
			padding: 8px 10px 20px 0;
			font-size: 70%;
			}
		#web-designer a{
			text-decoration: none;
			color: #66645e;
			}
		#web-designer a:hover{
			text-decoration: underline;
			color: #66645e;
			}
		/*-----------------------------------------------TOP MENU*/
		
		#interface-width #menu{
			float: left;
			width: 600px;
			list-style: none;
			padding: 0;
			margin: 0;
			/*border: 1px solid yellow;*/
			}
	
			#interface-width #menu li{
				float: left;
				list-style: none;				
				margin: 0;
				padding: 20px 0 10px 20px;
				display: inline;
				letter-spacing: 1px;
				/*border: 1px solid blue;*/
				}
	
					#interface-width #menu a{
						float: left;
						font-size: 80%;
						color: #a0a09e;
						text-decoration: none;
						padding: 0 0 25px 0;
						}
					#interface-width #menu a:hover, #interface-width #menu a:active, #interface-width #menu a:focus{
						font-size: 80%;
						color: #a0a09e;
						text-decoration: none;
						padding: 0 0 20px 0;
						color: #FFFFFF;
						}
						
		/*-----------------------------------------------BOTTOM MENU*/	
						
	#interface-width #content-container{
		float: left;
		padding: 0;
		width: 797px;
		/*border: 1px solid blue;*/
		}
		#interface-width #content-container #menubottom{
			float: left;
			width: 600px;
			list-style: none;
			padding: 0;
			margin: 0;
			/*border: 1px solid green;*/
			}
			#interface-width #content-container #menubottom li{
				float: left;
				list-style: none;				
				margin: 0;
				padding: 2px 0 0 20px;
				display: inline;
				letter-spacing: 1px;
				/*border: 1px solid red;*/
				}
				#interface-width #content-container #menubottom a{
					float: left;
					font-size: 80%;
					color: #77932c;
					text-decoration: none;
					padding: 20 0 0 0;
					/*border: 1px solid red;*/
					}
					#interface-width #content-container #menubottom a:hover, #interface-width #menubottom a:active, #interface-width #menubottom a:focus{
						/*background: url(../../buttons/biography.jpg) bottom right no-repeat;*/
						color: #FFFFFF;
						}
	
	
/*--------------------Contact page---------------------*/


#contact-details{
	float: left;
	width: 250px;
	padding: 0 0 150px 0;
	margin: 0 0 0 0;
	} 
#contact-details h2{
	clear: both;
	padding: 20px 0 5px 0;
	margin: 0;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;	
	letter-spacing: 0px;
	line-height: 220%;
	color: #7a7573;
	}



#contact-details ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;	
	letter-spacing: 0px;
	line-height: 180%;
	color: #7a7573;
	}

#contact-details ul span{
	color: #fffffe;
	}

#contact-details ul a{
	color: #7a7573;
	text-decoration: none;
	}

 #contact-details ul a:hover{
	text-decoration: underline;
	}
	
/*-------------------services page---------------------*/



#servicesphoto{
	float: left;
	width: 648px;
	height: 373px;
	padding: 0;
	margin: 0 0 0 0;
	background: url(../../templates/images/services-photo.jpg) top left no-repeat;
	/*border: 1px solid red;*/
	}
	
#constructionphoto{
	float: left;
	width: 289px;
	height: 373px;
	padding: 0;
	margin: 0 0 0 0;
	background: url(../../templates/images/construction.jpg) top left no-repeat;
	/*border: 1px solid red;*/
	}

#localplanningphoto{
	float: left;
	width: 289px;
	height: 373px;
	padding: 0;
	margin: 0 0 0 0;
	background: url(../../templates/images/planning-authorities.jpg) top left no-repeat;
	/*border: 1px solid red;*/
	}	 

#landownersphoto{
	float: left;
	width: 289px;
	height: 373px;
	padding: 0;
	margin: 0 0 0 0;
	background: url(../../templates/images/landowners.jpg) top left no-repeat;
	/*border: 1px solid red;*/
	}	 

#forestryphoto{
	float: left;
	width: 289px;
	height: 373px;
	padding: 0;
	margin: 0 0 0 0;
	background: url(../../templates/images/forestry.jpg) top left no-repeat;
	/*border: 1px solid red;*/
	}	 
	
#insurancephoto{
	float: left;
	width: 289px;
	height: 373px;
	padding: 0;
	margin: 0 0 0 0;
	background: url(../../templates/images/insurance.jpg) top left no-repeat;
	/*border: 1px solid red;*/
	}	 
	
#domesticphoto{
	float: left;
	width: 289px;
	height: 373px;
	padding: 0;
	margin: 0 0 0 0;
	background: url(../../templates/images/domestic.jpg) top left no-repeat;
	/*border: 1px solid red;*/
	}	 
	
#contactphoto{
	float: left;
	width: 289px;
	height: 373px;
	padding: 0;
	margin: 0 0 0 0;
	background: url(../../templates/images/contactpicture.jpg) top left no-repeat;
	/*border: 1px solid red;*/
	}	 
#services{
	float: left;
	width: 503px;
	padding: 0;
	margin: 0 0 0 0;
	/*border: 1px solid yellow;*/
	} 
			
#services ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 85%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	color: #a0a09e;
	}

#services ul span{
	color: #fffffe;
	}

#services ul a{
	color: #a0a09e;
	text-decoration: none;
	}

#services ul a:hover{
	text-decoration: underline;
	}
	
#servicesbis{
	float: left;
	width: 792px;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	/*border: 1px solid yellow;*/
	} 
			
#servicesbis ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 85%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	color: #77932c;
	}

#servicesbis ul span{
	color: #fffffe;
	}

#servicesbis ul a{
	color: #7a7573;
	text-decoration: none;
	}

 #servicesbis ul a:hover{
	text-decoration: underline;
	}
	
 

/*-------------------Links---------------------*/


#links{
	float: left;
	width: 750px;
	padding: 0 0 0 20px ;
	margin: 0 0 0 0;
	/*border: 1px solid yellow;*/
	} 
			
#links ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 85%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	color: #a0a09e;
	}

#links ul span{
	color: #fffffe;
	}

#links ul a{
	color: #a0a09e;
	text-decoration: none;
	}

#links ul a:hover{
	text-decoration: underline;
	}
	
#serviceslinks{
	float: left;
	width: 503px;
	padding: 0 0 0 290px ;
	margin: 0 0 0 0;
	/*border: 1px solid yellow;*/
	} 
			
#serviceslinks ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 85%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	color: #a0a09e;
	}

#serviceslinks ul span{
	color: #fffffe;
	}

#serviceslinks ul a{
	color: #a0a09e;
	text-decoration: none;
	}

#serviceslinks ul a:hover{
	text-decoration: underline;
	}