*{
	margin:0;
	padding:0;
}
body{
	background:#f5f5f5 url(../images/blueprint.jpg) repeat;
	font:11px/18px Tahoma, Helvetica, sans-serif;
	color:#222;
}


/* Page Backgrounds */
/*
.home{
	background-image: url(../images/bg/bg1.jpg);
}
.projects{
	background-image: url(../images/bg/bg2.jpg);
}
.practice{
	background-image: url(../images/bg/bg3.jpg);
}
.environment{
	background-image: url(../images/bg/bg4.jpg);
}
.contact{
	background-image: url(../images/bg/bg5.jpg);
}
*/

/* Layout Styles Starts */

#site {
	width:840px;
	left: 50%;
	top: 50%;
	height: 660px;
	margin-top: -330px;
	margin-left: -410px;
	position: absolute;
	background:#fff;
}


/* Shadow */

#site {
  -moz-box-shadow: 0px 0px 15px #9a9a9a;
  -webkit-box-shadow: 0px 0px 15px #9a9a9a;
  box-shadow: 0px 0px 15px #9a9a9a;
}

#content {
  -moz-box-shadow: 3px 3px 5px #666;
  -webkit-box-shadow: 3px 3px 5px #666;
  box-shadow: 3px 3px 5px #666;
}


#wrapper{
	width:800px;
	left: 50%;
	top: 50%;
	height: 600px;
	margin-top: -310px;
	margin-left: -400px;
	position: relative;
	
}
	#header{
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	height: 37px;
	}
		#logo{
	text-align:center;
	height: 35px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #663399;
	border-bottom-color: #663399;
		}
			h1{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	display: none;
	visibility: hidden;
			}
				#logo h1 a, #logo h1 a:hover{
					color:#535353;
					text-decoration:none;
					font-weight:normal;
				}
			#logo p{
				padding:0 0 0 3px;
				font-size:11px;
				color:#6b6b6b;
				margin:0;
				font-weight:bold;
			}
	
	#nav{
	height:130px;
	padding-top: 5px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #663399;
	border-right-color: #663399;
	border-bottom-color: #663399;
	border-left-color: #663399;
	}
	
#ennav{
	height:130px;
	padding-top: 5px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #663399;
	border-right-color: #663399;
	border-bottom-color: #663399;
	border-left-color: #663399;
	}	


/* Menu First */
	#menu1{
	width: 75px;
	font-weight: normal;
	float: left;
	margin-right: 20px;
	}
		#menu1 ul{
	list-style:none;
	text-align: left;
		}
			#menu1 li{
	line-height:17px;
	color:#666;
	margin:0 0px;
	font-weight: normal;
	display: block;
			}
				#menu1 li a{
	color:#666;
	text-decoration:none;
	font-weight: normal;
				}
	#menu1 li a:hover, #menu1 li a.current{
	color:#663399;
	font-weight: normal;
	}
	
/* Menu Second */	
	#menu2{
	width: 75px;
	font-weight: normal;
	float: left;
	margin-right: 20px;
	}
		#menu2 ul{
	list-style:none;
	text-align: left;
		}
			#menu2 li{
	line-height:17px;
	color:#666;
	margin:0 0px;
	font-weight: normal;
	display: block;
			}
				#menu2 li a{
	color:#666;
	text-decoration:none;
	font-weight: normal;
				}
				
	#menu2 li a:hover{
	color:#663399;
	font-weight: normal;
	}	
	#menu2 li a:hover, #menu2 li a.current{
	color:#4f2b90;
	font-weight: normal;
					}
	
/* Menu Second */	
	#menu2{
	width: 75px;
	font-weight: normal;
	float: left;
	margin-right: 20px;
	}
		#menu2 ul{
	list-style:none;
	text-align: left;
		}
			#menu2 li{
	line-height:17px;
	color:#666;
	margin:0 0px;
	font-weight: normal;
	display: block;
			}
				#menu2 li a{
	color:#666;
	text-decoration:none;
	font-weight: normal;
				}
				
	#menu2 li a:hover{
	color:#663399;
	font-weight: normal;
	}	
	#menu2 li a:hover, #menu2 li a.current{
	color:#4f2b90;
	font-weight: normal;
					}	
					
/* Menu Projects */	
	#menupro{
	width: 90px;
	font-weight: normal;
	float: left;
	margin-right: 20px;
	}
		#menupro ul{
	list-style:none;
	text-align: left;
		}
			#menupro li{
	line-height:17px;
	color:#666;
	margin:0 0px;
	font-weight: normal;
	display: block;
			}
				#menupro li a{
	color:#666;
	text-decoration:none;
	font-weight: normal;
				}
				
	#menupro li a:hover{
	color:#663399;
	font-weight: normal;
	}	
	#menupro li a:hover, #menupro li a.current{
	color:#4f2b90;
	font-weight: normal;
					}
					
					
					
/* Menu Practice */	
	#menupra{
	width: 100px;
	font-weight: normal;
	float: left;
	margin-right: 20px;
	}
		#menupra ul{
	list-style:none;
	text-align: left;
		}
			#menupra li{
	line-height:17px;
	color:#666;
	margin:0 0px;
	font-weight: normal;
	display: block;
			}
				#menupra li a{
	color:#666;
	text-decoration:none;
	font-weight: normal;
				}
				
	#menupra li a:hover{
	color:#663399;
	font-weight: normal;
	}	
	#menupra li a:hover, #menupra li a.current{
	color:#4f2b90;
	font-weight: normal;
					}
										

/* Enviro Project */	
	#enmenu{
	width: 120px;
	font-weight: normal;
	float: left;
	margin-right: 20px;
	}
		#enmenu ul{
	list-style:none;
	text-align: left;
		}
			#enmenu li{
	line-height:17px;
	color:#666;
	margin:0 0px;
	font-weight: normal;
	display: block;
			}
				#enmenu li a{
	color:#666;
	text-decoration:none;
	font-weight: normal;
				}
				
	#enmenu li a:hover{
	color:#663399;
	font-weight: normal;
	}	
	#enmenu li a:hover, #enmenu li a.current{
	color:#4f2b90;
	font-weight: normal;
					}


/* Contact Menu 2 */	
	#contact_menu2{
	width: 150px;
	font-weight: normal;
	float: left;
	margin-right: 20px;
	}
		#contact_menu2 ul{
	list-style:none;
	text-align: left;
		}
			#contact_menu2 li{
	line-height:17px;
	color:#666;
	margin:0 0px;
	font-weight: normal;
	display: block;
			}
				#contact_menu2 li a{
	color:#666;
	text-decoration:none;
	font-weight: normal;
				}
	
	#contact_menu2 li a:hover{
	color:#663399;
	font-weight: normal;
	}
	
	#contact_menu2 li a:hover, #contact_menu2 li a.current{
	color:#4f2b90;
	font-weight: normal;
					}
	

/* Menu Third */	
	#menu3{
	width: 200px;
	font-weight: normal;
	float: left;
	}
		#menu3 ul{
	list-style:none;
	text-align: left;
		}
			#menu3 li{
	line-height:17px;
	color:#666;
	margin:0 0px;
	font-weight: normal;
	display: block;
			}
				#menu3 li a{
	color:#666;
	text-decoration:none;
	font-weight: normal;
				}
					#menu3 li a:hover{
	color:#663399;
	font-weight: normal;
					}
	#menu3 li a:hover, #menu3 li a.current{
	color:#4f2b90;
	font-weight: normal;
					}
/* Menu Third */	

/* Menu Third A */	
	#menu3a{
	width: 90px;
	font-weight: normal;
	float: left;
	margin-right: 20px;
	}
		#menu3a ul{
	list-style:none;
	text-align: left;
		}
			#menu3a li{
	line-height:17px;
	color:#666;
	margin:0 0px;
	font-weight: normal;
	display: block;
			}
				#menu3a li a{
	color:#666;
	text-decoration:none;
	font-weight: normal;
				}
					#menu3a li a:hover{
	color:#663399;
	font-weight: normal;
					}
	#menu3a li a:hover, #menu3a li a.current{
	color:#4f2b90;
	font-weight: normal;
					}
/* Menu Third A */


/* Menu Four */	
	#menu4{
	width: 200px;
	font-weight: normal;
	float: left;
	}
		#menu4 ul{
	list-style:none;
	text-align: left;
		}
			#menu4 li{
	line-height:17px;
	color:#666;
	margin:0 0px;
	font-weight: normal;
	display: block;
			}
				#menu4 li a{
	color:#666;
	text-decoration:none;
	font-weight: normal;
				}
					#menu4 li a:hover{
	color:#663399;
	font-weight: normal;
					}
	#menu4 li a:hover, #menu4 li a.current{
	color:#4f2b90;
	font-weight: normal;
					}
/* Menu Four */	
	
	#container{
	padding:0px 0 0;
	margin: 0px;
	}
		#container.nopadding{
			padding:0;
		}


/* TEXT */
	#text{
	width: 420px;
	font-weight: normal;
	float: right;
	height: 130px;
	}
	
/* logo */
.client-logo{
	float: right;
	right: 25px;
	position: absolute;
	width: 120px;
	z-index: 500;
	height: 240px;
	padding-top: 20px;
	padding-left: 40px;
	margin-left: 20px;
	}
	
.client-logos{
	width: 120px;
	display: block;
	position: relative;
	padding-left: 20px;
	height: 1060px;
	float: right;
	margin-right: 0px;
	}	
	
.la-logos{
	width: 120px;
	display: block;
	position: relative;
	padding-left: 20px;
	padding-bottom: 20px;
	height: 900px;
	float: right;
	margin-right: 0px;
	}	
	
.ehnt-logos{
	width: 120px;
	display: block;
	position: relative;
	padding-left: 20px;
	padding-bottom: 20px;
	height: 200px;
	float: right;
	margin-right: 0px;
	}		

	#riba{
	width: 149px;
	float: right;
	height: 93px;
	background-image: url(../images/riba.jpg);
	background-repeat: no-repeat;
	}

#intro{
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 495px;
	}	

#content{
	margin: 0px 0px 10px;
	padding: 0px;
	width: 800px;
	height: 400px;
	}	
	
#content_nos{
	margin: 0px 0px 10px;
	padding: 0px;
	width: 800px;
	height: 400px;
	}	
	
.commercial{
	margin: 0px 0px 10px;
	padding: 0px;
	width: 401px;
	height: 401px;
	float: right;
	}	
	
.left{
	float: right;
	}	
	

/* SQUARES */
.outline{
	border: 1px solid #663399;
	}

.grid{
	width: 350px;
	float: right;
	margin: 0px;
	padding: 0px;
	position: absolute;
	}


.grid1{
	width: 800px;
	margin: 0px;
	padding: 0px;
	height: 127px;
	float: right;
	position: relative;
	}

	.grid1 a{
		border: 1px solid f00;
		}
			.grid1 a:hover{
	border: 1px solid 663399;
			}

.grid1 img{
	float: right;
	margin-left: 10px;
	}	
	
	.grid1 img:hover{
	background-image: url(../images/spring1.jpg);
	background-repeat: no-repeat;
	z-index: 100;
	}	
	
.grid2{
	width: 800px;
	margin: 10px 0px 0px;
	padding: 0px;
	height: 127px;
	float: right;
	position: relative;
	}
	
.grid2 img{
	float: right;
	margin-left: 10px;
	}		
	
.grid3{
	width: 800px;
	margin: 10px 0px 0px;
	padding: 0px;
	height: 127px;
	float: right;
	position: relative;
	}
	
.grid3 img{
	float: right;
	margin-left: 10px;
	}	

.clear{
	clear: both;
	}


		.gal-thumb img{
			cursor:pointer;
			height:32px;
		}
		#mainarea{
			width:550px;
			float:left;
			border:solid #dadada;
			border-width:0 1px 0 0;
			padding:20px 10px 20px 0;
		}
		#sidearea{
			width:225px;
			float:right;
			padding:20px 0;
		}
	#footer{
	height:25px;
	line-height:25px;
	padding:0 0px;
	text-align:center;
	font-size:10px;
	margin:0px 0 0;
	color: #663399;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #663399;
	border-right-color: #663399;
	border-bottom-color: #663399;
	border-left-color: #663399;
	background:#fff;
	}
		#footer a{
	color:#4f2b90;
	text-decoration:none;
	font-weight: normal;
		}
			#footer a:hover{
	color:#666;
			}
			
	span{
	padding-right: 4px;
	padding-left: 4px;
	}		
		
	
/* Layout Styles Ends */



/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
textarea.input{
	width:415px;
	height:100px;
}
.input:focus, .textarea:focus{
	border:1px solid #000;
}
.signin-btn, .button1{
	background:#222;
	margin:8px 0;
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p{
	margin:0 0 15px 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0;
}
#container p img.floatright{
	margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{
	margin:0 0 0 20px;
}
#container ol{
	margin:0 0 0 30px;	
}
#container ul#works{list-style:none;margin:0;}
#container dt{
	font-weight:bold;
	margin:5px 0;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#222;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;color:#087fe0;}
h1{font-size:32px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#5c5b5b;font-family:"Trebuchet MS";font-weight:normal;}
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}

/* Genric Styles Ends */


.galleria{list-style:none;width:200px}
#container ul#gallery_demo_unstyled{margin:0;}
.galleria li{display:block;width:10px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{
	position:absolute;
	display:none;
	top:0;
	left:180px;
}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{
	cursor:pointer;
	top:200px;
	left:600px;
	display:inline;
	width:auto;
	height:auto;
	z-index: 1;
	position: absolute;
	padding-right: 5px;
}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.caption{font-style:italic;color:#887;position:absolute;;width:100%;bottom:0;}
.demo{position:relative;}
.gallery_demo{
	width:900px;
	
	z-index:2;
}
.gallery_demo li{
	width:35px;
	height:30px;
	margin:0 1px 1px;
	background:#fff;
}
.gallery_demo li div{
	left:240px;
}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{
	height:420px;/*width:900px;*/
	padding:0 0 2px 0;
	
	z-index: 4;
}
#main_image img{margin-bottom:0px;}
	
#container ul.gallery_demo_unstyled, #container ul.gallery_demo, #container ul.galleria{
	margin:0;
}


/* text rollover */
#desc {
	font-size: 12px;
	text-align: left;
	z-index: 50;
	width: 300px;
	position: absolute;
}

#desc_sub {
	font-size: 9px;
	text-align: left;
}


/* Google Maps wrap */
.mappy {
    width: 800px;
    height: 400px;
    border: 0px;
    overflow: hidden;
}

/* Tooltips */
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {
	display:none;
	padding:0px;
	margin-left:0px;
	width:130px;
	position: absolute;
}
a.tooltip:hover span{
	position:absolute;
	border:0px;
	background:#ffffff;
	color:#6c6c6c;
	display: inline;
	top: 0px;
	z-index: 50;
	height: 20px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* Image MAPS *//* Image MAPS *//* Image MAPS *//* Image MAPS *//* Image MAPS *//* Image MAPS *//* Image MAPS */

ul#commercial {
	list-style: none;
	position: relative;
	width: 401px;
	height: 401px;
	margin: 0;
	padding: 0;
	background-image: url(../images/commercial1.jpg);
}

ul#commercial li {
	position: absolute;
}

ul#commercial li a{
	display: block;
	height: 100%;
	text-decoration: none;
}

#topleft {
	width: 127px;
	height: 127px;
	top: 0px;
	left: 0px;
}

#middleleft{
	width: 127px;
	height: 127px;
	top: 137px;
	left: 0px;
}

#middle{
	width: 127px;
	height: 127px;
	top: 137px;
	left: 137px;
}

#topmiddle {
	width: 127px;
	height: 127px;
	top: 0px;
	left: 137px;
}

#topright {
	width: 127px;
	height: 127px;
	top: 0px;
	left: 274px;
}

#middleright {
	width: 127px;
	height: 127px;
	top: 137px;
	left: 274px;
}

#bottomleft {
	width: 127px;
	height: 127px;
	top: 274px;
	left: 0px;
}

#bottommiddle {
	width: 127px;
	height: 127px;
	top: 274px;
	left: 137px;
}

#bottomright {
	width: 127px;
	height: 127px;
	top: 274px;
	left: 274px;
}

ul#commercial li a:hover {
	background: url(../images/commercial1.jpg) no-repeat;
}


ul#commercial li a span {
	display: none;
}

ul#commercial li a:hover span {
	display: block;
}

ul#commercial li a:hover span {
	display: block;
	padding: 5px;
	width: 300px;
	background: #fff;
	position: absolute;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #333;
}

ul#commercial li#topleft a:hover span {
	top: 0px;
	left: -399px;
}

ul#commercial li#topmiddle a:hover span {
	top: 0px;
	left: -536px;
	background-position: -137px 0px;
}
ul#commercial li#topmiddle a:hover{
	background-position: -137px 0px;
}

ul#commercial li#topright a:hover span {
	top: 0px;
	left: -673px;
}
ul#commercial li#topright a:hover{
	background-position: -274px 0px;
}

ul#commercial li#middleleft a:hover span {
	top: -137px;
	left: -399px;
}
ul#commercial li#middleleft a:hover{
	background-position: 0px -137px;
}

ul#commercial li#middle a:hover span {
	top: -137px;
	left: -536px;
}
ul#commercial li#middle a:hover{
	background-position: -137px -137px;
}

ul#commercial li#middleright a:hover span {
	top: -137px;
	left: -673px;
}
ul#commercial li#middleright a:hover{
	background-position: -274px -137px;
}

ul#commercial li#bottomleft a:hover span {
	top: -274px;
	left: -399px;
}
ul#commercial li#bottomleft a:hover{
	background-position: 0px -274px;
}

ul#commercial li#bottommiddle a:hover span {
	top: -274px;
	left: -536px;
}
ul#commercial li#bottommiddle a:hover{
	background-position: -137px -274px;
}

ul#commercial li#bottomright a:hover span {
	top: -274px;
	left: -673px;
}
ul#commercial li#bottomright a:hover{
	background-position: -274px -274px;
}

ul#commercial li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
}



/* Enrviro MAPS *//* Enrviro MAPS *//* Enrviro MAPS *//* Enrviro MAPS *//* Enrviro MAPS *//* Enrviro MAPS */

ul#enviro {
	list-style: none;
	position: relative;
	width: 401px;
	height: 401px;
	margin: 0;
	padding: 0;
	background-image: url(../images/environ/environ.jpg);
}

ul#enviro li {
	position: absolute;
}

ul#enviro li a{
	display: block;
	height: 100%;
	text-decoration: none;
}

#topleft {
	width: 127px;
	height: 127px;
	top: 0px;
	left: 0px;
}

#middleleft{
	width: 127px;
	height: 127px;
	top: 137px;
	left: 0px;
}

#middle{
	width: 127px;
	height: 127px;
	top: 137px;
	left: 137px;
}

#topmiddle {
	width: 127px;
	height: 127px;
	top: 0px;
	left: 137px;
}

#topright {
	width: 127px;
	height: 127px;
	top: 0px;
	left: 274px;
}

#middleright {
	width: 127px;
	height: 127px;
	top: 137px;
	left: 274px;
}

#bottomleft {
	width: 127px;
	height: 127px;
	top: 274px;
	left: 0px;
}

#bottommiddle {
	width: 127px;
	height: 127px;
	top: 274px;
	left: 137px;
}

#bottomright {
	width: 127px;
	height: 127px;
	top: 274px;
	left: 274px;
}

ul#enviro li a:hover {
	background: url(../images/environ/environ.jpg) no-repeat;
}


ul#enviro li a span {
	display: none;
}

ul#enviro li a:hover span {
	display: block;
}

ul#enviro li a:hover span {
	display: block;
	padding: 5px;
	width: 300px;
	background: #fff;
	position: absolute;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #333;
}

ul#enviro li#topleft a:hover span {
	top: 0px;
	left: -399px;
}

ul#enviro li#topmiddle a:hover span {
	top: 0px;
	left: -536px;
	background-position: -137px 0px;
}
ul#enviro li#topmiddle a:hover{
	background-position: -137px 0px;
}

ul#enviro li#topright a:hover span {
	top: 0px;
	left: -673px;
}
ul#enviro li#topright a:hover{
	background-position: -274px 0px;
}

ul#enviro li#middleleft a:hover span {
	top: -137px;
	left: -399px;
}
ul#enviro li#middleleft a:hover{
	background-position: 0px -137px;
}

ul#enviro li#middle a:hover span {
	top: -137px;
	left: -536px;
}
ul#enviro li#middle a:hover{
	background-position: -137px -137px;
}

ul#enviro li#middleright a:hover span {
	top: -137px;
	left: -673px;
}
ul#enviro li#middleright a:hover{
	background-position: -274px -137px;
}

ul#enviro li#bottomleft a:hover span {
	top: -274px;
	left: -399px;
}
ul#enviro li#bottomleft a:hover{
	background-position: 0px -274px;
}

ul#enviro li#bottommiddle a:hover span {
	top: -274px;
	left: -536px;
}
ul#enviro li#bottommiddle a:hover{
	background-position: -137px -274px;
}

ul#enviro li#bottomright a:hover span {
	top: -274px;
	left: -673px;
}
ul#enviro li#bottomright a:hover{
	background-position: -274px -274px;
}

ul#enviro li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
}

/* Enrviro MAPS *//* Enrviro MAPS *//* Enrviro MAPS *//* Enrviro MAPS *//* Enrviro MAPS *//* Enrviro MAPS */



/* Enrviros MAPS *//* Enrviros MAPS *//* Enrviros MAPS *//* Enrviros MAPS *//* Enrviros MAPS *//* Enrviros MAPS */

ul#enviros {
	list-style: none;
	position: relative;
	width: 401px;
	height: 401px;
	margin: 0;
	padding: 0;
	background-image: url(../images/environ/environ_sketches.jpg);
}

ul#enviros li {
	position: absolute;
}

ul#enviros li a{
	display: block;
	height: 100%;
	text-decoration: none;
}

#topleft {
	width: 127px;
	height: 127px;
	top: 0px;
	left: 0px;
}

#middleleft{
	width: 127px;
	height: 127px;
	top: 137px;
	left: 0px;
}

#middle{
	width: 127px;
	height: 127px;
	top: 137px;
	left: 137px;
}

#topmiddle {
	width: 127px;
	height: 127px;
	top: 0px;
	left: 137px;
}

#topright {
	width: 127px;
	height: 127px;
	top: 0px;
	left: 274px;
}

#middleright {
	width: 127px;
	height: 127px;
	top: 137px;
	left: 274px;
}

#bottomleft {
	width: 127px;
	height: 127px;
	top: 274px;
	left: 0px;
}

#bottommiddle {
	width: 127px;
	height: 127px;
	top: 274px;
	left: 137px;
}

#bottomright {
	width: 127px;
	height: 127px;
	top: 274px;
	left: 274px;
}

ul#enviros li a:hover {
	background: url(../images/environ/environ_sketches.jpg) no-repeat;
}


ul#enviros li a span {
	display: none;
}

ul#enviros li a:hover span {
	display: block;
}

ul#enviros li a:hover span {
	display: block;
	padding: 5px;
	width: 300px;
	background: #fff;
	position: absolute;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #333;
}

ul#enviros li#topleft a:hover span {
	top: 0px;
	left: -399px;
}

ul#enviros li#topmiddle a:hover span {
	top: 0px;
	left: -536px;
	background-position: -137px 0px;
}
ul#enviros li#topmiddle a:hover{
	background-position: -137px 0px;
}

ul#enviros li#topright a:hover span {
	top: 0px;
	left: -673px;
}
ul#enviros li#topright a:hover{
	background-position: -274px 0px;
}

ul#enviros li#middleleft a:hover span {
	top: -137px;
	left: -399px;
}
ul#enviros li#middleleft a:hover{
	background-position: 0px -137px;
}

ul#enviros li#middle a:hover span {
	top: -137px;
	left: -536px;
}
ul#enviros li#middle a:hover{
	background-position: -137px -137px;
}

ul#enviros li#middleright a:hover span {
	top: -137px;
	left: -673px;
}
ul#enviros li#middleright a:hover{
	background-position: -274px -137px;
}

ul#enviros li#bottomleft a:hover span {
	top: -274px;
	left: -399px;
}
ul#enviros li#bottomleft a:hover{
	background-position: 0px -274px;
}

ul#enviros li#bottommiddle a:hover span {
	top: -274px;
	left: -536px;
}
ul#enviros li#bottommiddle a:hover{
	background-position: -137px -274px;
}

ul#enviros li#bottomright a:hover span {
	top: -274px;
	left: -673px;
}
ul#enviros li#bottomright a:hover{
	background-position: -274px -274px;
}

ul#enviros li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
}

/* Enrviros MAPS *//* Enrviros MAPS *//* Enrviros MAPS *//* Enrviros MAPS *//* Enrviros MAPS *//* Enrviros MAPS */




/* Practice MAPS */

#practice {
	list-style: none;
	position: relative;
	width: 800px;
	height: 401px;
	margin: 0;
	padding: 0;
	background-image: url(../images/practice.jpg);
	background-repeat: no-repeat;
}

/*
ul#practice {
	list-style: none;
	position: relative;
	width: 401px;
	height: 401px;
	margin: 0;
	padding: 0;
	background-image: url(../images/practice.jpg);
	background-repeat: no-repeat;
}


ul#practice li {
	position: absolute;
}

ul#practice li a{
	display: block;
	height: 100%;
	text-decoration: none;
}



ul#practice li a:hover {
background: url(../images/practice.jpg) no-repeat;	
}


ul#practice li a span {
	display: none;
}

ul#practice li a:hover span {
	display: block;
}

ul#practice li a:hover span {
	display: block;
	padding: 5px;
	width: 300px;
	background: #fff;
	position: absolute;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #333;
}


/*
ul#practice li#topleft a:hover span {
	top: 0px;
	left: -399px;
}

ul#practice li#topmiddle a:hover span {
	top: 0px;
	left: -536px;
}

ul#practice li#topright a:hover span {
	top: 0px;
	left: -673px;
}

ul#practice li#middleleft a:hover span {
	top: -137px;
	left: -399px;
}

ul#practice li#middle a:hover span {
	top: -137px;
	left: -536px;
}

ul#practice li#middleright a:hover span {
	top: -137px;
	left: -673px;
}

ul#practice li#bottomleft a:hover span {
	top: -274px;
	left: -399px;
}

ul#practice li#bottommiddle a:hover span {
	top: -274px;
	left: -536px;
}

ul#practice li#bottomright a:hover span {
	top: -274px;
	left: -673px;
}
*/

ul#practice li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
}


/* Projects MAPS */

#projects {
	list-style: none;
	position: relative;
	width: 800px;
	height: 401px;
	margin: 0;
	padding: 0;
	background-image: url(../images/projects.jpg);
}

/*
ul#projects {
	list-style: none;
	position: relative;
	width: 401px;
	height: 401px;
	margin: 0;
	padding: 0;
	background-image: url(../images/projects.jpg);
}

ul#projects li {
	position: absolute;
}

ul#projects li a{
	display: block;
	height: 100%;
	text-decoration: none;
}

ul#projects li a:hover {
	background: url(../images/projects.jpg) no-repeat;
}


ul#projects li a span {
	display: none;
}

ul#projects li a:hover span {
	display: block;
}

ul#projects li a:hover span {
	display: block;
	padding: 5px;
	width: 300px;
	background: #fff;
	position: absolute;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #333;
}

ul#projects li#topleft a:hover span {
	top: 0px;
	left: -399px;
}

ul#projects li#topmiddle a:hover span {
	top: 0px;
	left: -536px;
	background-position: -137px 0px;
}
ul#projects li#topmiddle a:hover{
	background-position: -137px 0px;
}

ul#projects li#topright a:hover span {
	top: 0px;
	left: -673px;
}
ul#projects li#topright a:hover{
	background-position: -274px 0px;
}

ul#projects li#middleleft a:hover span {
	top: -137px;
	left: -399px;
}
ul#projects li#middleleft a:hover{
	background-position: 0px -137px;
}

ul#projects li#middle a:hover span {
	top: -137px;
	left: -536px;
}
ul#projects li#middle a:hover{
	background-position: -137px -137px;
}

ul#projects li#middleright a:hover span {
	top: -137px;
	left: -673px;
}
ul#projects li#middleright a:hover{
	background-position: -274px -137px;
}

ul#projects li#bottomleft a:hover span {
	top: -274px;
	left: -399px;
}
ul#projects li#bottomleft a:hover{
	background-position: 0px -274px;
}

ul#projects li#bottommiddle a:hover span {
	top: -274px;
	left: -536px;
}
ul#projects li#bottommiddle a:hover{
	background-position: -137px -274px;
}

ul#projects li#bottomright a:hover span {
	top: -274px;
	left: -673px;
}
ul#projects li#bottomright a:hover{
	background-position: -274px -274px;
}

ul#projects li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
}


/* Client MAPS */

#client {
	list-style: none;
	position: relative;
	width: 800px;
	height: 401px;
	margin: 0;
	padding: 0;
	background-image: url(../images/practice.jpg);
}

/*
ul#client {
	list-style: none;
	position: relative;
	width: 401px;
	height: 401px;
	margin: 0;
	padding: 0;
	background-image: url(../images/clients.jpg);
}

ul#client li {
	position: absolute;
}

ul#client li a{
	display: block;
	height: 100%;
	text-decoration: none;
}

ul#client li a:hover {
	background: url(../images/clients.jpg) no-repeat;
}


ul#client li a span {
	display: none;
}

ul#client li a:hover span {
	display: block;
}

ul#client  li a:hover span {
	display: block;
	padding: 5px;
	width: 300px;
	background: #fff;
	position: absolute;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #333;
}

ul#client li#topleft a:hover span {
	top: 0px;
	left: -399px;
}

ul#client li#topmiddle a:hover span {
	top: 0px;
	left: -536px;
	background-position: -137px 0px;
}
ul#client li#topmiddle a:hover{
	background-position: -137px 0px;
}

ul#client li#topright a:hover span {
	top: 0px;
	left: -673px;
}
ul#client li#topright a:hover{
	background-position: -274px 0px;
}

ul#client li#middleleft a:hover span {
	top: -137px;
	left: -399px;
}
ul#client li#middleleft a:hover{
	background-position: 0px -137px;
}

ul#client li#middle a:hover span {
	top: -137px;
	left: -536px;
}
ul#client li#middle a:hover{
	background-position: -137px -137px;
}

ul#client li#middleright a:hover span {
	top: -137px;
	left: -673px;
}
ul#client li#middleright a:hover{
	background-position: -274px -137px;
}

ul#client li#bottomleft a:hover span {
	top: -274px;
	left: -399px;
}
ul#client li#bottomleft a:hover{
	background-position: 0px -274px;
}

ul#client li#bottommiddle a:hover span {
	top: -274px;
	left: -536px;
}
ul#client li#bottommiddle a:hover{
	background-position: -137px -274px;
}

ul#client li#bottomright a:hover span {
	top: -274px;
	left: -673px;
}
ul#client li#bottomright a:hover{
	background-position: -274px -274px;
}
*/

ul#client li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
}



/* Scrollbar*/						
			#content1{
				height: 401px;
				width: 765px;
				float:left;
				background: #fff;
				overflow:hidden;
			}
			#content1 p{
				margin: 0px;
			}
			.scrollbar-vert{
	background-color: #cccccc;
	height: 401px;
	width: 15px;
	margin: 0px 0px 0px 20px;
	float:left;
			}
			.handle-vert{
				background-color: #666666;
				height: 35px;
				width: 15px;
			}
/* Scrollbar*/				

.title{
	font-size: 14px;
	font-weight: bold;
	color: #663399;
	padding-top: 15px;
	padding-bottom: 8px;
}

.space{
	padding-top: 8px;
}

.line{
	padding: 0px;
}

.bold{
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
	
}

/* Content - images */	

.churches{
	height: 401px;
	width: 800px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/holding/churches/church.jpg) no-repeat;	
}



.commercial{
	height: 401px;
	width: 800px;
	padding: 0px;
	margin: 0px;	
	background-image: url(../images/holding/commercial/commercial.jpg) no-repeat;
}
.survey{
	height: 401px;
	width: 800px;
	padding: 0px;
	margin: 0px;	
	background-image: url(../images/holding/condition/survey.jpg) no-repeat;
}
.education{
	height: 401px;
	width: 800px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/holding/education/education.jpg) no-repeat;	
}
.monuments{
	height: 401px;
	width: 800px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/holding/monuments/monuments.jpg) no-repeat;	
}
.private{
	height: 401px;
	width: 800px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/holding/residential/private.jpg) no-repeat;	
}
.public{
	height: 401px;
	width: 800px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/holding/public/public.jpg) no-repeat;	
}