body {
	background:#fff url(../images/body-bg.jpg) repeat-x left top;
	margin:0 auto;
	padding:0;
}
td, p, div {
	font-family:verdana;
	font-size:9pt;
	color:#454545;
	line-height:1.7em;
	letter-spacing:0.02em;
}
a {
	color: #2898db;
	text-decoration: none;
}
a:link {
	color: #2898db;
	text-decoration: none;
}
a:visited {
	color: #2898db;
	text-decoration: none;
}
a:hover {
	color: #6d9601;
	text-decoration: none;
}
h1 {
	font-size:22px;
	color:#2898db;
	font-family:"Trebuchet MS";
	padding-bottom:10px;
	margin:0;
	line-height:30px;
}
h2 {
	font-size:17px;
	color:#2898db;
	font-family:"Trebuchet MS";
	padding-bottom:10px;
	margin:0;
	font-weight:normal;
}
h3 {
	font-size:12px;
	color:#22b6f1;

	padding-bottom:10px;
	margin:0;
	text-decoration:underline;
	font-weight:bold;
}
.pagewidth {
	width:1000px;
	margin:0 auto;
	padding:0;
}
/*---top css start---*/
#topbg {
	height:133px;
}
#topbg h1 a {
	background:url(../images/infocus-logo.jpg) no-repeat left top;
	width:389px;
	height:81px;
	display:block;
	margin:25px 0 0 5px;
}
#topbg h1 span {
	display:none;
}
.toplink {
	background:url(../images/toplink-bg.jpg) no-repeat left top;
	width:353px;
	height:38px;
	padding:0 10px 0 22px;
	margin-right:15px;
}
.toplink a:link, .toplink a:visited {
	color:#2898db;
	font-family:"Trebuchet MS";
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.toplink a:hover {
	color:#6d9601;
	text-decoration:none;
}
.toplink .span-1 {
	width:40px;
	padding-top:7px;
}
.toplink .span-2 {
	width:2px;
	padding-top:8px;
}
.toplink .span-3 {
	width:140px;
	padding-top:8px;
}
.toplink .span-4 {
	width:167px;
	padding-top:0px;
}
.toplink .phone {
	font-size:20px;
	font-family:"Trebuchet MS";
	color:#000000;
	font-weight:600;
}


.callback {position: absolute; visibility: hidden; border: 5px solid #2898db; background-color: white; width: 280px; padding: 8px; top: 0pt; left: 0pt; z-index:1000;}
.callback .span-1 {width:70px; height:35px;}
.callback .span-2 {width:210px; height:35px;}

/*---top css start---*/

/*---Navigation css start---*/

.menu {
	width:600px;
	height:29px;
	position:relative;
	z-index:100;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:600px;
	w\idth:600px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:220px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:100px;
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:100px;
	height:29px;
	border:0px solid #7caa01;
	line-height:29px;
	font-weight:normal;
}
.menu li a, .menu li a:visited{
	text-align:center;
}

.menu li li a, .menu li li a:visited{
	text-align:left;
	line-height:31px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:100px;
	w\idth:100px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#000;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
	background:none;
}
.menu ul ul :hover > a.drop {
	background:none;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#699001;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#699001;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:27px;
	left:0;
	width:220px;
	height:300px;
	display:block;
	text-align:left;
	
}
.menu ul ul .bdrtop {border-top:1px solid #7caa01; width:242px;}
.menu ul ul li {
	width:220px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:29px;
	t\op:29px;
}
/* position the third level flyout menu */
.menu ul ul ul {
	left:100px;
	top:-1px;
	width:100px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-100px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#699001;
	color:#fff;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:220px;
	border-width:0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:220px;
	w\idth:220px;
}
/* style the top level hover */
.menu li a:hover, .menu ul ul a:hover{
	color:#fff;
	background:url(../images/menu-hover.gif) no-repeat left center;
	text-decoration:none;
}
 .menu ul ul a:hover{
	color:#fff;
	background:#5f8300;
	text-decoration:none;
}

.menu :hover > a {
	color:#fff;
	background:url(../images/menu-hover.gif) no-repeat left center;
	text-decoration:none;
}
.menu ul ul :hover > a {
	color:#fff;
	background:#5f8300;
	text-decoration:none;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
/*---Navigation css end---*/

/*---header css start---*/
#headerbg {
	background:url(../images/header-bg.jpg) no-repeat center top;
	margin:0 auto;
	padding:0;
	height:356px;
	
	
}
/*---header css end---*/

/*---Mid css start---*/

.mainmiddle {
	
	padding:0 0 18px 0;
	display:table;
	margin:0 auto;
	
	min-height:250px;
}
.mid {
	width:736px;
	padding:30px 0 10px 0;
	margin-right:28px;
	_margin-right:10px;
	margin-left:3px;
}

.bullet ul  {margin:0; padding:0; list-style:none;}
.bullet li {list-style:none; background:url(../images/arw-green.gif) no-repeat left top; padding-left:15px; margin-left:15px; margin-top:8px;}
/*---Mid css end---*/

/*---Rightpart css start---*/
.rightpart {
	width:227px;
	padding-top:30px;
	margin-right:0;
}
.rightpart h3 {
	font-size:17px;
	color:#444444;
	font-family:"Trebuchet MS";
	padding-bottom:10px;
	padding-left:30px;
	margin:0;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	background:url(../images/arrow-round.gif) no-repeat left 15%;
	letter-spacing:0.03em;
}
.blockcalltop {
	background:url(../images/block-call-top.jpg) no-repeat left top;
	width:217px;
	height:30px;
	padding:9px 0 0 10px;
}
.blockcallmid {
	background:url(../images/block-call-mid.jpg) repeat-y left top;
	width:215px;
	padding:12px 0 0 12px;
}
.blockcallmid div {
	padding-bottom:7px;
}
.expertbg {
	background:url(../images/expert-bg.jpg) no-repeat left top;
	height:244px;
	width:211px;
	padding:9px 8px 0 8px;
	*padding:9px 4px 0 8px;
	*width:215px;
}

.expertlogo{
	background:url(../images/expert-logo-bg.gif) no-repeat left top;
	height:159px;
	width:211px;
	text-align:left;
	padding:40px 0 0 15px;
	*padding:40px 0 0 7px;
}
/*Expertise in css End*/
#pscroller2{
width: 176px;
height: 120px;
left:0; top:0;
}

/*Expertise in css End*/

/*---Leftpart css end---*/


/*---footer css start---*/
#footerbgmain {
	background:#749913 url(../images/footer-bg.jpg) repeat-x left top;
	margin:0 auto;
	padding:0;
}
.footerbg {
	background:url(../images/footer-imgbg.gif) no-repeat center 226px;
	margin:0 auto;
	padding:0;
}

.footer {
	border-top:2px solid #345300;
	background:#658801;
	padding:10px 15px 0 15px;
	color:#fff;
	display:table;
	*height:203px;
}
.footer .span-1 {
	width:330px;
}
.footer .span-2 {
	width:310px;
}
.footer .span-3 {
	width:440px;
}
.footer h2 {
	color:#fff;
	font-size:20px;
	padding-bottom:10px;
	font-weight:normal;
	font-family:"Trebuchet MS";
}
.footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
.footer li {
	list-style:none;
	background:url(../images/arrow-white.gif) no-repeat left top;
	padding-left:15px;
	color:#fff;
	margin-top:5px;
}
.footer li a:link, .footer li a:visited {
	text-decoration:underline;
	color:#fff;
}
.footer li a:hover {
	text-decoration:none;
	color:#fff;
}
.footerbg a:link, .footerbg a:visited {
	color:#fff;
	text-decoration:none;
}
.footerbg a:hover {
	color:#d1f375;
	text-decoration:none;
}
.testimonialbg {
	background:url(../images/testimonial-bg.jpg) no-repeat left top;
	width:286px;
	height:107px;
	padding:8px 11px 35px 11px;
}
/*---footer css end---*/

.contactspan-1 {
	width:260px; margin-right:8px;
}
.contactspan-2 {
	width:400px; border-left:1px dashed #cacaca; padding-left:8px
}

/*---grid css start---*/

.span-1 {
	width:400px;
}
.span-2 {
	width:600px;
}
.span-3 { width:350px;}

.span-text {width:120px; padding:4px 5px 7px 0;}
.span-input {width:270px; padding-bottom:7px;}

.paddingtop {
	padding-top:20px;
}
.paddingtop12 {
	padding-top:12px;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.aligncenter {
	text-align:center;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.justify {
	text-align:justify;
}
.clear {
	clear:both;
}
/*---grid css end---*/


/*---font css start---*/
.fontsmall {
	font-size:11px;
}
.fontgray {
	color:#555;
}
.fontgreen {
	color:#405601;
}
.fontwhite {
	color:#fff;
}
/*---font css end---*/

.hline {
	background: url(../images/hline.gif) repeat-x left top;
}
.brdtop {
	border-top: 1px solid #6e9507;
	margin-top:10px;
}
img {
	border:0;
}
/*---form css start---*/
.required {
	color:#FF0000;
}
.button {
	background:#00aaee;
	padding:5px 12px;
	color:#fff;
	font-size:14px;
	border:2px solid #017bab;
	font-weight:bold;
}
form {
	padding:0;
	margin:0;
}
select {
	border: #49635c 1px solid;
	padding:2px;
}
input[type="text"], input[type="password"], input.text {
	
	background:url(../images/input.gif) repeat-x scroll 0 0px;
	border:1px solid #dbdbdb;
	color:#383838;
	display:block;
	font-family:"lucida grande", "lucida sans unicode", "trebuchet ms", verdana, sans-serif;
	font-size:12px;
	
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:23px;
	line-height:19px;
	margin:2px 0 0 0;
	padding:2px 3px;
	width:auto;
}
input[type="text"]:focus, input[type="password"]:focus, input.text:focus {
	color:#383838;
	border:1px solid #bcbcbc;
}
textarea {
	
	background:url(../images/textarea.gif) repeat-x left bottom;
	border:1px solid #dbdbdb;
	font-family:"lucida grande", "lucida sans unicode", verdana, sans-serif;
	font-size:13px;
	
	
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:19px;
	margin:2px 0 0 0;
	padding:2px 3px;
}
textarea:focus {
	border:1px solid #bcbcbc;
}
select {
	background-color:#fff;
	border:1px solid #dadada;
	font-size:13px;
	font-weight:bold;
	margin:8px 0 0 0;
	padding:0;
	width:auto;
}
input[type="checkbox"], input[type="radio"], input.checkbox, input.radio {
position:relative;
height:20px; top:0.22em;
}
/*---form css end---*/


/************************************************
	      JCAROUSEL LITE Start	
************************************************/
#list {
	height:108px;
	width:738px;
	margin:5px auto;
	background:url(../images/portfolio-bg.jpg) repeat-x left top;
}
.slider {
	float:left;
	left: -5000px;
	margin:15px 6px;
	position:relative;
	visibility:hidden;
}
.slider ul {
	height:78px;
	width:670px;
}
.slider ul li {
	padding:0 8px;
}
.slider ul li img {
	cursor:pointer;
	height:78px;
	width:150px;
}
.prev {
	cursor:pointer;
	float:left;
	padding-top:45px;
	background:url(../images/portfolio-prev-bg.jpg) no-repeat left top;
	width:30px;
	height:63px;
	text-align:center;
}
.next {
	cursor:pointer;
	float:right;
	padding-top:45px;
	background:url(../images/portfolio-next-bg.jpg) no-repeat right top;
	width:30px;
	height:63px;
	text-align:center;
}
/************************************************
	      CAPTIFY CAPTION		
************************************************/
.caption-top, .caption-bottom {
	background: #000000;
	color: #ffffff;
	cursor:default;
	padding:2px;
	font-size:11px;
	text-align:center;
}
.caption-top {
	border-width:0px;
}
.caption-bottom {
	border-width:0px;
}
.caption a, .caption a {
	background:#000;
	text-decoration:none;
	padding:2px;
}
.caption a:hover, .caption a:hover {
	background:#202020;
	text-decoration:none;
}
/*Accordian css Start*/

/* hide container until all is ready */
.test2 {
	display: block;
}

/*Main Container*/
.container {
	width:758px;
	_width:738px;
	background:url(../images/accodian-bg.jpg) no-repeat left top;
	height:250px;
	display:block;
	margin:0PX;
	padding:0 8px 0 8px;
	
}

.container ul {
	list-style-type: none;
	margin: 0;
	padding:0;
}
.container li {
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding: 10px 0;
	margin:0;
	float: left;
	width:618px;
	height: 220px;
	overflow:hidden;
}

	
.contentWrapper {
}
.contentInnerWrapper {
	text-align: justify;
	padding:0 10px;
}
.contentWrapper h3 {
	
	color:#2898db;
	font-family:verdana;
	font-size:15px;
	padding-left:30px;
	padding-bottom:10px;
	margin:0;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/arrow-round.gif) no-repeat left 15%;
	letter-spacing:0.03em;
}
/* Handle*/
.handle {
	float: left;
	width: 35px;
	height: 248px;
	margin: 0px;
	background:  url(../images/blade.jpg) no-repeat;
	text-align:center;
	padding:12px 0 0 0;
	cursor:pointer;
}
.handleOver {
	background: url(../images/blade.jpg) no-repeat;
}
.handleSelected {
	background: url(../images/blade.jpg) no-repeat; cursor:default;
	_margin-left:20px;
}


/*Accordian css End*/

/*Testimonial css Start*/

#quotes{
	background:url(../images/testimonial-bg.jpg) no-repeat left top;
	font-size:14px;
	font-weight:normal;
	color:#666;
	width:288px;
	height:135px;
	margin:0 auto;
	padding:15px;
	position:relative;
}

#author{
	color:#fff;
	position:absolute;
	bottom:0px;
	right:20px;
}

/*Testimonial css End*/



/*---------- bubble tooltip Start -----------*/
.messanger {
	width:290px;
	padding-top:14px;
	margin-right:15px;
}

a.tt{
    position:relative;
    z-index:700;	
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:700; color: #aaaaff;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:-130px;
	padding: 0;
	width:177px;
	color: #454545;
	font-size:11px;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	*margin:0;
	*margin-top:30px;
	padding: 30px 0 0 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 0; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 0 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}

/*---------- bubble tooltip End -----------*/






/*sauabh 17-06-2010*/
.hire-php-web-top {background:url(../images/hire-php-web-top.gif) left top no-repeat; height:4px;}
.hire-php-web-midal {background:url(../images/hire-php-web-midal.gif) left top repeat-y; height:219px;}
.hire-php-web-botum {background:url(../images/hire-php-web-botum.gif) left top no-repeat; height:20px;}
.width-242 {width:242px; float:left;}
.mar-4 {margin-right:4px;}
.hire-php-web-midal p {color:#228bcf; font-weight:bold; font-size:16px; font-family:Helvetica; margin:10px 5px 0px 10px; padding:0px; line-height:normal;}
.hire-php-web-midal ul  {margin:10px 0px 10px 0px; padding:0; list-style:none;}
.hire-php-web-midal li {list-style:none; background:url(../images/arw-green.gif) no-repeat left top; padding-left:15px; margin-left:10px; margin-top:0px;}


.bt1h, .bt2h, .bt3h, .bt4h {font-size:1px; overflow:hidden; display:block;}
.bt1h {height:1px; background:#f4f4f4; margin:0 5px;}
.bt2h {height:1px; background:#f8fbfd; border-right:2px solid #f4f4f4; border-left:2px solid #f4f4f4; margin:0 3px;}
.bt3h {height:1px; background:#f8fbfd; border-right:1px solid #f4f4f4; border-left:1px solid #f4f4f4; margin:0 2px;}
.bt4h {height:2px; background:#f8fbfd; border-right:1px solid #f4f4f4; border-left:1px solid #f4f4f4; margin:0 1px;}
.btheadh {background:#f8fbfd; border-right:1px solid #f4f4f4; border-left:1px solid #f4f4f4; padding:4px 10px 10px 10px; display:table; min-height:50px;}
.btheadh ul  {margin:0; padding:0; list-style:none;}
.btheadh li {list-style:none; background:url(../images/arw-green.gif) no-repeat left top; padding-left:15px; margin-left:10px; margin-top:8px; float:left; width:310px;}


hr { border:1px dotted #eaeaea; margin:10px 0;}


.span-applytext {width:210px; padding:4px 5px 7px 0;}
.span-applyinput {width:490px; padding-bottom:7px;}