/* CSS Document */
body
{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#735c5c;
}
a{
	text-decoration:none;
	color:#333;
}
.mq
{
	direction:ltr;
}
a:hover{
	text-decoration:none;
	color:#0981cb;
}
a.viewmore
{
	background-image:url(../images/viewmore.gif);background-repeat:no-repeat;
	height:112px;width:24px;float:left;
}
a.viewmore:hover
{
	background-image:url(../images/viewmore-hover.gif);background-repeat:no-repeat;
	height:112px;width:24px;float:left;display:block;
}
.main-outer
{
	width:990px;
	height:auto;
	margin:0px auto;
}
#main
{
	width:903px;
	background-image:url(../images/main-bg.gif);
	background-repeat:repeat-y;
	padding:0px 45px 0px 44px;
	float:left;
}
#main #header{
height:60px;
width:100%;
}

#header .top-shadow
{
background-image:url(../images/top-shadow.gif);
background-repeat:repeat-x;
width:100%;
height:19px;
float:left;
}
#header .logo
{
	height:auto;
	width:auto;
	float:left;
}
#header .livesupport
{
	height:auto;
	width:auto;
	padding-right:10px;
	float:right;
}
#header #top-nav
{
	width:100%;
	height:26px;
	z-index:1;
	float:left;
	color:#F75A00;
	padding-top:10px;
	background-image:url(../images/nav-topbg.gif);
	background-repeat:repeat-x;
	font-size:12px;
	text-align:center;
}
#header #top-nav a.topnav
{
	color:#EF2D2D;
	text-decoration:none;
	padding:3px 19px 3px 19px;
	font-weight:bold;
	background-image:url(../images/nav-topbg-hover.gif);
	background-repeat:repeat-x;
	border:solid 1px #e6e6e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#header #top-nav a.topnav:hover
{
	color:#04A6E0;
	font-size:13px;
	border-top:solid 2px #04A6E0;
	background-image:url(../images/nav-topbg-hover.gif);
	background-repeat:repeat-x;
	text-decoration:none;
}
#imgarea
{
	height:184px;
	width:100%;
	float:left;
}
#imgarea .img
{
	background-repeat:no-repeat;
	height:138px;
	float:left;
	width:903x;
}
.auto{
float:left;
height:43px;
width:903px;
}
#imgarea #nav		{list-style: none; width: 903px; list-style-type: none; padding: 0px; margin: 0px;float:left;}
#imgarea #nav a:link	{text-decoration: none; font-family: arial; font-size: 12px; color: #735c5c; line-height: 42px; width: 100%; height: 42px; display: block;}
#imgarea #nav a:hover	{text-decoration: none; font-family: arial; font-size: 12px; color: #735c5c; line-height: 42px; width: 100%; height: 42px; display: block;color:#EF2D2D;}
#imgarea #nav a:visited	{text-decoration: none; font-family: arial; font-size: 12px; color: #735c5c; line-height: 42px; width: 100%; height: 42px; display: block;}
.menu1 		{text-align: Left;padding-left:45px; line-height: 42px; width: 107px; height: 42px; float: left; background-image:url(../images/outsourcing.gif); background-repeat: no-repeat;float:left;}
.menu1 a:hover	{text-align: Left;line-height: 42px; width: 107px; height: 42px; float: left; float:left;}
.menu2 		{text-align: left;padding-left:45px; line-height: 42px; width: 136px; height: 42px; float: left; background-image:url(../images/development.gif); background-repeat: no-repeat;float:left;}
.menu2 a:hover	{text-align: left; line-height: 42px; width: 181px; height: 42px; float: left; float:left;}
.menu3		{text-align: left;padding-left:49px; line-height: 42px; width: 160px; height: 42px; float: left; background-image:url(../images/ecommerce.gif); background-repeat: no-repeat;float:left;}
.menu3 a:hover	{text-align: left; line-height: 42px; width: 209px; height: 42px; float: left; float:left;}
.menu4		{text-align: left;padding-left:45px; line-height: 42px; width: 123px; height: 42px; float: left; background-image:url(../images/webdesigning.gif); background-repeat: no-repeat;float:left;}
.menu4 a:hover	{text-align: left; line-height: 42px; width: 168px; height: 42px; float: left;float:left;}
.menu5		{text-align: left;padding-left:48px; line-height: 42px; width: 145px; height: 42px; float: left; background-image:url(../images/webmarkiting.gif); background-repeat: no-repeat;float:left;}
.menu5 a:hover	{text-align: left; line-height: 42px; width: 193px; height: 42px; float: left; float:left;}
#imgarea #news{
background-image:url(../images/newsbg.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-top:10px;
height:25px;
width:903px;
float:left;
}
#workarea
{
	width:903px;
	float:left;
}
#maincont
{
	height:255px;
	width:886px;
	float:left;
	padding:15px 0px 0px 15px;
}
#hwwework
{
	height:255px;
	width:343px;
	float:left;
}
#contact-box
{
	width:337px;
	float:left;
	height:141px;
	padding-left:5px;
}
#contact-box .top
{
	width:325px;
	float:left;
	height:34px;
	background-image:url(../images/contact-box-top.gif);
	background-repeat:no-repeat;
		
	color:#735c5c;
	font-size:18px;
	padding:8px 0px 0px 12px;
}
#contact-box .mid
{
	width:315px;
	float:left;
	height:85px;
	background-image:url(../images/contact-box-mid.gif);
	background-repeat:repeat-y;
	padding:0px 0px 0px 22px;
}
#contact-box .botam
{
	width:337px;
	float:left;
	height:13px;
	background-image:url(../images/contact-box-bottom.gif);
	background-repeat:no-repeat;	
}
.hom-portfolio-img
{
	width:219px;
	height:109px;
	float:left;
	padding:1px 0px 0px 5px;	
}
.freequote
{
	height:110px;
	width:110px;
	float:left;
}

#mainpart
{
	height:268px;
	float:left;
	width:886px;
	float:left;
	padding:15px 0px 0px 15px;
}
#spaciality
{
	width:496px;
	float:left;
	height:268px;
}
.spacility-block
{
	width:236px;
	float:left;
	height:127px;
	margin:0px 4px 4px 4px;
	border-bottom:solid 1px #dee7e7;
}

.sp-heading
{
	width:224px;
	float:left;
	color:#735c5c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/sp-top.gif);
	background-repeat:no-repeat;
	height:18px;
	padding:8px 0px 0px 12px;
}
.sp-mid
{
	background-image:url(../images/sp-mid.gif);
	background-repeat:repeat-y;
	float:left;
	width:236px;
	height:100px;
}
.sp-txt
{
	width:152px;
	float:left;
	text-align:justify;
	padding:1px 4px 0px 4px;
}
.sp-img
{
	width:70px;
	height:80px;
	float:left;
	padding:2px 2px 0px 0px;
}
#packages
{
	height:260px;
	width:380px;
	float:left;
}
#tabs
{
	height:260px;
	width:41px;
	float:left;
}
#tabs ul
{
	height:260px;
	width:41px;
	float:left;
	margin:0; padding:0; list-style-type:none
}
#tabs li.webdesign
{
	float:left;width:41px;height:85px;padding:0 !important;margin:0 !important;white-space:nowrap;
	background-image:url(../images/tab-webdesign.gif);background-repeat:no-repeat;
}
#tabs li.webdesign:hover
{
	float:left;width:41;height:85px;padding:0 !important;margin:0 !important;white-space:nowrap;
	background-image:url(../images/tab-webdesign-hover.gif);background-repeat:no-repeat;
}
#tabs li.webdevlopment
{
	float:left;width:41px;height:90px;padding:0 !important;margin:0 !important;white-space:nowrap;
	background-image:url(../images/tab-webdevelopment.gif);background-repeat:no-repeat;
}
#tabs li.webdevlopment:hover
{
	float:left;width:41;height:90px;padding:0 !important;margin:0 !important;white-space:nowrap;
	background-image:url(../images/tab-webdevelopment-hover.gif);background-repeat:no-repeat;
}
#tabs li.onlinemkt
{
	float:left;width:41px;height:85px;padding:0 !important;margin:0 !important;white-space:nowrap;
	background-image:url(../images/tab-om.gif);background-repeat:no-repeat;
}
#tabs li.onlinemkt:hover
{
	float:left;width:41;height:85px;padding:0 !important;margin:0 !important;white-space:nowrap;
	background-image:url(../images/tab-om-hover.gif);background-repeat:no-repeat;
}
.Designpack
{
	float:left;width:41px;height:85px;padding:0 !important;margin:0 !important;white-space:nowrap;
	background-image:url(../images/tab-webdesign-hover.gif);background-repeat:no-repeat;
}
.seopack
{
	float:left;width:41px;height:85px;padding:0 !important;margin:0 !important;white-space:nowrap;
	background-image:url(../images/tab-om-hover.gif);background-repeat:no-repeat;
}
.dvpk
{
	float:left;width:41px;height:90px;padding:0 !important;margin:0 !important;white-space:nowrap;
	background-image:url(../images/tab-webdevelopment-hover.gif);background-repeat:no-repeat;
}
#tabcontainer
{
	height:258px;
	width:337px;
	float:left;
	border-bottom:solid 1px #dee7e7;
	border-top:solid 1px #dee7e7;
	border-right:solid 1px #dee7e7;
}	
.tabcontent{display:none; border:0px solid red; width:337px;float:left;}

.small-testimonial
{
	background-image:url(../images/testimonial.gif);
	height:157px;
	width:195px;
	float:left;
	padding-top:10px;
	padding-left:7px;
	background-position:bottom;
	background-repeat:no-repeat;
	color:#666666;
}
.small-testimonial h1
{
	margin:0px;
	padding:0px;
	font-size:16px;
}
.small-testimonial .txt
{
	height:95px;
	float:left;
	padding:15px 0px 0px 50px;
	width:133px;
	text-align:justify;
}
#jqryacc
{
	height:250px;
	float:left;
	width:185px;
	float:left;
}
#ourwork
{
	height:250px;
	float:left;
	width:490px;
	float:left;
}
#head
{
	float:left;
	background-image:url(../images/ourworkbg.gif);
	background-repeat:repeat-x;
	height:20px;
	width:478px;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px 0px 0px 10px;
	font-weight:bold;
	font-size:14px;
}

#slidr
{
	float:left;
	height:218px;
	width:488px;
}
/*---------------Testing-------------------*/
#slider ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
#slider li{ 
	width:488px;
	height:218px;
	}	
img{border:none;}



/*----------------EBD---------------*/
#contact
{
	height:250px;
	float:left;
	width:196px;
	float:left;
}
#contimg
{
	background-image:url(../images/contactimg.gif);
	height:50px;
	width:196px;
	float:left;
	background-position:bottom;
	background-repeat:no-repeat;
}
.row
{
	float:left;
	height:27px;
	border-bottom:solid 1px #e8e8e8;
	width:196px;
}
.row .icon
{
	height:17px;
	padding:3px 0px 3px 0px;
	width:29px;
	text-align:center;
	float:left;
}
.row h2
{
	color:#735c5c;
	font-size:18px;
	background-image:url(../images/rlnkbg.gif);
	background-repeat:repeat-x;
	cursor:pointer;
	margin:0px;
	float:left;
	width:98%;
}
.row .txt
{
	width:160xp;
	padding-top:7px;
	height:17px;
	float:left;
	color:#333333;
}
#workpart
{
	width:660px;
	float:left;
	padding:15px 10px 0px 20px;
}
#leftpart
{
	width:203px;
	float:left;
	padding:15px 0px 0px 0px;
}
#texp
{
	height:110px;
	background-position:center;
	background-image:url(../images/technology.gif);
	background-repeat:no-repeat;
	width:903px;
	float:left;
}
#footer
{
	width:903px;
	height:105px;
	float:left;
	background-image:url(../images/footerbg.gif);
	background-repeat:repeat-x;
}
#footer #mainlinkpart
{
	width:490px;
	float:left;
	height:100px;
}
#footer #mainlinkpart .mrow
{
	width:465px;
	padding:6px 5px 3px 20px;
	float:left;
	vertical-align:middle;
}
#footer #srvlinkpart
{
	width:410px;
	float:left;
	height:100px;
}
#footer #srvlinkpart .mrow
{
	width:400px;
	padding:6px 5px 3px 5px;
	float:left;
}
#package
{
	float:left;
	width:98%;
	padding-top:5px;
}
a.btn
{
	padding:10px;
	border:solid 1px #EBEBEB;
	background:#f4f4f4;
	color:#FD5306;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
a.btn:hover
{
	padding:10px;
	border:solid 1px #CCCCCC;
	background:#FBFBFB;text-align:center;
	text-decoration:none;
}
.boxhead h1,h2
{
	color:#735c5c;
	font-size:14px;
	margin:0px;
	padding:4px;
}
.boxhead
{
	background-image:url(../images/box-top.gif);
	width:640px;
	height:26px;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 5px 0px 15px;
	float:left;
}
.boxmid
{
	background-image:url(../images/boxmid.gif);
	width:635px;
	text-align:justify;
	padding:5px 5px 0px 20px;
	background-repeat:repeat-y;
	float:left;
}
.boxmid .ftxt
{
	width:635px;
	text-align:justify;
	margin:0px;
	padding:0px;
	float:left;
}
.boxmid .txt
{
	text-align:justify;
	width:510px;
	float:left;
}
.boxmid .dscrimg
{
	float:right;

}
.boxmid .irow
{
	float:left;
	height:24px;
	width:296px;
}
.boxmid .icon
{
	height:20px;
	padding:4px 0px 4px 25px;
	width:29px;
	text-align:center;
	float:left;
}	
.boxmid .itxt
{
	height:20px;
	padding:4px 0px 4px 0px;
	width:auto;
	text-align:left;
	float:left;

}	
.boxbottem
{
	background-image:url(../images/box-bottom.gif);
	width:660px;
	height:20px;
	background-repeat:no-repeat;
	background-position:top;
	float:left;
}

.homboxhead h1,h2
{
	color:#735c5c;
	font-size:18px;
	float:left;
	margin:0px;
}
.homboxhead
{
	background-image:url(../images/hom-box-top.gif);
	width:527px;
	height:26px;
	background-repeat:no-repeat;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 0px 0px 15px;
	float:left;
}
.homboxmid
{
	background-image:url(../images/hom-box-mid.gif);
	width:512px;
	padding:0px 5px 0px 25px;
	background-repeat:repeat-y;
	float:left;
	text-align:justify;
}
.flist
{
	width:500px;
	padding:0px 5px 0px 5px;
	background-repeat:repeat-y;
	float:left;
	text-align:justify;
}
.portfolio
{
	width:190px;
	padding:10px;
	float:left;
}
.testi 
{
	width:620px;
	padding:2px;
	float:left;
	
}
.testi .img
{
	width:190px;
	float:left;
	padding:0px 0px 0px 10px;
}
.testi .txt
{
	width:420px;
	text-align:justify;
	float:left;
}
.homboxbottem
{
	background-image:url(../images/hom-box.gif);
	width:542px;
	height:20px;
	background-repeat:no-repeat;
	background-position:top;
	float:left;
}
.hombox
{
	width:542px;
	float:left;
}
.msgcls
{
	width:160px;
	float:left;
	text-align:center;
	color:#00CC33;
	padding:5px;
	border:solid 1px #00CC33;
}
.dscrimg
{
	float:right;
	height:auto;
	width:115px;
	margin:0px;
	text-align:center;
	padding:0px 5px 0px 5px;
}
.smheading
{
	color:#735c5c;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	float:left;
	margin:0px;
}
.frm
{
	float:left;
	width:52%;
	border:solid 1px #EBEBEB;
}
.frmdet
{
	float:left;
	width:46%;
	padding-left:8px;
}
.frmrow
{
	float:left;
	text-align:center;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	margin:0px;
	width:99%;
}
.frmtxt
{
	float:left;
	width:39%;
	height:20px;
	text-align:right;
	font-weight:bold;
	padding:5px 5px 0px 0px;
}
.frmctrl
{
	float:left;
	text-align:left;
	padding:3px 0px 3px 0px;
	width:59%;
}
.sitmap-divd
{
	float:left;
	width:50%;

}
.work-dsp
{
	width:488px;
	height:230px;
	float:left;
}
.work-dsp .img
{
	width:212px;
	height:230px;
	float:left;
}
.work-dsp .content
{
	width:268px;
	padding:4px;
	height:222px;
	float:left;
}
.div50
{
	width:49%;
	float:left;
	padding:0px 1% 0px 0px;
}
.caldiv
{
	width:98%;
	float:left;
	padding:5px 0px 3px 4px;
	height:20px;
}
.caldiv input{border:solid 1px #cccccc;}
.paging
{
	width:98%;
	float:right;
	height:30px;
	padding:4px;
	text-align:right;
}
.paging a{
	border:solid 1px #DBDBDB;
	background-color:#EBEBEB;
	padding:7px;
	text-decoration:none;
	color:#000000;
}
.paging a:hover{
	border:solid 1px #DBDBDB;
	background-color:#EBEBEB;
	padding:7px;
	text-decoration:none;
	color:#FF9900;
}