body{
 text-align:center;
 color:white;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 line-height:16px;
 background-color:#666666;
}
#right{
 width:180px;display:inline-block;vertical-align:top;margin-left:10px;
}
#right a{
 font-size:11px;	
}
#left{
 width:365px;display:inline-block;
}
.container{
 margin:0px auto;
 width:960px;
 text-align:left;
 height:auto !important;
 height:1028px;
 min-height:1028px;
 background-color:#cccccc;
}
.header{
 width:960px;
 height:196px;
 background-image:url(../images/stafsurv-header.jpg);
 background-repeat:no-repeat;
}
.data{
 width:610px;
 height:auto !important;
 height:648px;
 min-height:648px;
 float:left;
 background-color:white;
 padding-right:2px;
}
.data-menu{
 width:610px;
 height:34px;
 background-color:black;
}
.data-menu ul{
 margin:0px 0px 0px 8px;
 padding:0px 0px 0px 0px;
}
.data-menu ul li{
 list-style-type:none;
 float:left;
 margin:8px 0px 0px 20px;
}
.data-menu ul li a{
 color:white;	
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:17px;
 text-decoration:none;
}
.data-menu ul li a:hover, #live,hr{
 color:#a9cf38;	
}
#green{
 color:#498100;
 font-weight:normal;
 font-family:Georgia, "Times New Roman", Times, serif;
 text-decoration:none;
 font-size:17px;
}
#black{
 color:black;
 font-weight:normal;
 font-family:Georgia, "Times New Roman", Times, serif;
}
.data-top p a{
 font-weight:bold;
 color:black;
}
.data-container{
 width:610px;
 height:auto !important;
 height:646px;
 min-height:646px;	
 background-color:#a9cf38;	
 color:black;
}
.data-top{
 width:560px;
 height:auto !important;
 height:224px;
 min-height:224px;	
 background-color:white;	
 color:black;
 padding:20px 20px 10px 30px;
}
#link {
 color:#498100;	
 text-decoration:none;
 font-weight:normal;
}
#clear{
 margin-top:-2px;	
}
#home{
 background-image:url(../images/home-bkg.jpg);
 background-repeat:no-repeat;
}
#home span{
 font-size:23px;
 font-family:Georgia, "Times New Roman", Times, serif;
 background-color:black;
 color:white;
 padding:4px;
 line-height:32px;
 margin-left:-1px;
}
.data-top h1{
 margin:0px;
 padding:0px;
 font-size:27px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-weight:normal;
}
.data-bottom{
 width:565px;
 height:auto !important;
 height:30px;
 min-height:30px;	
 background-color:#a9cf38;	
 color:black;
 padding:10px 20px 10px 25px;	
}
.column{
 vertical-align:top;
 display:inline-block;
 background-image:url(../images/divider.png);
 background-repeat:no-repeat;
 background-position:right 15px;
 width:177px;
 height:auto !important;
 height:308px;
 min-height:308px;	
 padding:15px 5px 0px 5px;
 font-size:11px;
}
.column-l{
 vertical-align:top;
 display:inline-block;
 width:172px;
 height:auto !important;
 height:158px;
 min-height:158px;	
 padding:15px 5px 0px 5px;
 font-size:11px;
}
.column-l a{
 border:0px;
 color:white;
}
.column-l a:hover{
 color:black;
 border:0px;
}
#img-space{
 margin-top:10px;
}
.column h1, .column-l h1{
 margin:0px;
 padding:0px;
 font-size:17px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-weight:normal;
}
.column p a, .column-l p a{
 color:black;
 font-weight:bold;
}
.services{
 width:348px;
 height:auto !important;
 height:648px;
 min-height:648px;	
 background-color:white;
 float:left;
}
.services-header{
 color:white;
 background-color:black;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:17px;
 width:348px;
 height:34px;
 margin:-17px 0px 2px 0px;
}
.services-header p{
 margin-left:20px;
 padding-top:8px;
}
.services-menu ul{
 margin:0px;
 padding:0px;
} 
.services-menu li{
 list-style-type:none;
}
.services-menu li a{
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:17px;
 color:black;
 text-decoration:none;
 background-color:#cccccc; 
 background-image:url(../images/triangle.jpg);
 background-repeat:no-repeat;
 background-position:3px 10px;
 height:26px;
 width:328px;
 display:block;
 margin-bottom:2px;
 padding:8px 0px 0px 20px;
}
.services-menu li a:hover, #services-menu-live{
 background-color:#a9cf38;	
 background-image:url(../images/triangle-green.jpg);
 background-repeat:no-repeat;
 background-position:3px 10px;
}
.services-images{
 background-color:#cccccc;
 color:black;
 width:328px;
 height:auto !important;
 height:372px;
 min-height:372px;
 padding:20px 0px 0px 20px;
 font-size:11px;
}
.services-images a{
 color:black;	
}
.footer{
 border-top-color:white;
 border-top-style:solid;
 border-top-width:2px;
 clear:both;
 width:960px;
 height:178px;
 background-color:#999999;
 color:white;
 font-size:11px;
}
.footer-right{
 margin-left:122px;
 padding-top:10px;	
 float:left;
}
.footer-left{
 float:left;
 margin-left:28px;
 padding-top:10px;	
}


a.ts1 {
	display: block;
	width: 172px;
	height: 130px;
	text-decoration: none;
	background: url("../images/ts1.jpg");
}
a.ts1:hover {
	background-position: -172px 0;
}
a.ts2 {
	display: block;
	width: 172px;
	height: 130px;
	text-decoration: none;
	background: url("../images/ts2.jpg");
}
a.ts2:hover {
	background-position: -172px 0;
}
a.ts3 {
	display: block;
	width: 172px;
	height: 130px;
	text-decoration: none;
	background: url("../images/ts3.jpg");
}
a.ts3:hover {
	background-position: -172px 0;
}

a.ms1 {
	display: block;
	width: 172px;
	height: 130px;
	text-decoration: none;
	background: url("../images/ms1.jpg");
}
a.ms1:hover {
	background-position: -172px 0;
}
a.ms2 {
	display: block;
	width: 172px;
	height: 130px;
	text-decoration: none;
	background: url("../images/ms2.jpg");
}
a.ms2:hover {
	background-position: -172px 0;
}
a.ms3 {
	display: block;
	width: 172px;
	height: 130px;
	text-decoration: none;
	background: url("../images/ms3.jpg");
}
a.ms3:hover {
	background-position: -172px 0;
}

a.vcsd3 {
	display: block;
	width: 172px;
	height: 130px;
	text-decoration: none;
	background: url("../images/vcsd3.jpg");
}
a.vcsd3:hover {
	background-position: -172px 0;
}

a.ml1 {
	display: block;
	width: 172px;
	height: 130px;
	text-decoration: none;
	background: url("../images/latest-news.jpg");
}
a.ml1:hover {
	background-position: -172px 0;
}
a.ml2 {
	display: block;
	width: 172px;
	height: 130px;
	text-decoration: none;
	background: url("../images/case-studies.jpg");
}
a.ml2:hover {
	background-position: -172px 0;
}
a.ml3 {
	display: block;
	width: 172px;
	height: 130px;
	text-decoration: none;
	background: url("../images/topographical-surveys.jpg");
}
a.ml3:hover {
	background-position: -172px 0;
}