/*
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)
Version: 2010 Version
Author: Sai People Solutions Team	
*/

/*Common Styles*/
html, body {
	font:13px lucida grande,"Lucida Grande",sans-serif;
	background:#d9d9d9;
	color:#3d3c3c;
	line-height:20px;
}

img{
	border:0
}

body, div, p, 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 {
	margin:0px; 
	padding:0px;
}

ol, ul {
	list-style: none;
	margin:0px;
}

/*layout styles*/
.bg{
	background:#ffffff;
}

.topline{
	background:#747474;
	height:04px;
}

p.line{
	border-top: 1px dashed #535353;
}

/*logo*/
.logo{
	padding:05px 0 05px 0;
}

/*Navigation*/
.nav_lft{
	background-image:url(../images/nav_lft.gif);
	background-repeat:no-repeat;
	width:12px;
	height:57px;
}

.nav_cen{
	background-image:url(../images/nav_cen.gif);
	background-repeat:repeat-x;
	height:45px;
}

.nav_rt{
	background-image:url(../images/nav_rt.gif);
	background-repeat:no-repeat;
	width:12px;
	height:57px;
}

ul.nav {
	margin: 0;
	list-style: none;
	float: left;
	clear: left;
}

ul.nav li {
	float: left;
}

ul.nav li a {
	float: left;
	text-decoration: none;
	color: #2a2829;
	padding:20px 12px 0px 08px;
	margin-right: 12px;
	font: 900 13px lucida grande,"Lucida Grande",sans-serif;
}

ul.nav li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -6px;
	height: 30px;
}

ul.nav li a:hover {
 	color: #ff5400;
}

ul.nav li a:hover span {
	color: #ff5400;
}

ul.nav li a.current {
	color: #ff5400;
}

ul.nav li a.current span {
	color: #ff5400;
}

/*body section*/
.flash{padding:05px 0 0 04px;}

.wel_mod{
	padding:05px 10px 0 10px;
}

.welcome{
	font:19px Trebuchet MS;
	color:#ff7e00;
	padding-left:05px;
}

.welc, .welc a, .welc a:hover{
	font:19px Trebuchet MS;
	color:#ff7e00;
	padding:10px 0 0 06px;
	text-decoration:none;
}

.welc a:hover{
	font:19px Trebuchet MS;
	color:#24285e;
	text-decoration:underline;
}

.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;
	}

.va_mod{
	padding:06px 0 06px 10px;
}

.va_head{
	background:url(../images/va_head.gif) no-repeat top left;
	width:285px;
	height:38px;
}

.seo_head{
	background:url(../images/seo_head.gif) no-repeat top left;
	width:285px;
	height:38px;
}

.web_head{
	background:url(../images/web_head.gif) no-repeat top left;
	width:285px;
	height:38px;
}

.mod_mid{
	background:url(../images/mod_mid.gif) repeat-y;
}

.mod_bot{
	background:url(../images/mod_bot.gif) repeat-y;
	width:285px;
	height:10px;
}

p.jq{margin:06px 15px 05px 10px;}

/* va_jq */

.marquee{padding:0px 20px 10px 12px;}

/*Face Book and Twitter*/
#widget {
	position: fixed;
	z-index: 1;
	right: 0;
	top: 160px;
	width: 64px;
}
#widget a {
	display: block;
	text-indent: -9999px;
	height: 195px;
	width: 64px;
}
#widget a#twitter {
	background:url(../images/twitter12.png) no-repeat left top;
	width:64px;
	height:70px;
}
#widget a#facebook {
	background: url(../images/facebook.png) no-repeat left top;
	width:64px;
	height:70px;
}

#widget a#youtube {
	background: url(../images/youtube.png) no-repeat left top;
	width:64px;
	height:70px;
}

#widget a#linkedin {
	background: url(../images/linkedin.png) no-repeat left top;
	width:64px;
	height:70px;
}

/*footer*/
.bg_foot{
	background:#747474;
}

.foot_txt, .foot_txt a, .foot_txt a:hover{
    color:#ffffff;
	font-size:12px;
	text-decoration:none;
	padding-top:06px;
}

.foot_txt a:hover{
    color:#cbcaca;
    text-decoration:underline;
}

.footer{
	color:#bebebe;
	font-size:12px; 
}

.highlight, .highlight a, .highlight a:hover{
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ff6600;
	font-weight:bold;
	text-decoration:none;
}

.highlight a:hover{
	color:#514eb8;
}

.highlightcall{
	font:14px;
	color:#ff6600;
	font-weight:bold;
}

/*Inside pages*/
.box_pad{
	padding:05px 0 0 07px;
}

p.content{
	padding:06px 0 0 0;
}

p.index{
	padding:06px 0px 0 06px;
}

h1.inside{
	color:#ff7e00;
	font:18px 'Meta Serif Bold', 'Lucida Bright', Cambria, Georgia, serif;
}

.box_top{
	background:url(../images/body_box_top.gif) top left no-repeat;
	width:900px;
	height:10px;
}

.box_mid{
	background:url(../images/body_box_mid.gif) top left repeat-y;
	width:900px;
	padding:0 10px 0 10px;
}

.lft_mod{
	padding:0 0px 0 0px;
}

.box_bot{
	background:url(../images/body_box_bot.gif) top left no-repeat;
	width:900px;
	height:12px;
}

p.head, p.head a{
	color:#4e517c;
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

p.head a:hover{
	color:#ffffff;
	background:#4e517c;
}

.inhead{
	margin:0 0 0 08px;
}

ul.cont, ul.contservices{
	margin:05px 0 05px 20px; 
	padding:0; 
	list-style:none;
}

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
}

/*Inside page right module*/
.rt_mod, .rt_cont_mod, .rt_cont_mod1, .rt_del{
	background:url(../images/box_top.gif) no-repeat top left;
	width:239px;
	height:36px;
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:06px 0 0 06px;
	color:#ffffff;
}

.rt_modmid{
	background:url(../images/box_mid.gif) repeat-y;
	width:239px;
}

.rt_del{
	background:url(../images/del_top.gif) no-repeat top left; 
	padding:05px 0 0 06px;
	width:239px;
	height:36px;
}

.rt_modbot{
	background:url(../images/box_bot.gif) no-repeat;
	width:239px;
	height:33px;
}

ul.right{
	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;
}

/*Delivery*/
.img_del{
	padding:02px 0 0 10px;
}

/*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;
}

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 315px; 
	width: 79px;
	height:26px;
	background:url(../images/submit.gif) no-repeat;
	border:0px;
	cursor:pointer;}
	
br{
	clear: left;
}

.star{
	color:#F00;
	font:16px Arial, Helvetica, sans-serif;
}

.rt_cont_mod{
	background:url(../images/contbox_top.gif) no-repeat top left;
	height:36px;
}

.rt_cont_mod1{
	background:url(../images/contbox_top1.gif) no-repeat top left; 
	padding:0px 0 0 06px;
	height:36px;
}

.contact_txt{
	background:url(../images/cont_mid.gif) repeat-y top left; 
	padding:0px 0 10px 30px;
}

.contact_bot{
	background:url(../images/cont_bot.gif) no-repeat top left;
	width:366px;
	height:31px;
}

.contactac_txt, .contactac_txt a, .contactac_txt a:hover{
	text-decoration:none;
	color:#4A4949;
	font-weight:bold;
}

.contactac_txt a:hover{
	text-decoration:underline;
}

/*sub pages*/
.divhead, .divhead1{
	font:16px lucida grande,"Lucida Grande",sans-serif;
	color:#ff8300;
	font-weight:bold;
	line-height:20px;
	padding:08px 0 06px 06px;
}

.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;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
}

.sp_txt, .sp_txt a, .sp_txt a:hover{
	color: #fff;
	padding: 0;
	font-size:14px;
	font-weight:bold;
}

div.portfolio-item-desc{
	display:none;
}

.normal_txt{
	color: #fff;
	padding: 0 0 0 10px;
}
.divhead1{
	padding:08px 0 06px 14px;
}

/*inside form*/
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 175px; 
	width: 56px;
	height:20px;
	background:url(../images/signup.gif) no-repeat;
	border:0px;
	cursor:pointer;
}

ul.services, ul.servicesland{
	margin:05px 03px 05px 25px; 
	padding:0; 
	list-style:none; 
	font:15px "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;
}

.client{
	font-weight:bold;
	color:#655745;
}

.mail, .mail a, .mail a:hover {
background:#e25507;
color:#ffffff;
margin:0;
padding:02px 15px;
text-decoration:none;
}

.mail a:hover {
	background:#655745;
}

.img-left{ float:left; margin:05px 0px 0 0}

.title-page{ 
	float:left; 
	margin:28px 0px 0 06px;
}

.back-page{ 
	float:right; 
	margin:28px 0px 0 06px;
}

.contact_txt{
	background:url(../images/cont_mid.gif) repeat-y top left; 
	padding:0px 0 10px 30px;
}

ul.servicesland{
	margin:10px 03px 0px 15px; 
	font-weight:bold;
}

ul.servicesland li{
	margin:0px 03px 0px 25px; 
}

 ul.contservices{
	margin:0px 0 0px 70px; 
}

ul.contservices li{ 
	background-position:0 05px; 
	padding-left:28px; 
	line-height:2.2em
}

ul.contservices li a{
	text-decoration: none; 
	color:#655745;
}

ul.contservices li a:hover{
	text-decoration: underline; 
	color:#514434;
}

p.headin{
	font-weight:bold;
	padding:05px 0 0 0;
}

/*Tag Cloud*/
.tagcloud{font-family:Arial, Helvetica, sans-serif; text-align:left;}
.tagcloud li{padding:0;text-indent:0;background-image:none;border:0;margin:0;}
.tagcloud ul{padding:0;text-indent:0;background-image:none;border:0;margin:0; list-style: none;}
.tagcloud a{padding:0;margin:0;line-height:25px;text-decoration:none; color:#655745;}
.tagcloud a:hover{text-decoration:none;}
.tagcloud a:active,.tagcloud a:focus{text-decoration:none;}

/* edu jquery */
#portfolio {
	width:570px;
	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: 518px; /*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: 15px;
	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: 171px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel img {
	border:0px;
}
.contact1_txt, .contact1_txt a, .contact1_txt a:hover{
	text-decoration:none;
	color:#ff7c00;
	font-weight:bold;
	padding-left:02px;
}

.contact1_txt a:hover{
	color:#000000;
}

.box{
	background:#eeeeee;
	border:solid 1px #e2e2e1;
}

/*scroll*/
html{
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #7a82a4;
scrollbar-dark-shadow-color: #000000;
scrollbar-track-color: #ffffff;
}