/*
Theme Name: Talent Gurus
Description: The current development theme for Talent Gurus. 
This theme was designed and Developerd by Sai People Solutions Inc(Naresh Rokkam and Mahendra)
Version: 2010 Version
Author: Sai People Solutions Team
	
*/
* { 
	padding: 0; 
	margin: 0;
}

body {
	margin: 0; 	padding: 0;
	font:12px Tahoma, Geneva, sans-serif;
	text-align:justify;
	line-height:18px;
	text-align: center;
	background:#f1f1f1;
}

body, div, span, h1, h2, h3, h4, h5, h6, a, font, img, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, img {
	margin:0px; 
	padding:0px;
	behavior: url(iepngfix.htc);
}

ol, ul {
	list-style: none;
}

/* images */
img {
	border: 0;
}

/*layout*/
#header-content, #footer-content, #content {
	width: 992px;	
}

/* header */
#header {
	background:url(../images/headerbg.jpg) repeat-x 0 0;
	height: 173px;
	text-align: left;	
}

#header-content {
	position: relative;
	margin: 0 auto; padding: 0;
}

#header .logo{
	width:360px;
	background:url(../images/logo.gif) no-repeat top left;
	height:114px;
	margin:20px 0 0px 0;
	padding:0px;
	float:left;
}

.live{
	float:left;
	width:259px;
	margin:34px 0px 0 0px;
	padding-left:120px;
}

.refer{
	float:right;
	width:223px;
	margin:34px 10px 0 0;
}

/*navigation*/	
#nav{
	float:left;
	margin:0px;
	padding-left:130px;
}

ul.nav {
	padding:0px;
	margin: 0;
	list-style: none;
	float: left;
	clear: left;
	width: 880px;
}

ul.nav li {
	float: left;
}

ul.nav li a {
	float: left;
	text-decoration: none;
	color: #000000;
	padding: 6px 15px 0 0;
	margin-right: 06px;
	font: 15px Corbel,lucida grande,"Lucida Grande",sans-serif;
}

ul.nav li a span {
	float: left;
	padding-right: 12px;
	display: block;
	margin-top: -6px;
	height: 32px;
}

ul.nav li a:hover {
 	color: #000000;
	background: url(../images/nav.gif) no-repeat top right;
}

ul.nav li a:hover span {
	background: url(../images/nav.gif) no-repeat top left;
}

ul.nav li a.current {
	background: url(../images/nav.gif) no-repeat top right;
 	color: #000000;
}

ul.nav li a.current span {
	background: url(../images/nav.gif) no-repeat top left;
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	background: url(../images/bodybg.jpg) repeat-x top left #fff;		
	width: 100%;
}

#content {
	text-align: left;	
	padding: 0; margin: 0 auto;		
}
.emphasisText1{
	width:632px;
	margin:10px 0;
	padding:5px 0;
	border-top:1px dashed #CCCCCC;
	border-bottom:1px dashed #CCCCCC;
}
.display1 {
	width:240px;
	float:left;
	margin-left:20px;
}
.display1 .text_in{
	width:240px;
	background:url(../images/box-bg.gif) top left repeat-y;
}
.display1 .text_in h3{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	background:#0B5E8A url(../images/h3.gif) 0 -1px no-repeat;
	height:21px;
	padding:8px 0 0 19px;
}
.display2 {
	width:190px;
	float:left;
}
.display2 .text_in2{
	width:190px;
	background:url(../images/rigt-boder.gif) top right repeat-y;
}
.display2 .text_in2 h4{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-left:1px solid #fff;
	text-transform:uppercase;
	background:#0B5E8A url(../images/h4.gif) top right no-repeat;
	height:21px;
	padding:8px 0 0 19px;
}
.display3 {
	width:170px;
	float:left;
}
.display3 .text_in2{
	width:170px;
	background:url(../images/rigt-boder.gif) top right repeat-y;
}
.display3 .text_in2 h4{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-left:1px solid #fff;
	text-transform:uppercase;
	background:#0B5E8A url(../images/h4.gif) top right no-repeat;
	height:21px;
	padding:8px 0 0 19px;
}
.box-ul {
	list-style-type:none;
}
.box-ul li {
	background:url(../images/li.gif) 0 5px no-repeat;
	margin:10px 0 0 20px;
	padding:0 10px 0 15px;
	line-height:15px;
}
.box-ul2 {
	list-style-type:none;
}
.box-ul2 li {
	background:url(../images/li.gif) 0 5px no-repeat;
	margin:10px 0 0 0px;
	padding:0 10px 0 15px;
	line-height:15px;
}

#left{
	float:left;
	width:361px;
}

#mid{
	width:600px;
	float:left;
	margin:0 0 0 15px;
}

#module1, #module2, #module3{
	border-left:dashed 1px #666666;
	width:190px;
	padding:0px 0px 0px 08px;
	float:left;
}

#module2{
	width:190px;
}

#module3{
	width:180px;
}

.img-left, .img-left1{ 
	float:left; 
	margin:15px 10px 0 0
}

.img-left1{ 
	margin:0px 10px 0 0
}
.img-left2{
	float:right;
	margin:15px 0px 0 10px
}
	

p.margin{
	margin:05px 20px 0 0;
	text-align:left;
}

.sidehead{
	color:#5e64b3;
	font-size:12px;
	font-weight:bold;
	padding-top:15px;
	text-decoration:underline;
}

.more, .more a, .more a:hover, .more1, .more1 a, .more1 a:hover{
	color:#7d7d7d;
	text-decoration:underline;
	font-weight:bold;
	padding:0px 18px 0 0;
}

.more1, .more1 a, .more1 a:hover{
	color:#5e64b3;
	padding:10px 0px 0 0;
}

.more a:hover, .more1 a:hover{
	text-decoration:none;
}

p.head{
	font:22px corbel, Tahoma, Geneva, sans-serif;
	color:#ca792b;
	text-decoration:underline;
}

.heading, .heading1{
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#a74c0f;
	font-weight:bold;
	margin:05px 0;
}

.heading1{
	margin:0;
	margin-bottom:08px;
}

p.line{
	border-top:dashed 1px #5e64b3;
	margin-top:10px;
	width:94%;
}

p.content{
	line-height:20px;
	text-align:justify;
	margin:06px 0;
}

p.content11{
	line-height:20px;
}

p.content3{
	line-height:20px;
	text-align:justify;
	margin:06px 10px;
	color:#ffffff;
	text-align:center;
}

p.head4{
	color:#4e517c;
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	padding:06px 0;
}

.more_txt, .more_txt a, .more_txt a:hover{
	font-size:12px;
	font-weight:bold;
	color:#4a4949;
	text-decoration:none;
	margin:0px; 
	padding:0 0 0 05px;
	}

.more_txt a:hover{
    color:#000000;
	}

/* main */
#main {
	margin: 10px 0; 
	padding: 0 270px 0 0;
}

/* footer */
#footer {
	clear: both;
	margin: 0; padding: 12px 0 0 0;
	background-color:#f1f1f1;
	font:12px lucida grande,"Lucida Grande",sans-serif;
	color:#000000;
	text-align: left;
	height:30px;
	margin-bottom:20px;
}

#footer-content {	
	margin: 0 auto;		
}

#footer-content a {
	font:12px lucida grande,"Lucida Grande",sans-serif;
	color:#000000;
	text-decoration:underline;
}

#footer-content a:hover {
	text-decoration: none;
}

#foot_txt{
	float:right;}
	
.white_txt{
	color:#ffffff;
	font-weight:bold;}
	
.copy{
	float:left;
	width:290px;
}

/*service pages*/
/* Sidebar */
#sidebar {
	float: left;
	width: 270px;
	padding: 0; margin: 10px 0 0 0;
	}
	
/*	Sub Navigation */	
#left-inside, #left-inside1{
	float:left;
	width:270px;
	margin-top:0px;
}

#left-inside1{
	margin-top:10px;
}

.submu-top, .submu-top_serv{
	background:url(../images/submu-top.png) no-repeat top left;
	height:12px;
	width:272px;
}

.submu-top_serv{
	background:url(../images/submu-top_serv.gif) no-repeat top left;
}

.submu-mid{
	background:url(../images/submu-mid.png) repeat-y top left;
	width:272px;
}

.submu-bot{
	background:url(../images/submu-bot.png) no-repeat top left;
	width:250px;
	height:12px;
}

.submenu {
	width: 270px;
	float: left;
}
	
.submenu ul li {
	width: 270px;
	height: 30px;
	margin-bottom: 5px;
}
	
.submenu ul li a {
	display: block;
	height: 21px;
	padding: 10px 0 30px 20px;
	text-decoration: none;
	color: #1e214d;
	font-size:12px;
	font-weight: bold;
	background:url(../images/offer_menu_normal.png) no-repeat 0 0;
}
	
.submenu ul li a:hover, .submenu ul li a:active {
	background:url(../images/offer_menu_active.png) no-repeat 0 0;
	padding-left:20px;
	color:#ffffff;
}
	
.submenu .on {
	background:url(../images/offer_menu_active.png) no-repeat 0 0;
	padding-left:20px;
	color:#ffffff;
}

/*content section*/
#inside-mid{
	width:700px;
	float:left;
	margin:0px 0 0 09px;
}

#topbg-inside{
	background:url(../images/topbg-inside.png) no-repeat top left;
	width:709px;
	height:85px;
	margin-top:10px;
}

#midbg-inside{
	background:url(../images/midbg-inside.png) repeat-y top left;
	width:709px;
}

#botbg-inside{
	background:url(../images/botbg-inside.gif) no-repeat top left;
	width:709px;
	height:21px;
	margin-bottom:10px;
}

p.content1{
	padding:05px 15px;
	line-height:16px;
	color:#1e214d;
}

p.content2{
	color:#1e214d;
	font-weight:bold;
	padding:05px 0;
}

p.insidehead, p.insidesp{
	color:#ca792b;
	font:18px corbel Tahoma, Geneva, sans-serif;
	padding:14px 0;
}

p.insidesp{
	color:#1e214d;
	padding:14px 0;
}

.head1{
	float:left;
	width: 400px;
	margin:10px 0 0 20px;
}

.head2{
	float:right;
	width: 250px;
	margin:10px 20px 0 0;
}

p.sphead{
	font:22px corbel, Tahoma, Geneva, sans-serif;
	color:#ca792b;
	margin:13px 0 0 0;
}

.image-left{
	width:250px;
	height:169px;
	margin:0px 10px;
	float:left;
}

.content-body{
	margin:0 10px 0px 10px;
	font:12px Tahoma, Geneva, sans-serif;
	line-height:18px;
}
	
ul.cont, ul.contservices, ul.cont1{
	margin:0px 0 0px 20px; 
	padding:0; 
	list-style:none;
}

ul.cont1{
	margin:05px 0 0px 310px; 
}

ul.cont li, ul.contservices li{ 
	background:url(../images/bullet.gif) top left no-repeat; 
	background-position:0 03px; 
	margin:0; 
	padding-left:28px; 
	text-decoration: none; 
	line-height:1.8em;
	color:#333;
}

ul.cont li a{ 
	text-decoration: none; 
	color:#333;
}

ul.cont li a:hover{ 
	text-decoration: underline; 
}

ul.services, ul.servicesland{
	margin:05px 03px 05px 25px; 
	padding:0; 
	list-style:none; 
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#655745;
}

ul.services li, ul.servicesland li{ 
	background:url(../images/star_bullet.gif) top left no-repeat; 
	background-position:0 0px; 
	margin:0; 
	padding:0 15px 20px 35px; 
	text-decoration: none; 
	line-height:2em;
}

ul.services li a{
	text-decoration: none; 
	color:#655745;
}

ul.services li a:hover{
	text-decoration: underline; 
	color:#514434;
}

ul.right{
	width:232px;
	margin:0px 03px 05px 12px; 
	padding:0; 
	list-style:none;
}
	
ul.right li{ 
	background:url(../images/bullet_orange.gif) top left no-repeat; 
	background-position:0 02px; 
	margin:0; 
	padding:0 15px 06px 24px; 
	text-decoration: none; 
	line-height:1.3em;
}		

.left-panel{
	margin-left:10px;
	width:230px;
	font:12px Tahoma, Geneva, sans-serif;
}
#topbg-inside1{
	background:url(../images/topbgbig-inside.png) no-repeat top left;
	width:962px;
	height:85px;
	margin-top:10px;
}

#midbg-inside1{
	background:url(../images/midbgbig-inside.png) repeat-y top left;
	width:962px;
}

#botbg-inside2{
	background:url(../images/botbgbig-inside.png) repeat-y top left;
	width:962px;
	height:21px;
	margin-bottom:10px;
}

#botbg-inside1{
	background:url(../images/botbg-inside.png) no-repeat top left;
	width:709px;
	height:21px;
}

/* web jquery */
#portfolio {
	width:680px;
	height:145px;
	margin:0px;
	position: relative;
	top: 0px;
	padding-left: 0px;
}

#arrow-left {
	margin:0;
	float:left;
}

#arrow-right {
	float:left;
	margin:0;
}

.arrow img {
	border:0px;
}

.stepcarousel{
	float:left;
	position: relative; /*leave this value alone*/
	border: none;
	overflow: scroll; /*leave this value alone*/
	width: 610px; /*Width of Carousel Viewer itself*/
	height: 145px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{ /*spacing in between left arrow and first img */
	position: absolute; /*leave this value alone*/
	left: 10px;
	top: 0px;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 06px 0 06px; /*margin around each panel*/
	width: 145px; /*Width of each panel holding each content. If removed, widths should be 	   individually defined on each content DIV then. */
}

.panel img {
	border:0px;
}

.portfolio-item {
	height: 212px;
	margin: 0 4px 0 0;
	float: left;
	background: url(../images/portfolio-bg.png) top left no-repeat;
	position: relative;
}

.portfolio-item img {
	margin: 0px 0 0 0px;
}

.portfolio-item .portfolio-item-desc {
	position: absolute;
	bottom: 10px;
	left: 1px;
	width: 180px;
	height:150px;
	padding: 10px 10px 10px 10px;
	background-color: #000;
}

/*services form*/
.formservice{
	background:url(../images/submu-mid.png) repeat-x top left;
	width:252px;
}

input.services,textarea.services,select.services{
	border-left: 1px solid #979797;
	border-top: 1px solid #979797;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	float: left;
	padding: 5px;
	margin: 1px;
	margin-bottom: 5px;
	width:120px;
}

label.services{
	float: left;
	width: 90px;
	font-weight: bold;
	color:#2a2829;
	padding-left:10px;
}

textarea.services{
	width: 120px;
	height: 80px;
}

#signup{
	margin:0px 0 0 105px; 
	width: 118px;
	height:33px;
	background:url(../images/submit.gif) no-repeat;
	border:0px;
	cursor:pointer;
}

.client, .clientcont{
	font-weight:bold;
	color:#333333;
	width:232px;
	margin:05px 10px;
	line-height:16px;
}

.clientcont{
	color:#000000;
	font-weight:normal;
}

/*contact us*/
input.contact,textarea.contact, select.contact{
	border-left: 1px solid #979797;
	border-top: 1px solid #979797;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	float: left;
	padding: 5px;
	margin: 1px;
	margin-bottom: 5px;
	width:239px;
}

input.captcha {
	border-left: 1px solid #979797;
	border-top: 1px solid #979797;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	float: left;
	padding: 5px;
	margin: 1px;
	margin-bottom: 5px;
	width:100px;
}

label.contact{
	float: left;
	width: 150px;
	font-weight: bold;
	color:#2a2829;
}

textarea.contact{
	width: 239px;
	height: 100px;
}
.boxes{
	width: 1em;
}

#submitbutton{
	margin: 5px 0 10px 284px; 
	width: 118px;
	height:33px;
	background:url(../images/submit.gif) no-repeat;
	border:0px;
	cursor:pointer;}

#submitbutton1{
	margin: 5px 0 10px 284px; 
	width: 118px;
	height:33px;
	background:url(../images/submit1.gif) no-repeat;
	border:0px;
	cursor:pointer;}
	
br{
	clear: left;
}

.star{
	color:#F00;
	font:16px Arial, Helvetica, sans-serif;
}

.bluebg{
	float:left; 
	width:753px; 
	height:140px; 
	background:#00589b;
}

.insideimg{
	width:239px; 
	float:left;
}

p.line1, p.line2{
	border-top:dotted 1px #ffffff;
	width:60%;
	margin:40px 0px 0 150px;
}

p.line2{
	margin:10px 0px 0 150px;
}
/* IMAGES */

img.icon {
  margin: 0 5px 0 0;
}

/* BOTTOM FIXED FOOTER STYLES */
#contactMe {
  position: fixed;
  bottom: 0px;
  left: 0px;
  height: 40px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  background: #333;
  overflow: hidden;
  z-index:1001;
}

#contactMe h3 {
  font-size: 1.5em;
  line-height: 40px;
  color: #fff;
  margin: 0;
}

#contactMe h3 a {
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 25px;
  background: url(../images/toggle-sprite.gif) 0px 0px no-repeat;
}

#contactMe h3 a.active {
  color: #888;
  text-decoration: none;
  background: url(../images/toggle-sprite.gif) 0px -24px no-repeat;
}

/* HIDDEN PANEL STYLES */
#ContactPanel {
  position: fixed;
  bottom: 40px;
  left: 0px;
  width: 100%;
  height: 240px;
  background: #333;
  display: none;
  color: #bbb;
  z-index:1000;
}

#ContactPanel #inside {
  width: 992px;
  margin: 0 auto;
  padding: 30px 0 0 0;
}

#ContactPanel button {
  float: right;
  font-size: 0.85em;
  color: #fff;
  margin: -10px 0 0 0;
  padding: 5px 6px;
  background: #dc0000;
  border: 3px solid #ac0000;
}

#ContactPanel button:hover {
  background: #ac0000;
  border: 3px solid #770000;
}

#ContactPanel h3 {
  font-size: 1.6em;
  color: #fff;
  margin: 0 0 25px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #181818;
}

#ContactPanel p {
  font-size: 1.0em;
  line-height: 1.5em;
  margin: 0 0 16px 0;
}

#ContactPanel p span {
  color: #666;
}

#ContactPanel p a {
  color: #fff;
  text-decoration: underline;
}

#ContactPanel p a:hover {
  color: #999;
  text-decoration: underline;
}

#ContactPanel address {
	float:left;
  margin: 0 0 30px 0;
  text-align:left;
}

#ContactPanel img.icon {
  margin: 0 10px 0 0;
}

#ContactPanel img.floatedIcon {
  float: left;  
  margin: -7px 0px 0 0;
}

a.imgg{
	margin-right:10px;
	color:#fff;
	text-decoration:none;
}

a:hover.imgg{
	color:#888;
}
	
.icons{
	background:url(../images/social-backgr.gif) no-repeat top left; 
	float:right; 
	width:500px; 
	height:196px; 
	padding:45px 0 0 0;
}

/*resources page*/


.a_links, .a_links a, .a_links a:hover{
	font:12px Arial, Helvetica, sans-serif;
	color:#323232;
	font-weight:bold;
	text-decoration:none;
	margin-right:40px;
}

.a_links a:hover{
	text-decoration:underline;
}

/*add link*/
.box_add{
	height:23px; 
	background:#ebeaea; 
	font:14px; 
	font-weight:bold; 
	color:#444444; 
	padding:06px 0 0 08px;
}
/*contact us*/
input.add,textarea.add, select.add{
	border-left: 1px solid #979797;
	border-top: 1px solid #979797;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	float: left;
	padding: 5px;
	margin: 1px;
	margin-bottom: 5px;
	width:239px;
	text-decoration:none;
}

label.add{
	float: left;
	width: 150px;
	color:#2a2829;
	text-decoration:none;
}

textarea.add{
	width: 239px;
	height: 100px;
}
img, div { behavior: url(iepngfix.htc) }


/*----------------New Modifications--------------*/
ul.webbox{
	list-style-type:none; width:668px; float:left; padding:0 0 15px  0;
}
ul.webbox li {
	background:url(../images/li.gif) 0 5px no-repeat;
	margin:10px 0 0 20px;
	padding:0 15px 0 15px;
	line-height:15px; width:170px; float:left;
}

/*--------------portfoli pages-------------------*/

.portfolio_bg{
		padding:0 0 10px 0; float:left;
		width: 709px;  margin:0px; 
		}

	#portfolio_bg1 {
		padding:10px 10px 0 10px; float:left;
		width: 689px;  margin:0px; 	 
	}
	#portfolio_bg1 ul{
		 padding:0px; margin:0px; float:left; width:689px;  
	}
	#portfolio_bg1 ul li{
		width:190px; height:159px; background:url(../images/Portfolio_bg.png) 0 0 no-repeat;  float:left;  margin:0 0 10px 20px; padding:6px 6px 0 6px; 
}

	#portfolio_bg1 ul li img{
	}
	#portfolio_bg1 ul li a{
		border:none;
	}
	
	a.portfoliolink{
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#a74c0f;
	font-weight:bold;
	margin:05px 0; text-decoration:underline;
}