body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:21px;  background:url(TATA-Background.jpg) repeat-x #e5e5e5;}
#header {width:100%; max-width:940px; margin:auto; background:url(top-new-bg.gif) no-repeat; display:block; overflow:hidden;}
#header .logo {margin:0px; width:375px; padding-bottom:17px; padding-top:25px; padding-left:15px; float:left;}
#header .logo img {width:375px; height:auto;}

#nav {width:100%; max-width:940px; margin:auto; display:block; overflow:hidden;  text-align:center; background:url(Menu-Bg.jpg) repeat-x #dedede;}
#nav ul {margin:0px; padding:0px; margin-top:1px; text-align:center;}
#nav li {list-style:none; display:inline;}
#nav li a {padding:8px 50px 9px 50px; color:#ffffff; display:inline-block; text-decoration:none; font-size:14px; border-right:#ffffff 1px solid;font-weight:bold;}
#nav li a:hover {padding:8px 50px 9px 50px; color:#ffffff;}
#nav li .static {padding:8px 50px 9px 50px; color:#ffffff; font-weight:bold; cursor:default; font-weight:bold;}

#nav li ul { position:absolute; z-index:100; width:213px; list-style-type:none; padding:0; margin:0px 0px 0px 360px; border:1px solid #bfbfbf; border-top:none; display:none; }
#nav li:hover ul {display:block;}
#nav li ul li {float:none; display:block; height:30px; line-height:0; background:none; border-top:#666565 1px solid;}
#nav li ul li a {background:#3d3d3d; padding:0px 12px; display:block; height:30px; line-height:30px; border-right:none;}
#nav li ul li a:hover {background:#575757; padding:0px 12px; }

.radTxt {color:#b5111c; font-size:18px !important;}

#banner {margin:auto; max-width:940px; display:block; overflow:hidden;  border-top:#ffffff 1px solid;}
#banner img {width:100%; max-width:940px; height:auto;}

#heading {width:100%; max-width:965px; margin:auto; display:block; overflow:hidden; }
#heading h1 {margin:20px 0px 7px 0px; padding:0px; font-size:18px; color:#000000; text-transform:uppercase;}

.full-bg{width:100%; background:#1a3b60; height:265px; }
.slide{ width:1024px; border:1px solid # 999; background:#CCC; margin:0 auto; position:relative;height:265px;}
.slide img{ width:1024px; height:245px; position:absolute; }
.fields {float:left; width:300px;}

.section {
	clear: both; padding: 0px; margin: auto; max-width:940px; }

/*  COLUMN SETUP  */
.col {
	display: block; float:left; margin: 10px 0px 10px 0px;}

.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:""; display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 26%;
}
.span_2_of_3 {
	width: 72.5%;
}
.span_1_of_3 {
	width: 27.5%;
}

.bodyArea {background:#FFFFFF; font-size:13px; padding:15px; box-shadow:0 10px 6px -6px #ddd; margin-top:15px; display:block; }
.bodyArea h1 { color:#FF5E3C; font-size:16px; font-weight:bold; display:block; padding:0px; margin:0px;  margin-bottom:5px;}
.bodyArea h1 span {color:#666; font-size:12px; padding-left:10px;}
.bodyArea p {color:#666666; font-size:14px; line-height:20px;}
.bodyArea a { color:#0e76b4; text-decoration:none;}
.bodyArea ul {margin:0px; padding:0px; color:#color:#666666; display:block;}
.bodyArea li {list-style:none; display:block; margin:.5%  1%; color:#666666; font-size:14px; float:left; width:47%; }
/*.bodyArea li:first-child {margin-left:0px;}*/
.bodyArea .view_all {display:block; text-align:right; padding:10px 0px;}
.bodyArea .lft {display:block; padding:10px 0px;}
.bodyArea .lft ul{margin:0px; padding:0px;}
.bodyArea .lft li{list-style:none; margin-bottom:14px; color:#737373; float:left;}
.bodyArea .lft li:last-child{margin-bottom:0px;}
.bodyArea .lft li a {text-decoration:none;}

.bodyArea .people {margin-bottom:40px; color:#333333; display:block; font-size:13px; overflow:hidden;}
.bodyArea .people .img {width:75px; height:75px; float:left; margin-right:10px; }
.bodyArea .people .img img { padding:0px; border-radius:5px; border:1px solid #bfbfbf; width:75px; height:75px;}

.bodyArea .people .peopleContent { margin-left:95px; margin-top:-9px;}
.bodyArea .people span {display:block; padding:0px; margin-top:10px; font-size:16px; color:#999999; line-height:13px; line-height:20px;}
.bodyArea table {border-bottom:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; }
.bodyArea td {padding:8px; font-size:12px; border:#e1e1e1 1px solid; border-bottom:none;  border-right:none;}

.bodyArea .results{font-family:arial; font-size:13px; padding:.0px 0px 5px; color:#666; line-height:18px; background:url(h_seperator.png) center bottom no-repeat; clear:both; display:block; height:90px;}
.bodyArea .results_heading{color:#e14838; text-decoration:none; font-size:15px;}
.bodyArea .results .view_all {display:block; text-align:right;}

.bodyArea .jobs{width:650px; float:left; line-height:24px; font-size:14px;}
.bodyArea .jobs ul{margin:0px; padding:0px;}
.bodyArea .jobs li{list-style:none; padding:15px; margin-bottom:14px; color:#737373; float:left;width:275px;height:76px;}
.bodyArea .jobs li:last-child{margin-bottom:0px;}
.bodyArea .jobs li a { text-decoration:none;}
.bodyArea .jobs li.mrgn_left{margin-left:0px;}



.jobs_loc {width:auto; float:left; margin:0px 6px 7px 0px; background:#f9f9ff; border:#cecece 1px solid; font-size:12px; color:#666666 !important; position:relative; padding:0px 7px; border-radius:4px;}
.jobs_loc span {color:#3e73d1; padding-left:7px; right:7px;}

#map {margin:auto; max-width:940px; height:300px; display:block; overflow:hidden;}

.share {width:auto; margin:auto; font-size:14px; color:#666; margin-top:15px; padding-top: 8px;}
.share .tx {width:50px; padding-top:10px; float:left;}
.share span.fb {background:url(icon-social.png) 0px 0px; width:33px; height:32px; display:inline-block; cursor:pointer; margin:5px 2px}
.share span.twi {background:url(icon-social.png) -45px 0px; width:33px; height:32px; display:inline-block; cursor:pointer; margin:5px 5px}
.share span.in {background:url(icon-social.png) -90px 0px; width:33px; height:32px; display:inline-block; cursor:pointer; margin:5px 5px}
.share span.goog {background:url(icon-social.png) -132px 0px; width:33px; height:32px; display:inline-block; cursor:pointer; margin:5px 5px}

.result{font-family:arial; font-size:14px; padding:15px; padding-bottom:7px; color:#666; line-height:26px; background:url(h_seperator.png) center bottom no-repeat ; clear:both; display:block;}
.result_heading{color:#e14838; text-decoration:none; font-size:15px;}
.small{font-size:11px; color:#999999;}
.clear{clear:both;}

#content {margin:auto; padding:0px 20px; display:block; overflow:hidden;}
#content .txtArea {margin:0px auto; max-width:918px; display:block; overflow:hidden; padding:5px 25px 10px 20px; text-align:justify; background:#ffffff;}
#content .txtArea h1 {width:auto; border-bottom:#bfbfbf 1px solid; margin:0px; padding:35px 0px 15px 0px ; font-size:28px; text-shadow: 0.9px 0.9px 1px #999999; line-height:35px;}
#content .txtArea  p {width:auto; font-size:13px; padding:5px;}
#content .txtArea img {text-align:center; max-width:611px; padding:10px;}
#content .txtArea .img img {width:95%;}
#content .txtArea  ul {margin:0px; margin-left:20px; padding:10px 0px 20px 0px;}
#content .txtArea  li {padding:5px 5px; }

.txtWhite {color:#ffffff !important;}
.txt_14 {font-size:14px !important;}

#footer { max-width:965px; font-family:Arial, Helvetica, sans-serif; color:#999999; text-align:center; font-size:12px; margin:auto; height:32px; padding-top:7px; margin-top:15px; border-top:#bfbfbf 1px solid;}
#footer a {color:#999999; text-decoration:none;}
#footer a:hover {color:#999999; text-decoration:underline;}
ul{list-style:none; margin:0; padding:0;}




#slider {
  position: relative;
  overflow: hidden;
  margin: 0 auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 941px;
  height: 305px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 2% 3%;
  width: auto;
  height: auto;
  background: url(prev.png) no-repeat;
 
  text-decoration: none;

 
  opacity: 0.8;
  cursor: pointer;
}


 a.control_next {
  position: absolute;
  top: 35%;
  z-index: 999;
  display: block;
  padding: 2% 3%;
  width: auto;
  height: auto;
  background: url(nect.png) no-repeat;
 
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}


@media screen and (max-width:955px)
	{
		#nav { margin:20px 0px; display:block; width:100%; overflow:hidden; position:static;}
		#nav ul {margin:0px; padding:0px; text-align:left;}
		#nav li {list-style:none; display:inline;}
		#nav li a {padding:4px 10px 14px 25px; color:#000000; display:block; text-decoration:none; border-bottom:#e1e1e1 1px solid;  text-transform:uppercase;}
		#nav li a:hover {padding:4px 10px 14px 13px; color:#ffffff; border-left:#188fd1 10px solid; border-bottom:#e1e1e1 1px solid;}
		#nav li .static {padding:4px 10px 14px 13px; color:#ffffff; border-left:#188fd1 10px solid; border-bottom:#e1e1e1 1px solid; cursor:default;}
		#banner h1 {font-size:40px; font-family:arial; font-weight:normal; color:#ffffff; text-shadow: 0.9px 0.9px 1px #000; padding:30px 60px 0px 60px; max-width:845px; margin:0px auto; text-align:left; display:block; overflow:hidden; height:65px; -webkit-box-shadow: 0 0 5px 1px #2B2B2B; box-shadow: 0 0 5px 1px #2B2B2B;}
		#nav li ul { position:absolute; z-index:100; width:213px; list-style-type:none; padding:0; margin:0px 0px 0px 200px; border:1px solid #bfbfbf; border-top:none; display:none; }
	}

@media screen and (max-width:800px)
	{
		#nav { margin:20px 0px; width:100%;  display:block; overflow:hidden;}
		#nav ul {margin:0px; padding:0px; text-align:left;}
		#nav li {list-style:none; display:inline;}
		#nav li a {padding:4px 10px 14px 25px; color:#000000; display:block; text-decoration:none; border-bottom:#e1e1e1 1px solid;  text-transform:uppercase;}
		#nav li a:hover {padding:4px 10px 14px 13px; color:#ffffff;  }
		#nav li .static {padding:4px 10px 14px 13px; color:#ffffff; border-left:#188fd1 10px solid;  border-bottom:#e1e1e1 1px solid; cursor:default;}
		#banner h1 {font-size:40px; font-family:arial; font-weight:normal; border-left:#188fd1 10px solid; border-bottom:#e1e1e1 1px solid; color:#ffffff; text-shadow: 0.9px 0.9px 1px #000; padding:30px 60px 0px 60px; max-width:845px; margin:0px auto; text-align:left; display:block; overflow:hidden; height:65px; -webkit-box-shadow: 0 0 5px 1px #2B2B2B; box-shadow: 0 0 5px 1px #2B2B2B;}
	}
	
	
@media screen and (max-width:768px)
	{
		#nav { margin:20px 0px; display:block; width:100%; overflow:hidden;}
		#nav ul {margin:auto; padding:0px;}
		#nav li {list-style:none; display:inline;}
		#nav li a {padding:4px 10px 14px 25px; color:#000000; display:block; text-decoration:none; border-bottom:#e1e1e1 1px solid;  text-transform:uppercase;}
		#nav li a:hover {padding:4px 10px 14px 13px; color:#ffffff; border-left:#188fd1 12px solid; border-bottom:#e1e1e1 1px solid;}
		#nav li .static {padding:4px 10px 14px 13px; color:#ffffff; border-left:#188fd1 12px solid; border-bottom:#e1e1e1 1px solid; cursor:default;}
			#content .txtArea img {text-align:center; max-width:403px; width:100%; padding:10px;}		
	}
	
@media screen and (max-width:600px)
	{
		#header .logo {float:left; margin:20px 0px; display:block; overflow:hidden;}
		#header .logo img {width:auto; height:auto;}
		#nav {text-align:right;  margin:0px; width:100%; display:block;}
		#nav ul {margin:0px; padding:0px; text-align:left;}
		#nav li {list-style:none; display:inline;}
		#nav li a {padding:4px 10px 14px 25px; color:#000000; display:block; text-decoration:none; text-transform:uppercase; border-bottom:#e1e1e1 1px solid; text-align:left;}
		#nav li a:hover {padding:4px 10px 14px 13px; color:#ffffff; border-left:#188fd1 12px solid; border-bottom:#e1e1e1 1px solid; }
		#nav li .static {padding:4px 10px 14px 13px; color:#ffffff; border-left:#188fd1 12px solid; border-bottom:#e1e1e1 1px solid;  cursor:default;}
		
		#banner h1 {font-size:40px; font-family:arial; font-weight:normal; color:#ffffff; text-shadow: 0.9px 0.9px 1px #000; padding:30px 60px 0px 60px; max-width:845px; margin:0px auto; text-align:left; display:block; overflow:hidden; height:45px; -webkit-box-shadow: 0 0 5px 1px #2B2B2B; box-shadow: 0 0 5px 1px #2B2B2B; line-height:50px}
		#banner h1 img {width:100%; max-width:30%; height:auto; float:right; margin-top:-45px;} 
		#content .txtArea img {text-align:center; max-width:403px; width:100%; padding:10px;}
		
	}

	
@media screen and (max-width:480px)
	{	
	.col { 
		margin: 1% 0 1% 0%;
	}
		.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	}
	
@media screen and (max-width:320px)
	{
		.col { 
		margin: 1% 0 1% 0%;
	}
		.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	}