.foo{}


/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET */


body{background-color: #eaf9ff;}

.clear{
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

.topnav {
display:block;
width:746px;
height:242px;
margin: 10px auto -25px auto;
padding-top: 12px;
background:url("../images/top.jpg") no-repeat;
}

#nav {
background:url("../images/menu-sprite.png") no-repeat;
width:585px;
height:63px;
margin:0;
padding:0;
margin-left: 170px;
}

#nav span {
display: none;
overflow: hidden;
}

#nav li, #nav a {
height:63px;
display:block;
}

#nav li {
float:left;
list-style:none;
display:inline;
}

#nav01 {width: 85px;}
#nav02 {width: 105px;}
#nav03 {width: 144px; padding-right: 3px;}
#nav04 {width: 130px;}
#nav05 {width: 100px;}
#nav01 a:hover {background:url("../images/menu-sprite.png") 0px -62px no-repeat; }
#nav02 a:hover {background:url("../images/menu-sprite.png") -87px -62px no-repeat; }
#nav03 a:hover {background:url("../images/menu-sprite.png") -188px -63px no-repeat; }
#nav04 a:hover {background:url("../images/menu-sprite.png") -337px -63px no-repeat; }
#nav05 a:hover {background:url("../images/menu-sprite.png") -467px -63px no-repeat; }
#nav01current {width: 85px; background:url("../images/menu-sprite.png") 0px -62px no-repeat;}
#nav02current {width: 105px; background:url("../images/menu-sprite.png") -87px -62px no-repeat;}
#nav03current {width: 144px; background:url("../images/menu-sprite.png") -188px -63px no-repeat; margin-right: 3px;}
#nav04current {width: 130px; background:url("../images/menu-sprite.png") -337px -63px no-repeat;}
#nav05current {width: 100px; background:url("../images/menu-sprite.png") -467px -63px no-repeat;}


#wrapper{
width: 750px;
margin: 0 auto;
}

#subnavleft{
background: url(../images/navleft.png) no-repeat;
width: 12px;
height: 40px;
float: left;
}

#subnavmid{
background: url(../images/navmid.png) repeat-x;
width: 724px;
height: 40px;
float: left;
padding-top: 2px;
}

#subnavright{
background: url(../images/navright.png) no-repeat;
width: 14px;
height: 40px;
float: left;
}

#subnavmid img{
vertical-align: middle;
}

#subnavmid p{
margin-top: 7px;
text-align: center;
font-size: 11px;
}

#subnavmid p a{
font-family: "Tahoma", arial, sans-serif;
font-weight: bold;
text-decoration: none;
padding: 10px 20px;
color: #fff
}

#subnavmid p span{
font-family: "Tahoma", arial, sans-serif;
font-weight: bold;
font-style: italic;
text-decoration: none;
padding: 10px 20px;
color: #fff
}


#subnavmid p a:hover{
text-decoration: underline;
}

#mid1{
background: url(../images/background-1.jpg) no-repeat;
}

#mid2{
background: url(../images/img_main_practice.jpg) no-repeat;
}

#mid3{
background: url(../images/surveyor-example.jpg) no-repeat;
}

#mid4{
background: url(../images/img_main_partners.jpg) no-repeat;
}

#mid5{
background: url(../images/back_contact.gif) no-repeat;
}

#mid6{
background: url(../images/back_services.jpg) no-repeat;
}

#mid7{
background: url(../images/back_construction.jpg) no-repeat;
}

#mid8{
background: url(../images/back_advisors.jpg) no-repeat;
}

#mid9{
background: url(../images/back_professional.jpg) no-repeat;
}

#mid10{
background: url(../images/back_projects.jpg) no-repeat;
}

#mid11{
background: url(../images/back_clear.gif) no-repeat;
}


.mid{
margin-top: 3px;
width: 752px;
height: 280px;
display: block;
}


.mid p{
padding: 0 9px;
width: 413px;
font-family: "Tahoma", arial, sans-serif;
line-height: 19px;
font-size: 13px;
color: #36506b;
}

h1{
padding-top: 15px;
padding-left: 20px;
color: #b2af87;
font-size: 38px;
font-family: "Tahoma", times, sans-serif;
}

h2{
padding-top: 15px;
padding-left: 20px;
color: #b2af87;
font-size: 28px;
font-family: "Tahoma", times, sans-serif;
}


#thumbs{
display:inline;
overflow: hidden;
white-space: nowrap;
}


#thumbs img{
margin-top: 6px;
padding-right: 2px;
display:inline;
overflow: hidden;
}

#smallnavleft{
background: url(../images/smallnavleft.png) no-repeat;
width: 8px;
height: 25px;
float: left;
margin-top: 10px;
}

#smallnavmid{
background: url(../images/smallnavmid.png) repeat-x;
width: 520px;
height: 25px;
float: left;
padding-top: 6px;
margin-top: 10px;
}

#smallnavright{
background: url(../images/smallnavright.png) no-repeat;
width: 8px;
height: 25px;
float: left;
margin-top: 10px;
}

#smallnavmid p{
text-align: center;
color: #fff;
font-size: 11px;
font-family: "Tahoma", arial sans-serif;
}

#links{
float: left;
width: 790px;
margin-top: -14px;
margin-bottom: 10px;
line-height: 13px;
color: black;
font-size: 11px;
text-align: center;
font-family: "Tahoma", arial sans-serif;
}
#links strong{
font-weight: normal;
color: black;
}

#links a{
padding-left: 5px;
padding-right: 5px;
color: #37526e;
text-decoration: none;
}
#links a:hover{
color: #000;
text-decoration: none;
}

form{
margin: 0 20px 0 8px;
}

label{
width: 70px;
float: left;
font-size: 11px;
text-align: center;
font-family: "Tahoma", arial sans-serif;
line-height: 13px;
}

.inputbox{
padding: 3px 10px;
height: 20px;
width: 130px;
border: 1px solid #37526e;
}


textarea{
padding: 5px 10px;
width: 130px;
border: 1px solid #37526e;
height: 80px;
}

.contactbutsend

{
margin: 5px 0 0 180px;
clear: both;
float: left;
}

/* TABS */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 15px 15px 0 11px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
}
.tabs-nav a {
	font-family: Tahoma;
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 10px;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav a:hover {
    text-decoration: underline;
}


.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    padding: 10px 8px 0 8px;
    background:transparent; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

.concol1

{
width: 260px;
height: 235px;
float: left;
}

.concol2

{
width: 247px;
height: 235px;
float: left;
}

.googlemap

{
width: 208px;
height: 235px;
float: left;
}

#thepartners

{
margin: 19px 0 0 11px;	
}

#hometext

{
margin: 19px 0 0 11px;
width: 320px;
}

#textprofessional

{
margin: 19px 0 0 11px;	
}

#textservices

{
margin: 4px 0 0 11px;
width: 700px;	
}

#textconstruction

{
margin: 19px 0 0 11px;
width: 700px;	
}

#textprojects

{
margin: 19px 0 0 11px;	
}

#textpartner2