@charset "UTF-8";
/* CSS Document */

body
{
	background:url(../img/plantback.jpg) top center no-repeat #ccc;
	margin:0;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
}

#outside
{
	margin:0 auto;
	width:100%;
	background:url(../img/background.png) repeat-y center;
	position:relative;
	top:0px;
	/*z-index:-3;*/
	float:left;
}

#container
{
	margin:0 auto;
	width:1000px;
	position:relative;
	background:white;
}

#top
{
	height:200px;
	border-bottom:1px solid #ccc;
}

#top, #topnav, #contentarea
{
	position:relative;
	/*z-index:1;*/
	top:-20px;
}

#top img, #top object
{
	float:left;
	padding:0;
	margin:0;
	border:0;
}

#topnav
{
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px solid #666;
	padding-top:2px;
	padding-bottom:2px;
}

span.tagline
{
	display:block;
	padding:5px;
	padding-left:10px;
	float:left;
}

#topnav a
{
	float:right;
	color:black;
	text-decoration:none;
	padding:5px;
	padding-right:10px;
	padding-left:10px;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:0.8em;
	border-left:1px solid #666;
}

#topnav a:hover, #topnav a.current
{
	background:#666;
	color:white;
}

#contentarea
{
	float:left;
	width:1000px;
}

h2
{
	font-size:1.2em;
	margin-bottom:0;
}

#nav
{
	width:190px;
	padding:5px;
	float:left;
	border-right:1px solid #666;
	margin-top:10px;
}

#nav a
{
	display:block;
	padding:5px;
	margin-bottom:5px;
	color:black;
	text-decoration:none;
	min-height:30px;
	position:relative;

	line-height:30px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-size:0.8em;
}

#nav a:hover, #nav a.current
{
	background:#666;
	color:white;
}

#nav a img
{
	float:left;
	margin-right:5px;
	position:absolute;
	top:50%;
	margin-top:-15px;
	margin-left:-35px;
	border:0;
	height:30px;
	width:30px;
}

/* spply and position icons from icons.jpg */
#nav span
{
	display:block;
	float:left;
	height:30px;
	width:30px;
	margin-right:5px;
	background-image:url(../img/icons.jpg);
	background-repeat:no-repeat;
}

span.monitoring
{
	background-position:0px 0px;
}

span.engineering
{
	background-position:0px -30px;
}

span.heritage
{
	background-position:0px -60px;
}

span.building
{
	background-position:0px -90px;
}

span.industrial
{
	background-position:0px -120px;
}

span.topo
{
	background-position:0px -150px;
}

span.laser
{
	background-position:0px -180px;
}

span.photo
{
	background-position:0px -210px;
}

span.modelling
{
	background-position:0px -240px;
}

span.measurement
{
	background-position:0px -270px;
}

span.ortho
{
	background-position:0px -300px;
}

span.record
{
	background-position:0px -330px;
}

span.plant
{
	background-position:0px -360px;
}

/* end of icons stuff */

#nav span.longlink
{
	display:block;
	line-height:15px;
	background:0;
	width:140px;
}

#areas, #technologies
{
	margin:0;
	padding:0;
}

#areas
{
	margin-bottom:5px;
}



#content
{
	float:left;
	border-left:1px solid #666;
	margin:10px;
	margin-left:0;
	padding:5px;
	width:775px;
	position:relative;
	left:-1px;
	font-size:.8em;
}

h1.pageheader
{
	margin:0;
	padding:0;
	padding-bottom:5px;
	font-size:1.5em;
	text-decoration:underline;
}

.emailfail
{
	color:red;
}

#content a
{
	text-decoration:none;
	color:blue;
}

#content a.inlinelink:hover, #content a.top:hover
{
	text-decoration:underline;
}

#contactform, #contactdetails
{
	float:left;
	width:50%;
}

#contactform label, #contactform input
{
	display:block;
	float:left;
	width:49%;
}

#contactform input, #contactform fieldset
{
	border:1px solid #666;
}

#contactform fieldset
{
	margin-top:1em;
}

#contactform legend
{
	font-size:1em;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
}

#contactform textarea
{
	width:100%;
	clear:both;
}

#buttons
{
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-110px;
}

#buttons input
{
	width:100px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1em;
	font-weight:bold;
	margin:5px;
	cursor:pointer;
	background:#666;
	color:white;
	border:0;
}

#logos
{
	float:left;
	width:100%;
	clear:both;
	border-top:1px solid #666;
	padding-top:10px;
	padding-bottom:0;
	margin:0 auto;
	margin-top:10px;
}

#logos img, #logos a
{
	margin:0;
	padding:0;
	border:0;
}

#logos a
{
	margin:5px;
	position:relative;
	left:77px;
}

#logos a
{
	display:block;
	float:left;
	height:50px;
	margin-right:5px;
	background-image:url(../img/logos.jpg);
	background-repeat:no-repeat;
}

a.rics
{
	width:50px;
	background-position:0px 0px;
}

a.autocad
{
	width:94px;
	background-position:-50px 0px;
}

a.cyclone
{
	width:50px;
	background-position:-144px 0px;
}

a.leica
{
	width:73px;
	background-position:-194px 0px;
}

a.bentley
{
	width:162px;
	background-position:-267px 0px;
}

a.pointools
{
	width:50px;
	background-position:-429px 0px;
}

a.rhino
{
	width:67px;
	background-position:-479px 0px;
}

a.reshaper
{
	width:220px;
	background-position:-546px 0px;
}

#footer
{
	margin:auto;
	text-align:center;
	width:1001px;
	font-size:0.8em;
	height:20px;
	background:black;
	color:white;
	clear:both;
	position:relative;
	bottom:-2px;
}

#backgroundbottom
{
	height:120px;
	width:100%;
	background:url(../img/backgroundbottom.png) no-repeat center top;
	position:relative;
	top:0px;
	/*z-index:-2;*/
	float:left;
}

#backgroundtop
{
	height:50px;
	width:100%;
	background:url(../img/backgroundtop.png) no-repeat center bottom;
	position:relative;
	top:0px;
	/*z-index:-3;*/
	float:left;
}
div.imagegroup
{
	clear:both;
	padding:5px;
}

div.imagegroup a, div.imagegroup img
{
	border:2px solid #373636;
	margin:2px;
	display:block;
	width:200px;
	height:200px;
	float:left;
	background:white;
}

div.imagegroup img
{
	border:0;
	margin:0;
}

dl
{
	display:block;
	padding-bottom:1em;
	margin-top:-1em;
}

dl, dt, dd
{
	margin:0;
	padding:0;
}

dt
{
	margin-top:1em;
}

dd
{
	margin-left:5em;
}

#projectstable
{
	width:100%;
	border:1px solid black;
	border-left:0;
}

#projectstable th
{
	font-size:1.2em;
	background:#666;
	color:white;
	padding:.5em;
	border-bottom:1px solid black;
	border-left:1px solid black;
}

#projectstable td
{
	width:50%;
	padding:.5em;
	border-left:1px solid black;
	border-bottom:1px dashed #ccc;
	background:white;
	font-size:1em;
}

div.awardcontainer
{
	width:100%;
	clear:both;
}

div.awardcontainer h1
{
	font-size:1.2em;
}

div.awardcontainer img
{
	width:350px;
	height:500px;
	border:5px solid black;
	margin-left:15px;
}

a.top
{
	float:right;
}

a.areas
{
	display:block;
	position:relative;
	width:240px;
	margin:5px;
	border:1px solid #ccc;
	float:left;
}

a.areas:hover
{
	background:#ccc;
	border:1px solid #666;
}

a.areas, a.areas h2, a.areas img, a.areas span
{
	display:block;
	color:black;
}

a.areas span.areaheader
{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	background:#1b329a;
	color:white;
	padding:5px;
	font-size:1.2em;
	font-weight:normal;
	text-align:center;
}

a.areas img
{
	height:120px;
	width:120px;
	float:left;
	margin:5px;
	border:1px solid black;
}

a.areas span
{
	margin-top:5px;
	margin-right:5px;
}

a.areas span.more
{
	float:right;
	color:blue;
	position:absolute;
	bottom:5px;
	right:5px;
}

h1.areaheader
{
	font-size:1.2em;
	clear:both;
}

#animatedheader
{
	position:relative;
	float:left;
	height:200px;
	width:800px;
	background:url("../img/banner/headerimage2.jpg");
}

#animatedheadertextarea
{
	position:absolute;
	top:75px;
	background:white;
	border-top:5px solid black;
	border-bottom:5px solid black;
	width:100%;
	height:40px;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#animatedheadertext
{
	position:absolute;
	top:80px;
	height:40px;
	font-size:1.5em;
	padding-top:0.2em;
	padding-left:1em;
	font-weight:bold;
}

span.italics
{
	font-style:italic;
	font-size:1.2em;
}

div.halfwidth
{
	float:left;
	width:380px;
	margin:0;
	padding:0;
	padding-right:5px;
	margin-bottom:1em;
}

#morph
{
width:502px;
margin:0 auto;
text-align:center;
clear:both;
}

#morph div, #morph img
{
clear:both;
}

#morph div.morphright
{
float:right;
border:1px solid #ccc;
background:#e5e5e5;
padding:5px;
padding-top:2px;
padding-bottom:2px;
margin-bottom:-1px;
color:#666;
}

#morph img
{
border:1px solid #ccc;
}

img.left
{
float:left;
margin:10px;
}

img.right
{
float:right;
margin:10px;
}

dt
{
	font-weight:bold;
}

dd
{
	margin-left:1em;
	margin-bottom:1em;
}