body, html {
	padding: 0px ;
	margin: 0px ;
	background: url(../img/bg.gif) ;
	font-family: arial ;
	font-size: 11px ;
	margin-top: 10px ;
}

h1 {
	font-family: Myriad Pro;
	font-weight: normal ;
	font-size:32px;
	color: #ff9000 ;
	
}

.container {
	width: 755px ;
	margin-right: auto ;
	margin-left: auto ;
	text-align: left ;
}

.logo {
	width: 200px ;
	height: 128px ;
	background: url(../img/logo.jpg) no-repeat right;
	position: absolute ;
	top: 10px ;
	z-index: 9999999 ;
	
}

table th {
	border-right: 1px solid #809c62 ;
	font-size: 11px ;
	background-color: #809c62 ;
	color: #FFF ;
	text-align: left ;
}

table td {
	border-right: 1px solid #DDD ;
	font-size: 11px ;
	color: #809c62 ;
	text-align: left ;
}



.header {
	width: 755px ;
	height: 50px ;
	background: url(../img/topbg.jpg) ;
	text-align: right ;
}

		.header a {
			font-weight: bold ;
			padding: 2px ;
			color: #aec793 ;
			text-decoration: none ;
		}


			.header a:hover {
				color: #809c62 ;
			}	

.header div.inputfieldcap {
	padding: 2px ;
	margin-right: 5px ;
	background: url(../img/search-right.jpg) left center no-repeat;
	float: right ;
	width: 20px ;
	*margin-top: 2px ;
}
			
.header div.inputfield {
	padding: 2px ;
	background: url(../img/search-left.jpg) left center no-repeat;
	float: right ;
}
				
	.header div.inputfield  input {
		border: 0px;
		font-size:10px ;
		color: #3a640c ;
		text-align: right ;s
	}


.nav {
	text-align: right ;
	width: 745px  ;
	margin-right: auto ;
	margin-left: auto ;
	background-color: #FFF ;
	height: 50px ;
}

	.nav ul {
		margin: 0px ;
		padding: 0px ;
		list-style-type: none ;
	}
	
	.nav ul li {
		float: right ;
		display: block ;
		padding: 14px 5px 0px 5px ;
	}
	
		.nav ul li a {
			display: block;
			height: 23px ;
		}
	
		.nav ul li a.home { width: 38px ; background: url(../img/button-home-on.jpg) no-repeat center center ; }
		.nav ul li a.profile { width: 99px ; background: url(../img/button-profile-on.jpg) no-repeat center center ; }
		.nav ul li a.personnel { width: 65px ; background: url(../img/button-personnel-on.jpg) no-repeat center center ; }
		.nav ul li a.services { width: 73px ; background: url(../img/button-services-on.jpg) no-repeat center center ; }
		.nav ul li a.clients { width: 68px ; background: url(../img/button-clients-on.jpg) no-repeat center center ; }
		.nav ul li a.projects { width: 60px ; background: url(../img/button-projects-on.jpg) no-repeat center center ; }
		.nav ul li a.contact { width: 63px ; background: url(../img/button-contact-on.gif) no-repeat center center ; }
		
		.nav ul li a.home:hover { width: 38px ; background: url(../img/button-home.jpg) no-repeat center center ; }
		.nav ul li a.profile:hover { width: 99px ; background: url(../img/button-profile.jpg) no-repeat center center ; }
		.nav ul li a.personnel:hover { width: 65px ; background: url(../img/button-personnel.jpg) no-repeat center center ; }
		.nav ul li a.services:hover { width: 73px ; background: url(../img/button-services.jpg) no-repeat center center ; }
		.nav ul li a.clients:hover { width: 68px ; background: url(../img/button-clients.jpg) no-repeat center center ; }
		.nav ul li a.projects:hover { width: 60px ; background: url(../img/button-projects.jpg) no-repeat center center ; }
		.nav ul li a.contact:hover { width: 63px ; background: url(../img/button-contact.gif) no-repeat center center ; }
	
.graphic {
	text-align: left ;
	width: 745px  ;
	margin-right: auto ;
	margin-left: auto ;
	background-color: #FFF ;
	height: 344px ;
}

	.graphic .image {
		float: left ;
		width: 530px ;
		margin-left: 5px ;
		height: 344px ;
		
	}
	
		.graphic .image.home { background: url(../img/main/home.jpg) no-repeat ;}
		.graphic .image.agriculture { background: url(../img/main/agriculture1.jpg) center center;}
		.graphic .image.ecotourism { background: url(../img/main/ecotourism.jpg) no-repeat center top ;}
		.graphic .image.industrial { background: url(../img/main/industrial.jpg) no-repeat center top ;}
		.graphic .image.commercial { background: url(../img/main/commercial.jpg) no-repeat center bottom ;}
		.graphic .image.transport { background: url(../img/main/transport.jpg) no-repeat center top ;}
		.graphic .image.residential { background: url(../img/main/residential.jpg) no-repeat center top ;}
		
	
		.graphic .info {
			margin-top: -60px ;
			margin-left: 0px ;
			width: 530px ;
			float:left ;
			position: relative ;
			z-index: 99999999 ;
			background: url(../img/imagebg.png) ;
		}
		
			.graphic .info a.client {
				display: block ;
				float: left ;
				color: white ;
				text-decoration :none ;
				font-size: 18px ;
				padding: 10px 20px 2px 10px ;
				background: url(../img/arrow.png) no-repeat right 17px  ;
				width: auto ;
			}
			
				.graphic .info a.client:hover {
					color: #aac189 ;
				}
			
			.graphic .info p {
				clear: both ;
				margin: 0px ;
				padding: 0px 0px 10px 10px ;
				color: #aac189 ;
			}

		.graphic a.door {
			display: block ;
			width: 202px ;
			height: 344px ;
			background: url(../img/door.jpg) ;
			margin-right: 5px ;
			float: right ;
		}

	.content {
		text-align: left ;
		width: 745px  ;
		margin-right: auto ;
		margin-left: auto ;
		background-color: #FFF ;
	}
	
		.content .heading {
			background: url(../img/devider.jpg) no-repeat right top ;
			float: left ;
			width: 266px ;
			margin-left: 5px ;
		}
		
			.content .heading img {
				display: block ;
				margin: 20px ;
			}
			
		.content .text {
			float: left ;
			width: 468px ;
		}
		
			.content .text.fullwidth {
				width: 734px ;
			}
		
			.content .text.projectlist a {
				color: #2d4106 ;
				font-size:12px ;
				text-decoration: none ;
				padding: 0px ;
				margin: 0px ;
				background: none ;
			}
			
				.content .text.projectlist a:hover {
					color: #5a7624 ;
					text-decoration: underline ;
				}

			.content .text a {
				color: #2d4106 ;
				text-decoration: none ;

			}
			
			.content .text.projects a {
				color: #2d4106 ;
				font-size:14px ;
				text-decoration: none ;
				display: block ;
				padding: 0px ;
				padding-top: 2px ;				
				margin: 0px ;
				background: url(../img/arrow.png) left center no-repeat ;
				padding-left: 20px ;
			}
			
				.content .text a:hover {
					color: #5a7624 ;
				}

	.images {
		text-align: left ;
		width: 745px  ;
		margin-right: auto ;
		margin-left: auto ;
		background-color: #FFF ;
		background: #FFF url(../img/dotted-line.gif) repeat-x top ;
		*padding-left: 2px ;
		
	}
	
		.images ul {
			margin: 0px ;
			padding: 0px ;
			list-style-type: none ;
			margin: 5px ;
			margin-top: 0px ;
			display: block ;
			padding-top: 20px ;
			*margin: 4px ;
			margin-top: -10px ;
		}
		
			.images ul li {
				display: block ;
				float: left ;
				padding: 0px ;
				margin: 0px ;
				margin-right: 4px ;
				padding-right: 1px ;
				color: #2d4106 ;
				width: 240px ;
				font-weight: bold ;
				margin-bottom: 20px ;
			}
			
			.images ul li a {
				font-weight: normal ;
				color: #2d4106 ;
				text-decoration: none ;
			}
			
				.images ul li a:hover {
					color: #5a7624 ;
				}			


	.footer {
		text-align: left ;
		width: 745px  ;
		margin-right: auto ;
		margin-left: auto ;
		height: 40px ;
		background-color: #FFF ;
		background: #FFF url(../img/dotted-line.gif)  ;
	}
	
		.footer a {
				font-weight: normal ;
				color: #2d4106 ;
				text-decoration: none ;
		}


			.footer a:hover {
				color: #5a7624 ;
			}	


	.space{
		width: 745px  ;
		height: 20px ;
		margin-right: auto ;
		margin-left: auto ;
		background-color: #FFF ;
	}