/*==============================================================
*CTC Design by WebSightDesign.com 
* 01/20/08
*
*
*
*===============================================================*/

*{padding:0px; margin:0px;}

body{ text-align: center;  font-family: Arial, Arial, Helvetica, sans-serif; height:100%; width:100%;}

a { color:#848f31; text-decoration:none;}
a:hover, a:active { color:#666633; text-decoration:underline;}

img{ display: block;}
 
.home_body{  width:100%;  background:#fff url('../images/home_bkg.gif') repeat-x top left; min-height: 725px;
     height: auto !important;     height: 725px;     margin: 0px auto;  border: #f0f 0px solid; }

.footer{margin: 0px auto; background:#fff url('../images/footer_bkg.gif') repeat-x top left; border: #f00 0px solid; width:100%;  height: 87px;}
.footer_content{margin: 0px auto; border: #f00 0px solid; width:1024px; padding: 10px; font-size:12px; color:#666; line-height:20px;}
.footer a{font-size:12px; color:#666; text-decoration:none;}
.footer a:hover, a:active { color:#003366; text-decoration:underline;}
.wrapper{  margin: 0px auto;  width: 1024px;   border: #f00 0px solid;}

.logo_div{ width: 180px; height:260px; border: #f00 0px solid; position:absolute; top:17px; left:70px; cursor:pointer;}

.home_header{  background:#fff url('../images/home_logo.gif') no-repeat top left;  width:1024px; height:302px; position: relative;}
 
 
 /*======================= Navigation Styles ====================================*/
.nav_div{  background:#CCC url('../images/nav_bkg.gif') repeat-x top left;  width:1024px; height:55px; position: relative; z-index:5;}

.nav_div ul{ list-style-type:none; float:right; display:inline;}
.nav_div li{ float:right; display:inline; }

.nav_div span{display: none;}

a.home{display:block; width:80px; height:44px; background:url('../images/menu_off/home.gif'); text-decoration:none;}
a.home:hover, a.home:active{display:block; width:80px; height:44px; background:url('../images/menu_on/home.gif');text-decoration:none;}
a.home_active{display:block; width:80px; height:44px; background:url('../images/menu_on/home.gif');text-decoration:none;}
a.about{display:block; width:106px; height:44px; background:url('../images/menu_off/about.gif'); text-decoration:none;}
a.about:hover, a.about:active{display:block; width:106px; height:44px; background:url('../images/menu_on/about.gif'); text-decoration:none;}
a.about_active{display:block; width:106px; height:44px; background:url('../images/menu_on/about.gif'); text-decoration:none;}
a.services{display:block; width:105px; height:44px; background:url('../images/menu_off/services.gif'); text-decoration:none;}
a.services:hover, a.services:active{display:block; width:105px; height:44px; background:url('../images/menu_on/services.gif'); text-decoration:none;}
a.services_active{display:block; width:105px; height:44px; background:url('../images/menu_on/services.gif'); text-decoration:none;}
a.projects{display:block; width:110px; height:44px; background:url('../images/menu_off/projects.gif'); text-decoration:none;}
a.projects:hover, a.projects:active{display:block; width:110px; height:44px; background:url('../images/menu_on/projects.gif'); text-decoration:none;}
a.projects_active{display:block; width:110px; height:44px; background:url('../images/menu_on/projects.gif'); text-decoration:none;}
a.resources{display:block; width:208px; height:44px; background:url('../images/menu_off/resources.gif'); text-decoration:none;}
a.resources:hover, a.resources:active{display:block; width:208px; height:44px; background:url('../images/menu_on/resources.gif'); text-decoration:none;}
a.resources_active{display:block; width:208px; height:44px; background:url('../images/menu_on/resources.gif'); text-decoration:none;}
a.careers{display:block; width:123px; height:44px; background:url('../images/menu_off/careers.gif'); text-decoration:none;}
a.careers:hover, a.careers:active{display:block; width:123px; height:44px; background:url('../images/menu_on/careers.gif'); text-decoration:none;}
a.careers_active{display:block; width:123px; height:44px; background:url('../images/menu_on/careers.gif'); text-decoration:none;}

div.submenu_table {
			border:0px #FFF solid; border-top:#fff 0px solid;
			background-color: #969284;
			margin:0px; padding:0px;
			z-index:4;
			font-size:11px;
			text-align: left;
			line-height: 16px;
			cursor:pointer;
			color:#fff;
}

div.submenu_table a {
			display:block;
			width:130px; height:20px;
			margin:0px; padding:0px;
			overflow:hidden;
			color:#fff;
			font-size:11px;
			font-weight:bold;
			text-decoration:none;
			background-color: #969284;
			line-height: 16px;
			cursor:pointer;
}

div.submenu_table a:hover, div.submenu_table a:active {
			display:block;
			width:130px; height:20px;
			margin:0px; padding:0px;
			overflow:hidden;
			background-color:#969284;
			color:#DED4B0;
			font-size:11px;
			font-weight:bold;
			text-decoration:none;
			line-height: 16px;
			
}
		
div.spacer{
			height: 2px;
			background-color:#969284;
			display: block !important;
			display:inline;
      border-bottom:#B0AFA7 1px dashed;
      width: 93%;
      margin: 0px 0px 0px 3px;
}
		
.apad {
			padding:0px 0px 0px 7px;
			margin:3px 0px 0px 3px !important;
			margin:0px 0px 0px 3px;
			overflow:hidden;
			cursor:pointer;
}

div.submenu_about_hide {
			display: none; position:absolute; overflow:hidden; z-index:3;
    	top:35px; left:367px;
    	width:145px; height:140px;	
      padding-top: 10px;
}
		
div.submenu_about_show {
			display:block; position:absolute; overflow:hidden; z-index:3;
    	top:35px; left:367px;
    	width:145px; height:140px;	
    	padding-top: 10px;
}

div.submenu_services_hide {
				display: none; position:absolute; overflow:hidden; z-index:3;
    	top:35px; left:472px;
    	width:145px; height:140px;	
      padding-top: 10px;
}
		
div.submenu_services_show {
			display:block; position:absolute; overflow:hidden; z-index:3;
    	top:35px; left:472px;
    	width:145px; height:140px;
      padding-top: 10px;	
}

div.submenu_projects_hide {
			display: none; position:absolute; overflow:hidden; z-index:3;
    	top:35px; left:577px;
    	width:152px; height:140px;
      padding-top: 10px;
}
		
div.submenu_projects_show {
			display:block; position:absolute; overflow:hidden; z-index:3;
    	top:35px; left:577px;
    	width:152px; height:140px;
      padding-top: 10px;	
}

.white_cell{ background:#fff; width:6px; height:3px; }
.left_cell{ background: url('../images/left_shadow.png') repeat-y top left !important; background:url('../images/left_shadow.gif'); width:6px; }
.right_cell{ background: url('../images/right_shadow.png') repeat-y top right !important; background:url('../images/left_shadow.gif'); width:6px;}
.left_corner{ background: url('../images/btm_left_shadow.png') repeat-y top right !important; background:url('../images/left_shadow.gif');width:6px; height:7px;}
.right_corner{ background: url('../images/btm_right_shadow.png') repeat-y top left !important; background:url('../images/left_shadow.gif'); width:6px; height:7px;}
.bottom_cell{background: url('../images/btm_shadow.png') repeat-x top right !important; background:url('../images/left_shadow.gif'); height:7px;}

/*================================== content (main) ===========================================*/

.content_div{  background:#FFF url('../images/content_bkg.jpg') repeat-x top left; width:952px; height:300px; margin: 10px auto; z-index:-1;}

.content{ width:952px;  border: #f00 0px solid;}
.content_home{ width:952px;  position:relative; border: #f00 0px solid;}
.projects_div{ position:absolute; top: 54px; left:30px; width:480px; height:250px; border:#f00 0px solid; padding:25px 0px 0px 0px;}
.spotlight_div{ position:absolute; top: 54px; left:513px;  height:275px; border:#f00 0px solid; padding:0px 0px 0px 0px;}
.thumbnail_div{ border:#DED4B0 2px solid; float: left; margin:7px 18px 30px 4px;}

.projects_showcase_show{display:block;  width: 403px; height:272px; border:#DED4B0 2px solid; text-align:left;  background:#F7F9FB ;}
.projects_showcase_hide{display:none;  width: 403px; height:272px; border:#DED4B0 2px solid; text-align:left;  background:#F7F9FB ;}
/*================================== subpages ===========================================*/

.subpage_body{  width:100%;  background:#fff url('../images/subpage_bkg.jpg') repeat-x top left; min-height: 100%;
     height: auto !important;     height: 100%;     margin: 0 auto;  border: #f0f 0px solid;}
  
.subpage_content_div{  background:#FFF url('../images/subpage_content_bkg.jpg') no-repeat top left; width:946px; min-height: 282px;  margin: 10px auto; text-align:left; padding: 15px 0px 0px 0px; }
  
.subpage_content_left{ /*position:absolute; top: 38px; left:8px; */width:140px; border: #f00 0px solid; float: left; padding: 40px 0px 0px 30px; text-align: left;}  

.subpage_content_left a{ color: #7A766A; font-size:12px; text-decoration: none; padding:2px 0px 0px 0px; display:block;}

.subpage_content_right{ color:#3f2a0b/*4c3c0c 5A564A*/; font-size:12px; text-align: justify; width:720px; border: #f00 0px solid; float: right; padding: 19px 25px 0px 20px; border:#000 0px solid; }     

.subpage_content_right p{ padding: 10px 10px 3px 10px; }

.subpage_logo_div{ width: 95px; height:133px; border: #f00 0px solid; position:absolute; top:14px; left:62px; cursor:pointer;}

.subpage_header{  background:#fff url('../images/subpage_header_bkg.jpg') no-repeat top left;  width:1024px; height:166px; position: relative;}

.subpage_title{ width: 431px; height:53px; border: #f00 0px solid; position:absolute; top:60px; right:48px; }

.title_resources{width:431px; height:49px;  background: url('../images/title_resources.gif') no-repeat top left; }
.title_about{width:431px; height:53px;  background: url('../images/title_about.gif') no-repeat top left; }
.title_services{width:431px; height:53px;  background: url('../images/title_services.gif') no-repeat top left; }
.title_projects{width:431px; height:53px;  background: url('../images/title_projects.gif') no-repeat top left; }
.title_careers{width:431px; height:53px;  background: url('../images/title_careers.gif') no-repeat top left; }
.clearer{ clear:both; height:10px;}

/*================================== headers ===========================================*/

h1.hdr_projects{ width:204px; height:18px;  background:#F2EDE1 url('../images/hdr_projects.gif') no-repeat top left; position: absolute; top:15px; left:55px;}
h1.hdr_resources{ width:248px; height:18px;  background:#F2EDE1 url('../images/hdr_resources.gif') no-repeat top left; margin:0px 0px 0px 55px; }


h1.hdr_about{ width:113px; height:15px;  background:#F2EDE1 url('../images/hdr_about.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_mechanical{ width:172px; height:15px;  background:#F2EDE1 url('../images/hdr_mechanical.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_tools{ width:172px; height:15px;  background:#F2EDE1 url('../images/hdr_tools.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_team{ width:172px; height:15px;  background:#F2EDE1 url('../images/hdr_leaders.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_controls{ width:172px; height:15px;  background:#F2EDE1 url('../images/hdr_controls.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_vision{ width:113px; height:15px;  background:#F2EDE1 url('../images/hdr_vision.gif') no-repeat top left; margin:0px 0px 0px 55px; }

h1.hdr_services{ width:113px; height:15px;  background:#F2EDE1 url('../images/hdr_services.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_cx{ width:172px; height:15px;  background:#F2EDE1 url('../images/hdr_cx.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_rcx{ width:172px; height:15px;  background:#F2EDE1 url('../images/hdr_rcx.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_test{ width:197px; height:15px;  background:#F2EDE1 url('../images/hdr_functional.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_energy{ width:197px; height:15px;  background:#F2EDE1 url('../images/hdr_energy.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_design{ width:197px; height:15px;  background:#F2EDE1 url('../images/hdr_design.gif') no-repeat top left; margin:0px 0px 0px 55px; }

h1.hdr_projects2{ width:113px; height:15px;  background:#F2EDE1 url('../images/hdr_projects2.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_comm{ width:197px; height:15px;  background:#F2EDE1 url('../images/hdr_commissioning.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_retro{ width:248px; height:17px;  background:#F2EDE1 url('../images/hdr_retro.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_industrial{ width:248px; height:17px;  background:#F2EDE1 url('../images/hdr_industrial.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_lab{ width:248px; height:17px;  background:#F2EDE1 url('../images/hdr_lab.gif') no-repeat top left; margin:0px 0px 0px 55px; }
h1.hdr_other{ width:248px; height:17px;  background:#F2EDE1 url('../images/hdr_other.gif') no-repeat top left; margin:0px 0px 0px 55px; }

h1.hdr_careers{ width:113px; height:15px;  background:#F2EDE1 url('../images/hdr_careers.gif') no-repeat top left; margin:0px 0px 0px 55px; }

h1 span{ display: none;}
h2{ color:#003366; /*color:#6D685B;*/ font-weight:200; }
h3{ color:#003366; font-weight:200;}

.tit {font-size: 14px; font-weight: bold; color:#003366;}
.des {font-size: 12px; color:#bd9033;}
.footerlinks {font-size: 11px; color:#bd9033;}