/* BASIC STRUCTURE */
body { margin:0; padding:0; background-image:url(../../baseimages/main-bg-grad.jpg); background-position:center; background-repeat:repeat-y;}
#main-wrapper { width:1024px; margin:0 auto;  }
#content-wrapper { width:890px;  margin:0 auto;}
#header { width:100%; height:220px; position:relative; top:20px;}
#navigation { width:900px; height:49px; background-image:url(../../baseimages/navigation-bg.jpg); background-repeat:no-repeat; position:relative; top:25px; right:4px;}
#main { position:relative; top:90px;}
#footer { width: 99%; border-top:1px solid #CCC; float:left; position:relative; top:65px;}
.clear { clear:both;}
/* NAVIGATION */
#navigation ul { padding:0; margin:0; position:relative; top:17px; left:20px;}
#navigation li { list-style:none; display:inline; padding-left:20px; margin-right:25px; background-image:url(../../baseimages/bullet-point.jpg); background-repeat:no-repeat; background-position:left; }
#navigation a { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
#navigation li { font-size:10px; position:relative;}
#main-navigation ul li ul {position:absolute; z-index:1000; height:1%; top:2.4em; left:-1px; display:none; margin:0; padding:0; white-space:normal;}
/* CONTENT BLOCK STYLING */
.borderd { background-image:url(../../baseimages/border-btm-right.png); border:0px solid green; background-repeat:no-repeat; background-position:bottom right; display:block; margin:0; padding:0; position:relative; margin-bottom:25px; }
.offsetLeft { background-image:url(../../baseimages/border-top-left.png); padding:20px 15px 10px 20px; border:0px solid red; margin:0px; top:-9px; left:-9px;  background-position:top left; display:block; position:relative; margin-bottom:10px;}
/* HEADING (H1) STYLING */
h1 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #003366; font-weight:100;
float:left; height:55px; white-space:nowrap; position:relative; top:-67px; margin-left:-16px;
background-repeat:no-repeat; background-image: url(/baseimages/h1bg.png); margin-right:50px;
margin-bottom:-67px; padding-bottom:0; width:87%; }
h1 span { position:absolute; z-index:2; line-height:40px; left:15px; overflow:hidden; margin-right:-35px; }
h1 b { padding:0; margin:0; width:68px; height:55px; background-image:url(/baseimages/h1end.png); float:right; position:relative; left:68px;}
h3 { margin: 10px; margin-left:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#003366; font-size:14px; font-weight:100;}
/* HEADING (H2) STYLING */
h2 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #003366; font-weight:100;
float:left; height:55px; white-space:nowrap; position:relative; top:-74px; margin-left:-16px;
background-repeat:no-repeat; background-image: url(/baseimages/H2bg.png); margin-right:50px;
margin-bottom:-75px; padding-bottom:0; width:87%; }
h2 span { position:absolute; z-index:2; line-height:40px; left:15px; overflow:hidden; margin-right:-35px; }
h2 b { padding:0; margin:0; width:68px; height:55px; background-image:url(/baseimages/h2end.png); float:right; position:relative; left:68px;}
.DYh2 { top:-65px; left:2px;}
/*COLUMNS*/
#main-t { width:890px; position:relative; top:75px; padding:4px;}
.column { float:left; margin-right:10px; }
.full { width:890px;} .full h2 { width:96%;}
.c670 { width:670px;} .c670 h2 { width:95%;}
.c660 { width:670px;} .c660 h2 { width:90.5%; position:relative; top:-53px; left:13px;}
.c330 { width:330px;} .c330 h1 { width:90%;}
.c290 { width:290px;} 
.c210 { width:210px;} .c210 h1 { width:82%; position:relative; top:-67px;}
.last { margin-right:0;}
/*BASIC TPYOGRAPHY*/
p { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px; word-spacing:0px; color:#777; font-style:normal; line-height:14px; margin-top:5px;}
p a { color:#003366l; text-decoration:none; font-weight:500;}
p a:hover { color:#006699;}
ul {  padding:0; font-size:11px; font-family:sans-serif, Verdana, Arial, Helvetica; }
li { margin-bottom:8px; }
a { font-family: sans-serif, Verdana, Arial, Helvetica; color:#003366; text-decoration:none; font-weight:500; font-size:11px;}
small { font-family:"Courier New", Courier, monospace;}
/*PORTFOLIO*/
.port { background-image:none;}
#portfolio {float:left; position:relative; left:10px; top:-1px; width:680px; overflow:visible;}
#portfolio h2 { left:10px; top:-43px; }
#portfolio2 {float:left; position:relative; left:10px;}
.pf { float:left; position:relative; right:11px; top:-21px; width:690px; overflow:visible;}
.categorie-name h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #003366; font-weight:100; float:left; height:55px; white-space:nowrap;  position:relative; top:5px; margin-left:-6px; background-repeat:no-repeat;background-image: url(../../baseimages/cat-link-bg.png); padding-bottom:0; padding-left:2px; width:77%;}
.categorie-name h3 span { position:absolute; z-index:2; line-height:40px; left:15px; overflow:hidden; margin-right:-35px; }
.categorie-name h3 b { width:68px; height:55px; background-image: url(../../baseimages/cat-link-end-bg.png); float:right; position:relative; left:68px; bottom:15px;}
.categorie-name img { float:left; width:183px; height:127px; margin-left:10px; margin-top:10px; border:1px solid white;}
.categorie-name h3 a { color:#003366;}
.categorie-name .contentBlock { overflow:visible; height:140px;}
.categorie-name .borderd { margin-bottom:45px; }
.categorie-name .offsetLeft { background-image:url(../../baseimages/border-top-left.png); padding:10px 11px 11px 10px; border:0px solid red; margin:0px; top:-9px; left:-9px; background-repeat:no-repeat; background-position:top left; display:block; position:relative;}
.categorie-name a { text-decoration:none; color:#666666; font-size:11px;}
#projects img { width:150px; margin-right:10px; margin-bottom:40px;}
#projects { float:left; width:660px;}
#projects h2 { top:-55px; left:11px; width:595px}
#portfolio-content { width:670px; float:left; height:700px;  overflow:visible;}
#cathead { top:-75px;}
#portfolio-content h1 { left:12px; top:-55px; width:600px; background-image:url(../../baseimages/H2bg.png)}
#portfolio-content h1 b {background-image: url(../../baseimages/h2end.png);
height:55px;
left:68px;
margin:0;
padding:0;
position:relative;width:68px;
}

#portfolio-content .categorie-name { width:218px; float:left; margin-right:5px; }
/*PORTFOLIO CATAGORIE NAV*/
.Catagories li { list-style:none; text-indent:10px; }
.Catagories li a:hover {  color: #006699;} 
li.catMain {  width:100%; border-bottom:1px dashed #999; padding-bottom:9px; padding-top:5px;}
.Catagories li ul { margin-top:3px; margin-bottom:-10px;     }


.Catagories li ul li { border:none; font-size:9px; text-indent:25px;
padding:5px 0 4px 0; background-image:url(../../baseimages/ullibg.gif);
background-repeat:no-repeat; margin-bottom:-3px; height:-5px; }


#portfolio2 h1 { width:90%; position:relative; top:-55px; left:12px;}
/*
.Catagories li ul { visibility:hidden; height:5px; overflow:hidden; }

.Catagories .on { visibility:visible; height:60px; overflow:visible; display:block; }
*/


.Catagories li ul { display:none;margin-bottom:auto;}

.Catagories .on { display:block; }



.Catagories li ul li a { color: #006699; font-size:11px;}
.Catagories li ul li a:hover { color:#0099CC;}

/*MAP STYLING*/
#maparea { background-color:#000066; position:relative;  border:1px solid #cbc5b8}
.padded {padding:10px;}
.margined {margin:10px;}
.alert {display:block; padding:8px; background-color:#FFFFCC; border:1px solid #CC0000; color:#333; text-decoration:none; font-weight:normal;}
.alert strong {color:#CC0000!important;}
.alert a {color:#003300!important; border-color:#003300!important;}
.alert tt {font-family:"Courier New", Courier, monospace; letter-spacing:-.1em;}
/*JOB SEARCH*/
#JobSearchForm { width:298px; height:300px;}
#JobSearchForm #keywords { width:292px;}
#JobSearchForm label  { font-size:11px; color:#003366; padding-bottom:2px; font-family:Arial, Helvetica, sans-serif;}
#JobSearchForm input  { margin-bottom:10px; }
#JobSearchForm select { margin-bottom:10px; margin-top:5px; border:1px solid #CCC;}
#SearchFormSubmit { position:relative; left:0px; top:-30px;}
#SearchMap { width:298px; height:300px; background-image:url(../../baseimages/searchmap.jpg);}
#JobSearchForm #type,#jobAreaID { width:298px; height:20px;} 
/*JOBS LIST (SEARCH RESULTS*/
.jobsEntry { padding-bottom:10px; margin-bottom:10px;  border-bottom:1px dashed #dcd7cc;}
.jobsEntry p { width:500px;}
.jobsEntry ul { float:right; text-align:right;}
.jobsEntry li { color:#003366; list-style:none;}
.jobsEntry .view { margin-top:30px;}
.jobsEntry i { font-style:normal; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.jobsEntry a { text-decoration:none;}
/*LATEST VACANCIES (INCLUDE)*/
#latestVacancies h1 { position:relative; top:-72px;}
#latestVacancies { height:294px;}
#latestVacancies p  { margin-bottom:10px; border-bottom:dashed 1px #cbc5b8; padding: 3px 3px 10px 3px; }
#latestVacancies .last { margin-bottom:0px; border:none;}
.DatePosted { float:right; font-size:10px;}
.JobName { font-size:12px; margin-bottom:5px;}
.JobLocation { color:#999;}
#location { margin-bottom:40px;}
/*CONTACT*/
#contactForm { width:640px; height:300px; }
#contactForm label { font-family:Arial, Helvetica, sans-serif; color:#003366; font-size:12px; width:100px; margin-bottom:10px; float:left}
#contactForm input {  margin-bottom:20px; float:left; padding:5px; font-size:11px; color:#999;  }
#contactForm textarea { width:527px;  border:1px solid #CCC;}
#contactForm #name,#email { margin-right:25px;}
#ContactSubmit { width:20px; height:20px; }
#contactForm #name,#email,#company,#telephone { width:270px;  border:1px solid #CCC;}
#ContactSubmit { width:64px; height:22px; position:relative; left:565px; top:15px; border:none;}
#ContactPage form { width:625px;  margin-right:0px; }
#ContactPage textarea { width:585px;}
#ContactPage form span { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:5px; color:#999;}
#ContactSubmit { position:relative; left:520px; top:6px;}
#ContactPage h1 { top:-75px;}
#ContactPage h2 { top:-65px;}
#ContactPlus { width:587px; height:100px;  padding-top:10px;}
#ContactPlus p { font-size:14px;}
#ContactPlus a { font-size:14px; color:#006699;}
#ContactPlus strong { font-weight:500; margin-right:10px; color:#333;}
/*SAFETY*/
#safety { height:400px; background-color:#00CC66; }
#safety h2 { position:relative; left:15px; width:900px;}

/*BASIC LIST*/
.basicList { margin:0; padding:0; text-indent:15px;}
.basicList li { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px; word-spacing:0px; color:#777; list-style:none;
background-image:url(../../baseimages/basiclibg.gif); background-repeat:no-repeat; }

.plist { border-bottom:1px #cbc5b8 dashed; padding-bottom:3px; padding-top:-5px; text-indent:15px;}
.plist a:hover { color:#006699;}
.end { border:none;}


#news p { border-top: 1px #cbc5b8 dashed; font-size:10px; padding-top:10px;}
#news strong { font-size:10px;}
#news .firstli { border:none; padding:0;}
#news a { font-size:11px;}
.indexcotent { height:128px;}


#clientlink { position:relative; left:10px; font-size:11px; }













































.tooltip {display:block; position:absolute; margin-top:18px; white-space:nowrap; height:auto; background-color:#FFFFCC; padding:2px 6px; color:#000; font-size:1em; font-weight:normal; font-family:"Trebuchet MS", Tahoma, Verdana; z-index:999999; text-align:left; 
opacity:0.8;
/**/-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #666;
/*outline: 2px solid #eee; */
}

.member { border-bottom:1px dashed #CBC5B8;}
.member img { margin:0 15px 15px 0 ;float:left; width:80px; height:80px;}
.member h3 { margin-bottom:0; padding:0;}
.member p { padding:0; margin-bottom:9px; font-size:13px; margin-top:15px; text-transform:lowercase;}
.member .end { border:none; margin-bottom:-20px;}
.bodytext {   font-family:Arial, Helvetica, sans-serif; color:#003366; font-size:14px; font-weight:100; }
.member span { color:#006699;}




#casestudies img { margin:0 15px 80px 0; float:left;}
.images {display:block; float:right; margin:0 0 10px 10px; position:relative;}
.left { float:left;}

#casestudies span {display:block; width:auto; height:auto; float:left;}
#casestudies span img {margin:0 15px 0 0; float:none;}
#casestudies h3, #casestudies p  {padding-left:200px;}
#casestudies small  {font-family:"Courier New", Courier, monospace; font-size:11px; }




.toph2 { position:relative; top:10px; }
#Certificates img { margin-right:10px;}
img.right { margin-left:10px; margin-bottom:10px;}





.rightimg2 { float:right; margin-left:20px; margin-bottom:10px;}
.rightimg { float:right; margin-left:20px; margin-bottom:25px;}
.contentBlock .imgstyle1 { float:left; padding:0; margin:0; width:100%; margin-bottom:14px;}
.right { float:right;}
.small { font-size:10px;}



.h1al { position:relative; top:-73px;}



.newH1 h1 { background-image: url(../../baseimages/H2bg.png);
background-repeat:no-repeat;
color:#003366;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:100;
height:55px;
margin-bottom:-75px;
margin-left:-16px;
margin-right:50px;
padding-bottom:0;
position:relative;
top:-74px;
white-space:nowrap; width:97%;}

.newH1 h1 b {background-image: url(../../baseimages/h2end.png);
float:right;
height:55px;
left:68px;
margin:0;
padding:0;
position:relative;width:68px;
}

.half h1 { width:95%; position:relative; margin-top:15px;}




#cathead {
top:-75px;
}
.c210 h1 {
position:relative;
top:-67px;
width:82%;
}


big { width:60%; font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #003366; font-weight:100;
float:left; height:55px; white-space:nowrap; position:relative; top:-67px; margin-left:-16px;
background-repeat:no-repeat; background-image: url(/baseimages/h1bg.png); margin-right:50px;
margin-bottom:-67px; padding-bottom:0; width:87%; }
big span { position:absolute; z-index:2; line-height:40px; left:15px; overflow:hidden; margin-right:-35px; }
big b { padding:0; margin:0; width:68px; height:55px; background-image:url(/baseimages/h1end.png); float:right; position:relative; left:68px;}