@charset "UTF-8";

body{
	background:url(../img/farnback.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;
}

#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;
}

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

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

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.app{
	background-position:0px -360px;
}

span.videos{
	background-position:0px -390px;
}

span.bim{
	background-position:0px -420px;
}

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

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

#areas{
	margin-bottom:5px;
	border-bottom:1px solid #666;
}



#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.2em;
	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:20px;
}

#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;
}

a.revit{
	width:97px;
	background-position:-766px 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;
}

div.rightimagegroup{
float:right;
width:340px;
padding:10px;
padding-right:0px;
margin-right:-20px;
}

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

div.imagegroup a, div.imagegroup img{
	height:200px;
}

div.rightimagegroup img, div.rightimagegroup a{
width:150px;
float:left;
}

div.imagegroup img, div.rightimagegroup 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, div.rightimagegroup a.areas{
	display:block;
	position:relative;
	width:240px;
	margin:5px;
	border:1px solid #ccc;
	float:left;
}

div.rightimagegroup a.areas{
 width:310px;
 margin:2px;
}

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 span.areacontent{
text-align:center;
}

a.areas span.areaemail{
color:#1b329a;
text-align:center;
margin-bottom:1em;
}

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;
}

ul{
	list-style:none;
	font-size:1.2em;
	margin-left:0;
	padding-left:0;
}

ul.content{
width:450px;
}

ul li{
	padding:0.2em;
}

ul li:before{
	content: "+ ";
	padding-right: 0.5em;
}

ul li.title{
font-weight:bold;
}

ul li.content{
margin-left:2em;
}

ul li.content:before{
content:"";
padding:0px;
}

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

#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;
}

#contactblock{
width:310px;
float:left;
font-size:1.3em;
clear:both;
margin-bottom:10px;
}

#contactblock a{
background:none;
border:0px;
font-size:0.8em;
}

#contactblock a:hover{
text-decoration:underline;
}

#contactleft, #contactright, #getintouchtext, #rightarrow{
float:left;
}

#contactleft, #contactright{
width:150px;
}

#rightarrow{
margin-top:5px;
width:15px;
height:20px;
background:url(../img/rightarrow.gif) no-repeat left center;
}

#downarrow{
margin-left:15px;
width:20px;
height:15px;
background:url(../img/bottomarrow.gif) no-repeat top;
}

#downarrow, #emaillink{
clear:both;
}

#getintouchtext{
background:#373636;
padding:.5em;
color:#ccc;
margin-left:10px;
}

#contactright{
padding-left:10px;
}

#imageblock{
clear:both;
float:left;
width:310px;
}

a.animcontroller{
float:right;
background:white;
color:black;
padding:.2em;
border:1px solid black;
text-decoration:none;
font-size:.8em;
opacity:0.5;
filter:alpha(opacity=50);
}

a.animcontroller:hover{
opacity:1;
filter:alpha(opacity=100);
}