* { padding: 0; margin: 0; }

body {
 color:#2F2F2F;
 font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
 font-size:12px;
 font-size-adjust:none;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 line-height:100%;
 background:#E9F2FA;
}

#f1 {
    margin: 0px auto;	
	background:url(images/bgclients.jpg) top left repeat-x;
	height:95px;
		
	}
#logo1 {
float:left;
margin-left:10px;
padding: 10px 0 0px 0;
widht:400px;
}

	#slogan{
	float:right;
	width:550px;
    text-align:center;		
	color:#ccc;
	font-family:'Lucida Sans','Myriad Pro',Myriad,Arial,sans-serif;
	font-size:18px;		
	line-height:25px;
	margin:10px 10px 0 0;
		}
.wrapperf1 { 
 margin: 0 auto;
 width: 980px;
}
#f0 {
    margin: 0px auto;	
	background:url(images/bg_menu_ul.gif) top left repeat-x;
	height:34px;
	}
#f3 {
    margin: 0px auto;	
	background:url(images/bg21.png) top left repeat-x #fff;
	height:100px;
	padding-top:20px;
	border-bottom: solid 3px #C3D9FF;
	}

#wrapper { 
 margin: 10px auto 0px auto;
 width: 980px;
 
}

#header {
 color: #333;
 width: 978px;
 float: left;
 border: 1px solid #ccc;
 height: auto;
 margin: 0 0px 5px 0px;
 background:url(images/bgj.jpg) bottom left repeat-x #fff;
 }

#hcr { 
 float: right;
 color: #333;
 margin: 5px 0px 5px 0px;
 height: 236px;
 width: 670px;
 display: inline;
 }
#hcl { 
 color: #333;
 border: 1px solid #BCD2E6;
 margin: 5px 0px 5px 0px;
 height: 234px;
 width: 290px;
 float: left;
 padding:1px
}

#leftcolumn { 
 clear:both;
 color: #333;
 margin: 0px 5px 5px 0px;
 height: auto;
 width: 293px;
 float: left;
}

#leftcolumn1 { 
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 height: 200px;
 width: 293px;
 float: left;
 clear:both;
}

#leftcolumn2 { 
 border: 1px solid #06397A;
 background:url(images/bgclients.jpg) top left repeat-x #3E79D3;
 margin: 0px 0px 5px 0px;
 padding:10px 0;
 height: auto;
 width: 293px;
 float: left;
}

#leftcolumn2 ul li {
     margin-left:10px;
	line-height:2.5em;
	color:#fff;}
#leftcolumn2 a{
		color:#fff;
	}
	

#leftcolumn3 { 
 color: #fff;
 border: 1px solid #3F5902;
 background:url(images/bgaff.jpg) top left repeat-x #72A00C;
 margin: 0px 0px 5px 0px;
 padding:10px 0;
 height: auto;
 width: 293px;
 float: left;
}

#leftcolumn3 ul li {
     margin-left:10px;
	line-height:2.5em;
	color:#fff;}
#leftcolumn3 a{
		color:#fff;
	}
#right { 
 float: right;
 height: auto;
 width: 679px;
 display: inline;
 overflow:auto;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #BCD2E6;
 background: #C3D9FF;
 margin: 10px 0px 5px 0px;
 padding:10px 15px;
 height: auto;
 width: 638px;
 display: inline;
 }
#rightcontent{
background:#E8EEFA;
padding:10px 10px;
overflow:hidden;




}

#rightcontent ul li{

	
		margin-left:20px;
	padding-left: 20px;
	line-height:2.2em;
	background:url(images/s.png) no-repeat scroll 0px 5px;
	position: relative;

}
#testi{
float:right;
background:#FFF4A6 none repeat scroll 0 0;
border-top:5px solid #FFD129;
border-bottom:5px solid #FFD129;
padding:5px 10px 0;
margin:3px 0 0 0;
width:646px;
}

#testi p{
font-style:italic;
font-weight:bold;
word-spacing:5px;
letter-spacing:1px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
#testiright{
float:right;
line-height:20px;
font-weight:bold;
font-style:italic;
text-align:right;
}

#portfolio{
float:right;
background:#FFF4A6 none repeat scroll 0 0;
border:5px solid #FFD129;
padding:5px 10px 0;
margin:3px 0 0 0;
width:636px;
height:200px;
}
#footer { 
 width: 978px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #BD9C8C;
 margin: 0px 0px 10px 0px;
}



#f2 {
    margin: 0px auto;	
	background:url(images/bgclients.jpg) top left repeat-x;
	height:99px;
		
	}
	
#f2 p{
clear:both;
color:#CCCCCC;
text-align:center;
}
#f2 a {
color:#ccc;
text-decoration:none;
}

#address{
	float:left;
	width:980px;
    text-align:center;		
	color:#000;
	font-family:'Lucida Sans','Myriad Pro',Myriad,Arial,sans-serif;
	font-size:18px;		
	line-height:16px;
	margin:10px 0px;


}

#footernav{
position:relative;
display:block;
width:100%;
height:23px;
font-size:10px;
font-family:Arial,Verdana,Helvetica,sans-serif;

}
#footernav ul{

padding-top:11px;
list-style-type:none;
width:980px;

}
#footernav ul li{
display:block;
float:left;
margin:0;
color:#fff;
}
#footernav ul li a{
display:block;
float:left;
color:#fff;
font-weight:bold;
letter-spacing: 1px;
text-decoration:none;
padding:0px 13px 0 13px;
height:23px;
display:inline;
}
#footernav ul li a:hover, ul li a.current{
color:#CCCCCC;
}

a img {
        border:none;
    }
a {
        color:#000;
		outline:none;
    }
h1 {
		margin:.5em 0 .5em .5em;
		padding:0;
		color:#CC061C;
		text-align:left;
		-x-system-font:none;
		font-family:'Lucida Sans','Myriad Pro',Myriad,Arial,sans-serif;
		font-size:20px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		letter-spacing:-1px;
		line-height:26px;
		
		}
	h2 {
		margin:.5em 0 .1em .5em;
		clear:both;		
		color:#ED0000;
		text-align:left;
		-x-system-font:none;
		font-family:'Lucida Sans','Myriad Pro',Myriad,Arial,sans-serif;
		font-size:21px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		letter-spacing:-1px;
		line-height:27px;
		}
		
		
	h3 {
	    margin:.5em 0 .5em .5em;
		color:#000;
		text-align:left;
		-x-system-font:none;
		font-family:'Lucida Sans','Myriad Pro',Myriad,Arial,sans-serif;
		font-size:18px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		letter-spacing:-1px;
		line-height:23px;
		}
	
	h4 {
	    margin:.5em 0 .5em .5em;
		color:#ED0000;
		text-align:left;
		-x-system-font:none;
		font-family:'Lucida Sans','Myriad Pro',Myriad,Arial,sans-serif;
		font-size:21px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		letter-spacing:-1px;
		line-height:27px;	
		}
	h5 {
	    margin:.5em 0 .5em .2em;
		color:#000000;
		text-align:left;
		-x-system-font:none;
		font-family:'Lucida Sans','Myriad Pro',Myriad,Arial,sans-serif;
		font-size:18px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		letter-spacing:-1px;
		line-height:21px;	
		}
	p {
		margin:.4em 0 1em 0;
		padding:0;
		text-align:justify;
		line-height:1.5em;
		
	}

	
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#imgscroller {
	float:left;
	clear:both;
	width:100%;
	height:60px;
	margin:0px 10 0 10px;
	display:inline;
	background:url(images/scrollbg.png) top left repeat-x;
	}
	#imgTicker{
	width:100%;
	height:60px;
	margin:0px auto;
	
	
}
	#imghori {
	width:100%;
	height: 60px;
	display: block;
	overflow: hidden;
	position: relative;
	
	}
	#tickerhori {
	width: 100%;
	height: 60px;
	display: block;
	list-style: none;
	margin: 7px 0 0 10px;
	padding: 0;
	}
	#tickerhori li {
	margin: 0 70px 0 0px;
	padding: 0px 0px;
	float: left;
	height: 60px;
	display: inline;
	color:#000;
		text-align:left;
		-x-system-font:none;
		font-family:'Lucida Sans','Myriad Pro',Myriad,Arial,sans-serif;
		font-size:18px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		letter-spacing:-1px;
		line-height:23px;
		text-align:center;
	}
	
	
.clear {clear:both;}


#topmenu{
position:relative;
display:block;
width:100%;
height:35px;
font-size:10px;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
#topmenu ul{
margin:0px;
padding:0px;
list-style-type:none;
width:auto;
}
#topmenu ul li{
display:block;
float:left;
margin:0;
}
#topmenu ul li a{
display:block;
float:left;
color:#fff;
font-weight:bold;
letter-spacing: 1px;
text-decoration:none;
text-transform: uppercase;
padding:11px 12px 0 12px;
height:23px;
}
#topmenu ul li a:hover, ul li a.current{

color:#000;
}




/*Example for a Menu Style*/
.menu {      
      float:left;
      width:100%;
	  background:#E9F2FA;
      font-size:110%;
      line-height:normal;
	  
	  }
.menu ul {
	  margin:0;
	  padding:0px;
	  list-style:none;
	  }
.menu li {
      display:inline;
      margin:0;
      padding:0;}
.menu li a {
      float:left;
      background:url(images/tableft1.gif) no-repeat left top;
	  background-position:0% -42px;
	  margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  font-weight:bold;
      }
.menu li a span{
      float:left;
      display:block;
      background:url(images/tabright1.gif) no-repeat right top;
	  background-position:100% -42px;
	  padding:5px 15px 4px 6px;
      color:#627EB7;
      }


   /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .menu a span {float:none;}
    /* End IE5-Mac hack */
    .menu a:hover span {
      color:#000;
      }

	  
	  .menu li a.tabactive {
	   background-position:0% 0px;
	   
     
      }
	  
	  .menu li a.tabactive span {
	    background-position:100% 0px;
		
      color:#000;
      }




#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {
border-bottom:solid 1px #BCD2E6;
border-right:solid 1px #BCD2E6;
border-left:solid 1px #BCD2E6;
width:665px;
text-align:center;
padding:6px 0px;
font-size:12px;
margin:0px 0 0px 0;
height: 200px;
clear:both;
background:#E8EEFA;
}

#tc11{
display:inline;
display:block;
float:left;
width:250px;
height:auto;
margin:0px 0px 0 20px;


}
#tc12{
display:inline;
display:block;
float:left;
width:250px;
height:auto;
margin:0px 40px 0 20px;


}

#tc21{
display:inline;
display:block;
float:left;
width:250px;
height:auto;
margin:0px 0px 0 20px;


}
#tc22{
display:inline;
display:block;
float:left;
width:250px;
height:auto;
margin:0px 40px 0 20px;


}

#tc31{
display:inline;
display:block;
float:left;
width:250px;
height:auto;
margin:0px 0px 0 20px;


}
#tc41{
display:inline;
display:block;
float:left;
width:130px;
height:auto;
margin:0px 0px 0 10px;


}

#tc42{
display:inline;
display:block;
float:left;
width:170px;
height:auto;
margin:0px 0px 0 30px;


}
#tc43{
display:inline;
display:block;
float:left;
width:270px;
height:auto;
margin:0px 0px 0 30px;

}

.tclist
{
padding-left: 0;
margin-left: 0;
width:auto;
text-align:left;
}

.tclist li
{
	margin-left:0px;
	padding-left: 20px;
	line-height:2.2em;
	background:url(images/s.png) no-repeat scroll 0px 5px;
}

.tclist li a {
text-decoration: none; 
color:#444;
}

.tclist li a:hover {
color:#000;
}

.tclist li a:visited {
color:#666;
}





#navlist
{
padding-left: 0;
margin-left: 0;
width:auto;
text-align:left;
}

#navlist li
{
background:url(images/s.png) no-repeat scroll 0 5px;
padding:0px 0 2px 17px;
}

#navlist li a {
text-decoration: none; 
color:#444;
}

#navlist li a:hover {
color:#000;

}

#navlist li a:visited {
color:#ccc;
}



	
#NewsTicker{
	border:solid 1px #cccccc;
	width:980px;
	height:160px;
	margin:0 auto;
	}
	#NewsTicker h1{
	padding:6px;
	margin:0;
	border:0;
	background:#dfe7ed;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	}
	#NewsVertical {
	width: 975px;
	height: 160px;
	display: block;
	overflow: hidden;
	position: relative;
	}

	#TickerVertical {
	width: 980px;
	height: 140px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#TickerVertical li {
	width: 465px;
	color: #444444;
	text-align: left;
	font-size: 12px;
	margin: 0;
	padding: 6px 10px;
	float: left;
	height:auto;
	display: inline;
	line-height:1.4em;
	text-align:justify;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 17px;
			margin-bottom:6px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			line-height:24px;
			text-align:left;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			margin-bottom:6px;
			text-decoration:none;
			}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:none;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
			border:solid 1px #ccc;
			padding:1px;
		}
		#TickerVertical li .Newsclient{
			display: block;
			font-size: 11px;
			margin:6px 0 6px 0;
			color:#000000
		}
		
		#TickerVertical li .Newsscope{
			display: block;
			font-size: 11px;
			margin:6px 0 6px 0;
			color:#000000
		}
		
			#TickerVertical li .Newsadd{
			display: block;
			font-size: 11px;
			margin:6px 0 6px 0;
			color:#000000
		}
		
		
		
		
	/* SERVICES IMAGE MENU */


#imageMenu {	
	width: 968px;
	height: 84px;
	overflow: hidden;
	margin: 0px auto;	
}
#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 84px;
	width: 1000px;	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 1px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:240px;
	height: 84px;
}

#imageMenu ul li.surveying a {
	background:url(scripts/imagemenupics/surveyingbar.jpg) repeat scroll 0%;
}

#imageMenu ul li.engineering a {
	background:url(scripts/imagemenupics/constenginbar.jpg) repeat scroll 0%;
}

#imageMenu ul li.cadd-drafting a {
	background:url(scripts/imagemenupics/cadddraftingbar.jpg) repeat scroll 0%;
}

#imageMenu ul li.construction-management a {
	background:url(scripts/imagemenupics/constmanbar.jpg) repeat scroll 0%;
}


/*form*/

#contactform form {
	margin:10px; padding: 0 5px;
		
}
#contactform label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
#contactform input {
	padding: 2px;
	border:1px solid #C3D9FF;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
#contactform textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #C3D9FF;
	height:100px;
	display:block;
	color:#777;
}
#contactform input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #6694E3; 
	padding: 1px; 
	background: #FFF;
	color: #6694E3;
}

fieldset {
border:none;
}

.myiframe{
width:120px;
height:60px;
margin:0;
padding:4px 0 0 0;
}

#contleft{
float:left;
margin-left:30px;
}

#contright{
float:right;
margin-right:30px;
}

.slideshow-controller {	
	position: absolute;	
}

#pa1, #pa2, #pa3, #pa4, #pa5, #pa6 , #pa7{
position:relative;
display:block;
display:inline;
float:left;
background:#C3D9FF;
border:1px solid #BCD2E6;
height:260px;
width:200px;
text-align:center;
margin:20px 40px 25px 60px;
overflow:hidden;
}

#pa7{
height:260px;
width:300px;
margin-left:160px;
}

#pa7 .paimg{
width:260px;
}
#pa7 .patext{
width:260px;
}
.paimg{
background:#FFFFFF;
width:160px;
height:120px;
padding:15px 0 15px 0;
border:1px solid #C3D9FF;
margin:15px 20px 5px 19px;
}

.patext{
float:left;
width:160px;
font-weight:bold;
line-height:20px;
margin:0px 0px 10px 20px;
text-align:center;
display:inline;
}

#serv1{
position:relative;
display:block;
display:inline;
float:left;
height:280px;
width:270px;
margin:20px 20px 0 10px;
border:5px solid #C3D9FF;
clear:both;

}
#serv2{
position:relative;
display:block;
display:inline;
float:left;
height:260px;
width:270px;
margin:20px 20px 0 10px;
border:5px solid #C3D9FF;
clear:left;

}


#serv3{
position:relative;
display:block;
display:inline;
float:left;
height:180px;
width:270px;
margin:20px 20px 0 10px;
border:5px solid #C3D9FF;
clear:left;
}
#serv4{
position:relative;
display:block;
display:inline;
float:right;
height:620px;
width:270px;
margin:20px 10px 0 0;
border:5px solid #C3D9FF;
}