/*********************
FONT VARIENTIONS and COLORS
**********************/
.float_left{
	float:left;
}
.float_right{
	float:right;
}
.div_clear{
		clear:both;
}		
.fnt_bold{
	font-weight:bold;
	}
.underline{
	text-decoration:underline;
}
.fnt_blue{
	color:#0c5d7c;
}
.lined_header{
	border-bottom:1px solid #0c5d7c;
	color:#0c5d7c;
	padding-bottom:2px;
}	
.dis_blck{
	display:block;
}
/**********************
HEADERS (H1, H2... ETC), P, UL, LI 
**********************/
a{
color:#1898C8;
text-decoration:none;
}
a:hover{
	text-decoration:underline;
	}
h1 {
	position: relative;
	float: left;
	margin: 128px 0 0 234px;	
	font-size: 13px;
	line-height:20px;
	color: #d4f1fe;
	font-weight: bold;
}
h3{
	padding:0;
	margin:0;
	font-size:16px;
	color:#4f4f4f;
	margin-bottom:14px;
}	
h4{
margin:0; padding:0;
 font-weight:bold;
 font-size:12px;
 margin-bottom:10px;
}
#hidden_wrapper h4{ /*   Header on the experience Summary page*/
	color:#0c5d7c;
	margin-bottom:5px;
}
h5{
	margin:0;
	padding:0;
	margin-bottom:8px;
}	
ul{
margin:0; padding:0;
list-style: none;
margin-bottom:15px;
}
ul ul{
	margin-top:8px;
	margin-left:15px;
}
li{
	margin-bottom:5px;
	line-height:1.2em;
}
ul.squareList{
 /*list-style-type: square;
 background:transparent url(../images/leftnav_arrow.jpg) no-repeat scroll left center;*/
 margin-left:10px;
} 
ul.squareList li{
 background:transparent url(../images/left_arrow.gif) no-repeat scroll left 5px;
 padding-left:15px;
} 
ul.list_square li{
list-style-type: square;
 background:none;
 padding-left:0px;
 margin-left:20px;
}
#team_list li{
 margin-bottom:15px;
}
#team_list li.div_clear{
 margin-bottom:5px;
}
#detailed_tb li{
	margin-bottom:6px;
	margin-left:15px;
}
#detailed_tb ul li {
 margin-left:0px;
}	
.subheader h2 {
	position: relative;
	float: left;
	/*width: 626px;*/
	font-size: 12px;
	line-height:15px;
	font-weight: bold;
	color: #8c8c8c;
	margin: 4px 0 0 8px;
}

#content p , #sb-content p{
	padding:0;
	position: relative;
	margin: 0 0 15px 0px;
	/*width: 652px;*/
}

/*************************
STRUCTURE
*************************/

#banner_default {
	position: relative;
	float: left;
	width: 900px;
	height: 157px;
	margin: 4px 0 0 0;
	display: inline;
	background: url('../images/banner/inside_default.jpg') no-repeat 0 0;
}

#banner_aboutatr {
	position: relative;
	float: left;
	width: 900px;
	height: 157px;
	margin: 4px 0 0 0;
	display: inline;
	background: url('../images/banner/inside_aboutatr.jpg') no-repeat 0 0;
}

#banner_engineering {
	position: relative;
	float: left;
	width: 900px;
	height: 157px;
	margin: 4px 0 0 0;
	display: inline;
	background: url('../images/banner/inside_engineering.jpg') no-repeat 0 0;
}

#banner_automated {
	position: relative;
	float: left;
	width: 900px;
	height: 157px;
	margin: 4px 0 0 0;
	display: inline;
	background: url('../images/banner/inside_automated.jpg') no-repeat 0 0;
}

#banner_energy {
	position: relative;
	float: left;
	width: 900px;
	height: 157px;
	margin: 4px 0 0 0;
	display: inline;
	background: url('../images/banner/inside_energy.jpg') no-repeat 0 0;
}

#banner_robotics {
	position: relative;
	float: left;
	width: 900px;
	height: 157px;
	margin: 4px 0 0 0;
	display: inline;
	background: url('../images/banner/inside_robotics.jpg') no-repeat 0 0;
}

#banner_careers {
	position: relative;
	float: left;
	width: 900px;
	height: 157px;
	margin: 4px 0 0 0;
	display: inline;
	background: url('../images/banner/inside_careers.jpg') no-repeat 0 0;
}

#banner_default .header, #banner_aboutatr .header, #banner_engineering .header, #banner_automated .header, #banner_robotics .header, #banner_careers .header {
	position: absolute;
	top: 128px;
	left: 234px;
	font: 13px/20px tahoma;
	color: #d4f1fe;
	font-weight: bold;
}

#content_wrapper {
	position: relative;
	float: left;
	width: 900px;
	margin: 0 0 5px 0;
	display: inline;
	padding: 0;
	background: url('../images/content_wrapper_bg.jpg') repeat-y 0 0;
}

#content_wrapper_bottom {
	position: relative;
	float: left;
	width: 900px;	
	margin: 0 0 0px 0;
	display: inline;
	background: url('../images/content_wrapper_bottom.jpg') no-repeat 0 bottom;
}

#content {
	position: relative;
	float: left;
	width: 682px;
	margin: 5px 0 0 9px;
	padding: 10px 0 10px 0;
	text-align: left;
}
.inside_content{
	margin-left:15px;
	margin-bottom:15px;
	}
/*************************
LEFT NAV
*************************/

#leftnav {
	position: relative;
	float: left;
	width: 209px;
}
#leftnav  div{
	position: relative;
	float: left;
}
#leftnav_buttons {

	width: 209px;
}

#leftnav_buttons a {
	position: relative;
	float: left;
	width: 197px;
	/*width: 209px;*/
	padding: 7px 0 7px 12px;
	margin: 0;
	display: inline;
	font: 11px/14px tahoma;
	color: #727272;
	text-decoration: none;
	text-align: left;
	background: url('../images/leftnav_arrow.jpg') no-repeat 193px center;
	border-top: 1px solid #d8d8d8;
}
#leftnav_buttons .leftbar_sidenav{
 margin:0 0 10px 10px;
 float:left;

 }
#leftnav_buttons .leftbar_sidenav li {
	margin-left:15px;

}
#leftnav_buttons .leftbar_sidenav li a{
	border:0;
	width:160px;
	padding:3px 0 3px 10px;
	color:#414141;
	background: url('../images/leftnav_li.gif') no-repeat left 9px;
}
#leftnav_buttons a:hover {
	color: #1898c8;
}

#leftnav_buttons a.selected {
	color: #1898c8;
}

#leftnav_buttons .link {
	position: relative;
	float: left;
	/*width: 173px;*/
	cursor: pointer;
	width:90%;
}

#leftnav .spacer {
	position: relative;
	float: left;
	width: 5px;
	height: 120px;
}

#leftnav_highlights{
	width: 185px;
	height: 200px;
	margin: 10px 0 0 10px;
	display: inline;
	background: url('../images/leftnav_highlights_bg.jpg') no-repeat 0 0;
}
#leftnav_contact{
	width: 185px;
	height: 200px;
	margin: 10px 0 0 10px;
	display: inline;
	text-align:left;
}
#leftnav_contact h4, #leftnav_contact li{
 font-size:11px;
 }
#leftnav .sub_news{
background: url('../images/leftnav_news_bg.jpg') no-repeat 0 0;
}
#leftnav_highlights  a.header_link {
	position: absolute;	
	width: 71px;
	height: 24px;
	top: 0px;
	left: 0px;
}

#leftnav_highlights  a.more {
	position: absolute;	
	font: 10px/18px tahoma;
	color: #1b81a7;
	right: 4px;
	top: 2px;
	text-decoration: none;
}

#leftnav_highlights  a.more:hover {
	text-decoration: underline;
}

#leftnav_highlights .link_list {
	position: absolute;
	left: 2px;
	top: 30px;
	width: 180px;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:left;
}

#leftnav_highlights .link_list li {
	position: relative;
	float: left;
	margin: 0 0 5px 0;
	display: inline;
	padding: 0;
	width: 180px;
}

#leftnav_highlights .arrow {
	position: relative;
	float: left;
	width: 4px;
	height: 6px;
	margin: 5px 0 0 0;
	display: inline;
}

#leftnav_highlights a.link {
	position: relative;
	/*float: left;*/
	text-decoration: none;
	font: 11px/14px tahoma;
	color: #737373;
	margin: 0;
	/*display: inline;*/
	left:8px;
	position:relative;
}

#leftnav_highlights a.link:hover {
	text-decoration: underline;
}

/*************************
CONTENT
*************************/

.subheader {
	position: relative;
	text-align: left;
	/*width: 682px;*/
	height: 29px;
	margin: 15px 0 15px 0;
	background: url('../images/subheader_bg.jpg') repeat-x 0 0;
}

.subheader .arrow {
	position: relative;
	float: left;
	width: 17px;
	height: 18px;
	margin: 2px 0 0 15px;
	display: inline;
	background: url('../images/subheader_arrow.jpg') repeat-x 0 0;
}
/***************************
HIDE AND REVEAL DIV
****************************/
.item_container{
	margin:0 0 2px;
	padding:0;
	border:1px #dadada solid;
	background-color:#fcfcfc;
	padding:5px 10px;
	width:95%;
}	
.trigger{
	cursor:pointer;
	margin:0;
	padding:0;
}
.trigger_arrow{
 background: transparent url("../images/leftnav_arrow.jpg") no-repeat scroll right center;
 width:10px;
 height:10px;
 padding-left:8px;
}	
.active .trigger_arrow{
background: transparent url("../images/down_arrow.gif") no-repeat scroll right center;

}
.toggle_container{
	margin:0;
	padding:0;
	clear:both;
	margin:10px 0 5px;
	overflow:hidden;
}	
.hidden {
display:none;
}
#hidden_wrapper{
	padding:0;
	width:98%;
	margin:0;
}	
#hidden_wrapper p{
	width:90%;
	color:#878787;
	}
/*********************************
TABLES 
**********************************/
#detailed_tb{
	 border:1px #bbbbbb solid;
	 margin-bottom:10px;
}
#detailed_tb thead{
	background-color:#ccc;
	color:#000;
	}
#detailed_tb td, #detailed_tb th{
	padding:2px;
  	 border-right:1px #bbbbbb solid;
	 border-bottom:1px #bbbbbb solid;
}
.teamMemberTable #detailed_tb td{
 border:0;
 }
 .teamMemberTable .tr_border{
	font: 12px/18px tahoma;
	color: #878787;
	padding-bottom:15px;
	vertical-align:top;
}
.teamMemberTable .tb_border{
	border-top:1px #bbbbbb solid;
	padding-bottom:15px;
}	
#FunctionalArea_div #detailed_tb{
width:93%;
}
#FunctionalArea_div #detailed_tb td{
vertical-align: top;
}

#detailed_tb{
font: 10px/12px arial;
}

/**********************************
IMAGES
*********************************/
.item_container img{
	border:1px #c5c5c5 solid;
}
.float_left img{
	margin-right:10px;
	/*padding-bottom:10px;*/
}
.float_right img{
	margin-left:10px;
	/*padding-bottom:10px;*/
}
a img{
	border:0;
}	

#gallery_div a{
background-color:#f6f6f6;
border:1px #a5a5a5 solid;
padding:2px;
float:left;
display:block;
margin-right:20px;
margin-bottom:10px;
}
#gallery_div a img{

}
/****************************
MISC.
*****************************/
.top_link{
	font-weight:bold;
	float:right;
	padding-right:5px;
	padding-left:10px;
	font-size:10px;
	margin-top:5px;
	 background: transparent url("../images/up_arrow.gif") no-repeat scroll left center;
}	
.arrow_right{
	 background:transparent url(../images/left_arrow.gif) no-repeat scroll right 6px;
	 padding-right:10px;
}