/* CSS for NATI Group*/
* {
	margin: 0;
	padding: 0;
}
body {
	font: 62.5% Trebuchet MS, Helvetica, sans-serif;
	 background: #fff url("/images/bg-body.gif") repeat-x;
}
body#home {
	font: 62.5% Trebuchet MS, Helvetica, sans-serif;
	 background: #fff url("/images/bg-body-home.gif") repeat-x;
}
h1 {
	color: #004fbc;
	font-size: 1.6em;
	margin: 0 0 10px 0;
}
h2 {
	color: #4a8ecb;
	font-size: 1.3em;
	margin: 0 0 10px 0;
}
h3 {
	color: #599763;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}
input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
ul { margin: 0 0 0 25px; }
p { margin: 0 0 10px 0;
	line-height: 1.8em;
	color: #888478;}

a img{ border: 0; }

.l { float: left; }
.r { float: right; }
.clear { clear: both; }

.m-tb-5 { margin: 5px 0; }
.m-tb-10 { margin: 10px 0; }
.m-t-10 { margin: 10px 0 0 0; }

.b { font-weight: bold; }
.no-b { font-weight: normal; }
.u { text-decoration: underline; }
.no-u { text-decoration: none; }
.i { font-style: italic; }
.no-i { font-style: normal; }
.small { font-size: .88em; }
.large { font-size: 1.2em; }
.t-c { text-align: center; }


.intro {   font-size: 1.1em;
           line-height: 1.7em;
		   font-family: Trebuchet MS, Helvetica, sans-serif;
		 
		   /*color: #888478;*/
		   /*color: #838da6*/
		   color: #4a5779}
		   
		   
.purpletab { font-size: 1.1em;
			  font-weight: bold;
			  color: #4c597b;
			  padding: 5px 10px 0px 0px; }
        

/* Header------------------------------------------- */

img.shadow-top{
  display: block;
  margin: 6px auto 0 auto;
}

#header{
  width: 844px;
  margin: 0 auto;
  background: url("/images/bg-main.png") repeat-y;
}

img.logo{
  position: absolute;
  margin-top: 5px;
  margin-left: 30px;
}

#header-content{
  width: 800px;
  height: 114px;
  margin: 0 auto;
  background: url("/images/bg-header.gif") repeat-x;
 }

#main{
  width: 844px;
  margin: 0 auto;
  background: url("/images/bg-main.png") repeat-y;
  padding-top: 158px;
}

#main.index{
  padding-top: 291px;
}

#flash-holder{
  background: url("/images/bg-flash.png");
  width: 830px;
  height: 321px;
  margin: -306px 0 0 7px;
  text-align: center;
  position: absolute;
  z-index: 75;
}

#flash-div {
  height: 288px;
  width: 800px;
  margin: 0 auto;
  padding-top: 16px;
}

#banner-holder{
  background: url("/images/bg-banner.png");
  width: 830px;
  height: 187px;
  margin: -173px 0 0 7px;
  text-align: center;
  position: absolute;
  z-index: 75;
}

#banner-div {
  height: 155px;
  width: 800px;
  margin: 0 auto;
  padding-top: 16px;
}


#nav{ 
font-size: 1.3em;
  height: 31px;
  position: absolute;
  margin-left: 340px;
  margin-top: 74px;
  z-index: 100;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
  text-decoration: none;
  padding: 7px 15px 11px 15px;
  color: #4c5a80;
  text-transform: uppercase;
	
}

#nav a:hover{
  border-bottom: 5px solid #858b9a;
  padding: 7px 15px 6px 15px;
}

#nav li { /* all list items */
	float: left;
	/*width: 10em;  width needed or else Opera goes nuts */
  background: url("/images/nav-right-border.gif") right no-repeat;
  height: 31px;
}

#nav li:hover, #nav li.hover {
    position: static;
}

#nav li.no-border { /* all list items */
  background: 0;
}

#nav li ul { /* second-level lists */
	position: absolute;
  z-index: 100;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  margin-left: -1px;
}

#nav li ul li {
  background: none;
  height: auto;
}

#nav li ul li a{
  font-size: 1.0em;
  color: #fff;
  background: #4c5a80;
  padding: 4px;
  border-bottom: 0;
  width: 15em;
  text-transform: none;
}


#nav  li ul li a:hover{
  padding: 4px;
  border-bottom: 0;
  background: #858b9a;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* whole col------------------------------------------*/

#whole-col{
  width: 720px;
  margin-left: 60px;
  padding-bottom: 20px;
  color: #4c597b;
  font-size: 1.2em;
  line-height: 1.4em;
  margin-bottom: 20px;
 
  
  height: auto !important;
  height: 202px;
}

.intwhole-col {
     min-height: 202px;
	 }

#whole-col a {
  color: #b2a47f;
}

#whole-col a:hover {
  text-decoration: none;
}

#whole-col h1{
  margin-top: 13px;
  font-size: 1.6em;
  line-height: 1.6em;
  font-weight: bold;
  color: #28384f;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

#whole-col h2{
  font-size: 1.4em;
  margin-bottom: 0;
  font-weight: bold;
  color: #4c597b;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

#whole-col ul {
  color: #4c597b;
  margin: 10px 0 10px 25px;
}
#whole-col li {
  line-height: 1.3em;
  color: #888478;
  margin: 10px 0 15px 25px;
  
/*--------- this is for the home page------*/  
}
#whole-col .service{
  width: 80px;
  margin: 15px 5px 5px 15px;
  display: inline;
  float: left;
  text-align: center;
  line-height: 1.1em;
}

#whole-col .service a{
  color: #3a4561;
  text-decoration: none;
  font-size: .88em;
  font-weight: bold;
}

#whole-col .service a:hover{
  text-decoration: underline;
}

#whole-col .service img{
  display: block;
  margin: 0 auto 5px auto;
}

#whole-col .service a img{
  border: 2px solid #3a4561;
}


#whole-col .callout{
  border-top: 1px solid #b2a47f;
  margin-top: 6px;
}

#whole-col div.callout p{
  margin: 0 19px;
  padding-top: 12px;
  padding-left: 435px;
  color: #b2a47f;
  font-weight: bold;
  font-size: 1.0em;
}

#whole-col .callout a.readmore{
  letter-spacing: 1px;
  color: #808aa4;
  float: right;
  text-decoration: none;
}

#whole-col .callout a.readmore:hover{
  text-decoration: underline;
  margin-bottom: 10px;
}
/* int col------------------------------------------*/

#int-col{
  width: 720px;
  margin-left: 60px;
  color: #4c597b;
  font-size: 1.2em;
  line-height: 1.4em;  
  height: auto !important;

}

.intwhole-col {
     min-height: 202px;
	 }

#int-col a {
  color: #b2a47f;
}

#int-col a:hover {
  text-decoration: none;
}

#int-col h1{
  margin-top: 13px;
  font-size: 1.6em;
  line-height: 1.6em;
  font-weight: bold;
  color: #28384f;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

#int-col h2{
  font-size: 1.4em;
  margin-bottom: 0;
  font-weight: bold;
  color: #4c597b;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

#int-col ul {
  color: #4c597b;
  margin: 10px 0px 10px 25px;
}
#int-col li {
  line-height: 1.3em;
  color: #888478;
  margin: 10px 0 15px 25px;
  }

/* Left Col------------------------------------------- */

.intbottom-col { padding-bottom: 20px; }

#left-col{
  width: 394px;
  margin-left: 60px;
 
  float: left;
  color: #4c597b;
  font-size: 1.2em;
  line-height: 1.5em;
  display: inline;
  height: auto !important;
  height: 202px;
  min-height: 202px;
  font-family: Arial, Helvetica, sans-serif;
}

#left-col a {
  color: #b2a47f;
}

#left-col a:hover {
  text-decoration: none;
}

#left-col h1{
  margin-top: 13px;
  font-size: 1.6em;
  line-height: 1.6em;
  font-weight: bold;
  color: #28384f;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

#left-col h2{
  font-size: 1.4em;
  margin-bottom: 0;
  font-weight: bold;
  color: #4c597b;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

#left-col ul {
  /*color: #404551;*/
  color: #4c597b;
  margin: 10px 0 10px 25px;
}
#left-col li {
line-height: 1.3em;
  /*color: #404551;*/
  /*color: #4c597b;*/
   color: #888478;
  margin: 10px 0 15px 25px;
}

div.capabilities {
  color: #b2a47f;
  width: 163px;
  float: left;
  margin: 8px 0 8px 4px;
  float: left;
  font-size: 1.12em;
  font-weight: bold;
}


/* Right Col ------------------------------------------*/

#right-col{
  margin-top: 60px;
  width: 334px;
  margin-left: 22px;
  float: left;
  padding-bottom: 20px;
  font-size: 1.2em;
}

#right-col h2{
  margin: 0 0 0 5px;
  font-size: 1.3em;
  font-weight: bold;
  color: #4c597b;
}


#right-col h3{
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 1px;
  color: #79839c;
}

#right-col ul{
  list-style: none;
  color: #4c597b;
  margin-bottom: 10px;
  line-height: normal;
  padding-top: 10px;
}

#right-col ul li{
  margin-bottom: 15px;
}


/*------------------ only  for service  pages*/



#services-col{
  margin-top: 10px;
  width: 334px;
  margin-left: 22px;
  float: left;
  padding-bottom: 20px;
  font-size: 1.2em;
}
#services-col2{
  margin-top: 10px;
  width: 334px;
  margin-left: 0px;
  float: left;
  padding-bottom: 20px;
  color: #4c597b;
	font-size: 1em;
	line-height: 1.8em;
}
#int-col #services-col2 ul li { color: #4c597b; }

#services-col h2{
  margin: 0 0 0 5px;
  font-size: 1.3em;
  font-weight: bold;
  color: #4c597b;
}


#services-col h3{
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 1px;
  color: #79839c;
}

#services-col ul{
  list-style: none;
  color: #4c597b;
  margin-bottom: 10px;
  line-height: normal;
  padding-top: 10px;
}

#services-col ul li{
  margin-bottom: 15px;
}


/*-------------------------- joblisting*/


.joblist {
  color: #4c597b;
  font-size: 1.0em;
  margin-bottom: 10px;
  margin-left: 25px;
  line-height: normal;
  padding-top: 20px;
  }
.joblist a {
  color: #888478;
}

.joblist a:hover {
  text-decoration: none;
}
.joblist2 {
  color: #4c597b;
  font-size: 1.0em;
  margin-bottom: 10px;
  margin-left: 0px;
  line-height: normal;
  padding-top: 20px;
  }
.joblist2 a {
  color: #888478;
}

.joblist2 a:hover {
  text-decoration: none;
}

#details-content {
  width: 410px;
  margin-left: 10px;
  color: #4c597b;
  font-size: 1.2em;
  line-height: 1.4em;
  margin-bottom: 20px;
}

#details-content h2{
  margin: 0 0 0 5px;
  font-size: 1.0em;
  font-weight: bold;
  color: #4c597b;
}


#details-content h3{
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 1px;
  color: #79839c;
}

strong.details-description {
			font-size: 1.1em;
			margin-bottom: 10px;
			margin-left: 10px;
}
					 
.details-description-text {
			margin-bottom: 10px;
			margin-left: 25px;
}

strong.details-background { 
			font-size: 1.1em;
			margin-bottom: 10px;
			margin-left: 10px;
}
.details-background-text {
		   margin-bottom: 10px;
			margin-left: 25px;	
}

p.apply-now {
			margin-bottom: 10px;
			margin-left: 25px
 }
p.apply-now a { color: #888478;} 
  

/*----------------highlight box----------------------*/
#highlight-col{
  width: 720px;
  margin-left: 60px;
  color: #4c597b;
  font-size: 1.2em;
  line-height: 1.4em;
  margin-bottom: 20px;
    min-height: 202px;
}

#highlight { background-color: #f3f0ea; 
			 margin: 8px 8px 8px 8px; 
			 padding: 8px;}

.highborder { margin: 0px 5px 5px 5px; 
			  border: 1px solid #cdc4ac;}
			  
.highborder2 { margin: 10px 5px 20px 5px; 
			  border: 1px solid #cdc4ac;}
			  
#highlight h2{
  margin: 0 0px 0 5px;
  font-size: 1.3em;
  font-weight: bold;
  color: #4c597b;
}			  
			  
#highlight ul{
  list-style: none;
  color: #4c597b;
  padding-bottom: 10px;
  line-height: normal;
  padding-top: 0px;
}

#highlight ul li{
  margin: 8px 0px 5px 0px;
}	

.highborder2 table { border-collapse: collapse; width: 100%; }
.highborder2 table tr.even { background-color: #FFFFFF; }
.highborder2 table tr td { padding: 5px; }
.highborder2 table tr th { padding: 3px; border-bottom: 1px solid #cdc4ac; }		  

/* 
up-----------------------------------------------*/


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
width: 400px;
background-color: #ffffff;
padding: 10px;
left: -1000px;
border: 1px solid #cdc4ac;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -450px; /*position where enlarged image should offset horizontally */

}
#poptitle {
width:400px; 
padding-left: 5px;
z-index: 999;
}

#clientfunction {
float:right;
width: 270px; 
margin-top:0px; 
border-left: 1px solid #cdc4ac;
padding-left: 0px;
}

#clientlogo {
float:left;
width:96px; 
margin-left:5px;
}

/* Footer ---------------------------------------------*/

img.shadow-bottom{
  position: absolute;
  z-index: 5;
}

#footer{
  width: 814px;
  height: 58px;
  margin: 0 auto;
  background: url("/images/bg-footer.png") repeat-y;
}

#footer p{
  color: #b2a47f;
  font-size: 1.0em;
  display: inline;
  margin-top: 20px;
}

#footer a{
  color: #b2a47f;
  text-decoration: none;
}

#footer a:hover{
  text-decoration: underline;
}

#footer a.bwm:hover{
  color: #4a8ecb;
}

#footer p.left-text{
  float: left;
  margin-left: 37px;
  text-align: left;
}

#footer p.right-text{
  float: right;
  margin-right: 37px;
  text-align: right;
}