body { margin: 0; background: url(images/bg_page.jpg) repeat-x 0 0 #000; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #fff; }
    
img { display: block; border: 0; }
p { margin: .5em 0 1.5em 0; }
a { color: #6BD200; }

.clear { clear: both; }
.clear-r { clear: right; }

#main { height: 400px; background: url(images/bg_page_mid.gif) no-repeat 50% 0; text-align: center; }

.stack { width: 750px; margin: auto; text-align: left; }

#header { height: 98px; position: relative; }
  #header .logo { position: absolute; top: 15px; left: 0px; }
  #header .address { position: absolute; top: 15px; right: 0px; }


#navigation { height: 69px; }
  #navigation ul { padding: 0; margin: 0; margin-top: 21px; float: left; list-style-type: none; }
  #navigation li { float: left;  padding: 0; margin: 0; }

  #navigation a { overflow: hidden; position: relative; width: 106px; height: 42px; display: block; }
  #navigation a img { position: absolute; top: 0; left: 0; }
  #navigation a:hover img,
  #navigation a.selected img { top: -42px; }
  #navigation a:hover { background: #000; } /* hack to get it to work in IE for some reason */




#footer { color: #D2D2D2; border-top: 6px solid #000; }
  #footer ul { padding: 0; margin: 0 0 0 5px; float: left; list-style-type: none; }
  #footer li { float: left;  padding: 0; margin: 0; }
  #footer a { }

  #footer div { margin: 6px 8px 10px 12px; font-size: 10px;  }
  #footer a.fm { display: block; float: right; margin-top: 3px;}
#subpagelogo { padding: 14px 0 14px 10px; }


#home-top { height: 258px; }
  #home-top img { display: inline; }

#home { background: url(images/bg_4A4A4A.gif) repeat-y 453px 0 #131313; border-bottom: 3px solid #131313;  }
  #home .col-left { float: left; width: 454px; position: relative; }
    #home .col-left .image01 { position: absolute; top: 17px; left: 13px; }
    #home .col-left .image02 { position: absolute; top: 17px; left: 160px; }
    #home .col-left .image03 { position: absolute; top: 17px; left: 307px; }
    #home .col-left a {display:block; width:136px; height:80px; overflow:hidden;}
    #home .col-left a:hover {background-color:#000;}
    #home .col-left a img { position:absolute; top:0; left:0;}
    #home .col-left a:hover img { top:-82px;}
    #home .col-left .content { padding: 9px 13px 9px 13px; }

  #home .col-right { margin-left: 454px; }
    #home .img-holder-bottom { background: url(images/bg_home_main_img_bottom.gif) 1px 100% no-repeat; }
    #home .img-holder-top    { background: url(images/bg_home_main_img_top.gif) no-repeat; padding: 17px 0 3px 4px; }

    #home .col-right .content { padding: 4px 9px 4px 9px; }
	#home .col-right .content p { margin: 0.4em 0; }
    #home .col-right .client  { background: url(images/title_client.gif) no-repeat; padding: 2px 0 1px 94px; }
    #home .col-right .date    { background: url(images/title_release_date.gif) no-repeat; padding: 2px 0 1px 94px; margin-top: 2px;}






.subpage { background: url(images/bg_sub_header.jpg) no-repeat #363636; position: relative; }



.img-border { background-position: 100% 100%; background-repeat: no-repeat; float: left; }
.img-border div { background-position: 0% 0%; background-repeat: no-repeat; }
.img-border div div { background-position: 0% 100%; }
.img-border div div div { background-position: 100% 0%; padding: 8px; }

.on-363636 { background-image: url(images/bg_img_br_on_363636.gif); }
.on-363636 div { background-image: url(images/bg_img_tl_on_363636.gif); }
.on-363636 div div { background-image: url(images/bg_img_bl_on_363636.gif); }
.on-363636 div div div { background-image: url(images/bg_img_tr_on_363636.gif); }

.on-292929 { background-image: url(images/bg_img_br_on_292929.gif); }
.on-292929 div { background-image: url(images/bg_img_tl_on_292929.gif); }
.on-292929 div div { background-image: url(images/bg_img_bl_on_292929.gif); }
.on-292929 div div div { background-image: url(images/bg_img_tr_on_292929.gif); }




#latest { margin-bottom: 4px; }
#latest .heading { position: absolute; top: 42px; left: 24px; }
#latest .quote { position: absolute; top: 85px; left: 21px; }
#latest .content { margin-top: 85px; }

#latest .feature .info { padding: 24px 0 0 0; margin: 0 0 0 310px; }
#latest .feature .info .black-line { background: #000; margin: 4px 0; }
#latest .feature .img-border { /*border-right: 10px solid #363636;*/ }
#latest .feature .info .feature-heading { color: #6BD200; font-weight: bold; }
#latest .feature .info p { /*border-right: 10px solid #363636;*/ margin: 0.6em 10px 0.6em 0; }

.latest { background: url(images/bg_latest_job.gif) repeat-y #363636; border-top: 2px solid #000;  }
.latest .col-left { float: left; width: 154px; padding-top: 11px; padding-left: 2px; }
.latest .col-left .number { float: left; padding-left: 18px; font-weight: bold; font-family: Arial; }
.latest .col-left .title { margin: 0 10px 2px 40px; }

.latest .col-right { margin: 8px 20px 0 166px; }
.latest .col-right p { display: inline; margin: 0; }


#subnav { width: 175px; float: left;  margin: 4px 0 0 0; }
#subnav ul { list-style-type: none; padding: 0 0 8px 0; background: url(images/bg_subnav_under.gif) repeat-x 0% 100%; margin: 0;  }
#subnav li { border-left: 1px solid #131313; border-right: 1px solid #131313; border-bottom: 2px solid #131313; }
#subnav li a { display: block; background: url(images/bg_subnav.gif) repeat-x 0 0 #010101; color: #fff; text-decoration: none; font-family: Verdana; }
#subnav li a:hover,
#subnav li a.selected { background: url(images/bg_subnav_on.gif) repeat-x 0 100% #505050; color: #ffd000; }
#subnav li a div { padding: 7px 9px 9px 27px; background: url(images/icon_subnav.gif) 9px 50% no-repeat;  }
#subnav li a:hover div,
#subnav li a.selected div { background: url(images/icon_subnav_on.gif) 9px 50% no-repeat; }


#subnav .webform {background: url(images/sub_nav_gradient.jpg) no-repeat 0 0; padding: 8px 0 0 9px; position:relative;}
#subnav .webform a {display:block; width:158px; height:80px; position:relative; overflow:hidden;}
#subnav .webform a:hover {background-color:#000;}
#subnav .webform a img{ position:absolute; top:0; left:0;}
#subnav .webform a:hover img { background-color: #000; top:-82px;}
#subnav .under { background: url(images/bg_grad_under_subna.gif) repeat-x; }


#main-content { position: relative; margin-left: 175px; font-size: 1.1em; }





#services { background-color: #131313; }
#services #heading { position: absolute; left: 12px; top: 41px;  }
#services #main-content { padding: 74px 0 0 0px; background: url(images/bg_services.jpg) no-repeat 0 0 #363636; position: relative;   }
* html #services #main-content { height: 1%; }
#services #main-content #title { color: #6BD400; height: 33px; overflow: hidden; padding-left: 12px; font-weight: bold; }
#services #main-content .image-holder { float: right;  background: url(images/bg_services_main_image.gif) no-repeat 0 76px; position: relative;  }
#services #main-content .image-holder div { background: url(images/gfx_services_main_under.gif) no-repeat 0 100%; padding: 0 11px 24px 10px; }
#services #main-content .content { padding-left: 12px; }
#services #main-content .content p { margin: 0 0 0.6em 0; }

#services .gallery { background: url(images/bg_click_for_more_info.gif) 100% 0 no-repeat #131313; margin-left: 175px; padding: 14px 24px 0 0; }
#services .gallery .item { float: right; padding: 0 0 14px 0; width: 180px; font-weight: bold; background: url(images/bg_services_gallery.gif) no-repeat 0 0;  }
#services .gallery .item .image { height: 100px; }
#services .gallery .item .image img { padding: 11px 0 0 27px; }
#services .gallery .item .number { float: left; padding: 0 0 0 4px; }
#services .gallery .item .title { margin: 0 10px 0 30px; }
#services .gallery .item .title a { color: #fff; }

* html #services .gallery .item .title a { margin-left: -3px; }



#about { }
#about #heading { position: absolute; left: 10px; top: 42px;  }
#about #main-content { padding: 74px 0 0 0px; background: url(images/bg_services.jpg) no-repeat 0 0 #363636; position: relative;  }
#about #main-content #title { color: #6BD400; height: 33px; overflow: hidden; padding-left: 12px; font-weight: bold; }
#about #main-content .image-holder { float: right;  background: url(images/bg_services_main_image.gif) no-repeat 0 76px; position: relative;  }
#about #main-content .image-holder div { background: url(images/gfx_about_main_under.gif) no-repeat 0 100%; padding: 0 11px 11px 10px; }
#about #main-content .image-holder div img { background: #222222; }
#about #main-content .content { padding-left: 12px; padding-right: 10px; }



#facilities { background: url(images/bg_facilities.jpg) no-repeat 0 0 #363636; }
#facilities #heading { height: 160px; position: relative; }
#facilities #heading #tour { position: absolute; left: 18px;  top: 75px; }
#facilities #heading #title { position: absolute; left: 24px;  top: 42px; }
#facilities #heading #select { position: absolute; left: 26px;  top: 139px; }
#facilities #thumbs { float: right; width: 240px;  border-top: 1px solid #363636; }
#facilities #detail { margin-right: 250px; padding-left: 14px; border-top: 1px solid #363636;  }
#facilities #detail .img-border { margin-bottom: 18px;  }
#facilities #detail .img-border img { }
#facilities #detail p { padding-left: 10px; }




#testimonials { margin-bottom: 4px; }
#testimonials .heading { position: absolute; top: 42px; left: 19px; }
#testimonials .quote { position: absolute; top: 83px; left: 18px; }
#testimonials .content { margin-top: 145px; }

#testimonials .feature .info { padding: 24px 0 0 10px; }
#testimonials .feature .info .black-line { background: #000; margin: 4px 0; }
#testimonials .feature .main-image { border-right: 10px solid #363636; float: left;}
#testimonials .feature .info .feature-heading { color: #6BD200; font-weight: bold; }
#testimonials .feature .info p { border-right: 10px solid #363636; margin-bottom: 0;}
#testimonials .feature .clear { background: #121212; }

.testimonial { background: url(images/bg_latest_job.gif) repeat-y #363636; border-top: 2px solid #000; }
.testimonial .col-left { float: left; width: 154px; padding-top: 11px; }
.testimonial .col-left .number { float: left; padding-left: 18px; font-weight: bold; font-family: Arial; }
.testimonial .col-left .title { margin: 0 10px 2px 40px; }
.testimonial .col-left .name { color: #6BD400; }

.testimonial .col-right { margin: 8px 20px 0 166px; }



#contact { background: url(images/bg_contact.jpg) no-repeat 0 0 #363636; }
#contact .heading { position: absolute; left: 18px; top: 42px; }
#contact #header-under { background: url(images/bg_contact_top.gif) repeat-x; margin-top: 108px; }
#contact #col-map { float: right; width: 220px; }
#contact #col-map .title { margin: 0 0 4px 0px; }
#contact #col-map .directions { text-align: center; margin: 4px 20px 0 0; }
#contact #form { padding-left: 30px; }
#contact #form .form-stack { margin-right: 230px; clear: left; margin-bottom: 16px;  } 
#contact #form .form-stack .title { float: left; width: 130px; text-align: right;  }
#contact #form .form-stack .title img { margin-left: auto; }
#contact #form .form-stack .inp { margin-left: 140px; }
#contact #form .form-stack .inp input,
#contact #form .form-stack .inp textarea { width: 330px; background: #1F1F1F; color: #CFCFCF; font-size: 12px; font-family: Verdana; }
#contact #form .form-stack .inp select { background: #1F1F1F; color: #CFCFCF; font-size: 12px; font-family: Verdana; }
#contact #form .form-stack .inp img { display: inline;  margin-bottom: 2px; }
#contact #form .form-stack .inp input.phone { width: 100px; }
#contact #form .form-stack .button { text-align: left; }
#contact #form .form-stack .button input { margin: 0 auto 0 130px; }



#popup { padding: 20px 40px; }
#popup .content { background: #363636; padding: 10px; }
#popup .content .title { padding: 0 0 0 10px; }
#popup .content .client { color: #6BD200; font-weight: bold; padding: 0 0 4px 10px;   }
#popup .info { clear: both; }
#popup .info .img-border { float: left; margin-right: 10px; }
#popup .info .details { padding: 2px 0 0 10px; }
#popup #images { padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid #fff; }


/* Hide from IE5-mac. Only IE-win sees this. \*/
/* html div { height: 1%; } */
* html #subnav li a { width: 173px; }
* html div.iefix { height: 1%; }
/* End hide from IE5/mac */