@charset "utf-8";
/* CSS Document */

/********************************************
   WEBSITE:   		http://www.techinteli.com/
   DATE:          	April-19-2010
   Created by: 	    samirkumarjena@gmail.com
 *******************************************/ 
 
/* CSS Document */

html {
	height:100%;
	margin-bottom:1px;
}
*:focus {
	outline:none;
}
body {
	margin:0 auto;
	font:  normal 11px Verdana, Geneva, sans-serif;
	color:#777777;
	line-height:15px;
}
h1 {
	color:#0997e3;
	font-size:17px;
	padding-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: normal;
	margin:0;
}
h2 {
	color:#ff8916;
	font-size:16px;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-weight:bold;
	margin:0px 0 5px 0;
	padding:0px 2px 5px 0;
	border-bottom:1px solid #ddd;
}
h2 span {
	color:#666;
}
p {
	margin:10 auto 10px;
    auto;
}
img {
	border:0px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
p {
	margin:0 0 5px 0;
	line-height:17px;
}
a {
	color:#0063b0;
	text-decoration:none;
}
a:hover {
	color:#3099ea;
	text-decoration:none;
}
/*-------------------------header start--------------------------*/
.header {
	width:100%;
	height:125px;
	margin:0 auto;
	padding:0;
	border-bottom:5px solid #07a4fa;
}
.headerinner {
	width:950px;
	height:120px;
	position:relative;
	margin:0 auto;
	padding:0;
}
.headerinner a {
	color:#777;
	text-decoration:none;
}
.headerinner a:hover {
	color:#aaa;
	text-decoration:none;
}
/*-------------------------logo start--------------------------*/
.logo {
	width: 310px;
	height:90px;
	float:left;
	padding:0px 0 0 0px;
}
.rightheader {
	width:580px;
	margin:0px 0 0 24px;
	float:right;
	text-align:right;
	padding-right:10px;
}
/*--------------------topmenu---------------------------*/
.menu {
	width:600px;
	height:35px;
	float:right;
	margin-top:80px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.top_menu {
	padding:0px 0px 0px 0px;
	margin:0px 0 0 0px;
	float:right;
	width:600px;
}
.top_menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #ffffff;
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.top_menu ul li {
	float: left;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
	display: inline;
	line-height: 25px;
}
.top_menu a {
	float: left;
	color: #088ac6;
	text-decoration: none;
	padding:0px 0px 0px 4px;
	margin:0px;
	cursor: pointer;
	line-height: 25px;
}
.top_menu a:hover {
	color: #088ac6;
	text-decoration: none;
	background:url(../images/menu_hvr_LFT.gif) no-repeat;
	padding:0px 0px 0px 4px;
	line-height: 25px;
}
.top_menu a span {
	float: left;
	color: #088ac6;
	text-decoration: none;
	padding:0px 8px 0px 8px;
}
.top_menu a:hover span {
	color: #fff;
	text-decoration: none;
	background:url(../images/menu_hvr_RGT.gif) no-repeat right top;
	line-height: 25px;
	margin:0px;
}
.top_menu .active a {
	color: #ffffff;
	text-decoration: none;
	line-height: 25px;
	background:url(../images/menu_hvr_LFT.gif) no-repeat 0% 0%;
	margin:0px;
	padding:0px 0px 0px 4px;
}
.top_menu .active a span {
	color: #fff;
	text-decoration: none;
	background:url(../images/menu_hvr_RGT.gif) no-repeat right top;
	line-height: 25px;
	margin:0px;
}
.topicon {
	background:#fff;
	position:absolute;
	top:10px;
	right:-17px;
	padding:10px 0px 0px 10px;
	font-size:9px;
	width:242px;
	height:26px;
}
.help {
	background:#fff;
	position:absolute;
	top:-13px;
	right:14px;
	padding:10px 0px 0px 10px;
	font-size:9px;
	width:206px;
	height:78px;
}
.home {
	background:url(../images/homeicon.gif) no-repeat left center;
	padding-left:21px;
	height:11px;
}
.search {
	background:url(../images/search.gif) no-repeat left center;
	padding-left:21px;
	margin:0px 17px;
	height:11px;
}
.sitemap {
	background:url(../images/sitemap.gif) no-repeat left center;
	padding-left:21px;
	height:11px;
}
/*-------------------------www banner start--------------------------*/
.wwwbanner {
	width:100%;
	background:url(../images/www_bg.gif);
	height:303px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.wwwbannerinner {
	width:950px;
	height:300px;
	margin:0 auto;
	padding:0;
}
.welcome {
	width:585px;
	height:auto;
	float:right;
	margin:0 auto;
}
.client {
	width:587px;
	height:86px;
	float:right;
	background-image:url(../images/clientbg.jpg);
	margin:20px auto;
}
.flashbanner {
	width:355px;
	height:290px;
	float:left;
}
.thrban {
	width:100%;
	height:35px;
	margin:0 auto;
	padding:3px 0 0 0px;
	border-bottom:1px solid #d3dade;
}
.thrbaninner {
	width:950px;
	height:37px;
	margin:0 auto;
	padding:0;
}
.ournetwork {
	width:213px;
	float:left;
	padding:0px;
	margin:0px;
	position:relative;
}
.news {
	width:110px;
	float:left;
	padding:0px 0 0 36px;
	margin:0px;
	position:relative;
}
/*-------------------------others--------------------------*/
.thrban {
	width:100%;
	height:35px;
	margin:0 auto;
	padding:3px 0 0 0px;
	border-bottom:1px solid #d3dade;
}
.thrbaninner {
	width:950px;
	height:37px;
	margin:0 auto;
	padding:0;
}
.network {
	width:100%;
	margin:0 auto;
	padding:3px 0 0 0px;
}
.networkinner {
	width:950px;
	height:555px;
	margin:0 auto;
}
.leftbulding {
	width:215px;
	height:430px;
	float:left;
}
.building {
	clear:both;
	width:215px;
	float:left;
	padding-top:8px;
}
.contactbg {
	width:210px;
	height:141px;
	background-image:url(../images/contactbg.jpg);
	float:left;
	margin-top:25px;
}
.homerightside {
	width:732px;
	height:450px;
	float:left;
}
.serviceoffering {
	width:730px;
	height:220px;
	float:left;
	padding-top:5px;
}
.serviceinner {
	width:730px;
	height:210px;
	float:left;
	position:relative;
}
.leftservice {
	width:240px;
	height:190px;
	float:left;
	clear:both;
}
.midservice {
	width:240px;
	height:190px;
	float:left;
}
.rightservice {
	width:220px;
	height:190px;
	float:right;
}
.innerbox {
	width:224px;
	float:left;
	padding:0px;
	margin:0px;
	position:relative;
}
.innerbox1 {
	width:220px;
	float:left;
	padding:0px 15px;
	margin:0px 3px;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	position:relative;
}
.our_services_strength {
	width:240px;
	padding-top:10px;
	overflow:hidden;
	height:auto;
}
.our_services_strength ul {
	margin:0px;
	padding:0px;
}
.our_services_strength li {
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:url(../images/green_arrow.jpg);
	padding-left:24px;
	background-repeat:no-repeat;
	color:#585858;
	font-weight:700;
	text-decoration:none;
	border-bottom:1px solid #edf2f6;
	line-height:25px;
	float:left;
	width:214px;
	height:auto;
}
.our_services_strength li a {
	color:#585858;
	font-weight:700;
	text-decoration:none;
	line-height:25px;
}
.our_services_strength li a:hover {
	color:#2279ae;
	font-weight:700;
	line-height:25px;
}
/*-------------------------meet it--------------------------*/
.meet_classic {
	width:250px;
	overflow:hidden;
	height:auto;
}
.meet_classic ul {
	margin:0px;
	padding:0px;
}
.meet_classic li {
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:url(../images/bluearrow.jpg);
	padding-left:24px;
	background-repeat:no-repeat;
	color:#585858;
	font-weight:700;
	text-decoration:none;
	border-bottom:1px solid #edf2f6;
	line-height:25px;
	float:left;
	width:214px;
	height:auto;
}
.meet_classic li a {
	color:#585858;
	font-weight:700;
	text-decoration:none;
	line-height:25px;
}
.meet_classic li a:hover {
	color:#2279ae;
	font-weight:700;
	text-decoration:underline;
	line-height:25px;
}
.meetit {
	width:250px;
	height:190px;
	float:left;
	clear:both;
	border:1px solid #666;
}
/*-------------------------oothers--------------------------*/
.leftpanel {
	width:240px;
	height:190px;
	float:left;
	clear:both;
}
.midpanel {
	width:250px;
	height:190px;
	float:left;
	padding-top:10px;
	padding-left:10px;
}
.rightpanel {
	width:220px;
	height:190px;
	float:right;
}
.rightpanel p {
	text-align:justify;
	padding-left:4px;
	padding-right:4px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
/*-------------------------footer--------------------------*/
.footer {
	width:100%;
	margin:0 auto;
	padding:3px 0 0 0px;
	border-top:3px solid #07a4fa;
}
.footerinner {
	width:950px;
	height:105px;
	margin:0 auto;
}
.footer a {
	font-size:11px;
	color:#706d6d;
	text-decoration:none;
}
.footer a:hover {
	color:#119bda;
	text-shadow:#033;
	border-bottom: #fff dashed 1px;
}
.bottom {
	width:985px;
	height:auto;
	margin:auto;
	padding-left:18px;
	line-height:16px;
	font-size:11px;
	text-decoration:none;
	background-image:url(../images/bottom_bg.gif);
	background-repeat:repeat-x;
	padding-top:4px;
	margin-top:14px;
}
.bottom a {
	line-height:16px;
	font-size:11px;
	color: #606060;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
}
.bottom a:hover {
	line-height:16px;
	font-size:11px;
	color: #606060;
	text-decoration:underline;
	padding-left:2px;
	padding-right:2px;
}
.bottom .bottom_left {
	width:710px;
	padding-right:0px;
	padding-top:6px;
}
.bottom_left span {
	padding-right:2px;
	padding-left:2px;
	line-height:18px;
}
.bottom .bottom_right {
	width:200px;
	padding-top:7px;
	padding-left:34px;
}
.bottom .bottom_right img {
	vertical-align:middle;
}
.bottom_right a {
	color:#fb7628;
	text-decoration:none;
	line-height:15px;
}
.bottom_right a:hover {
	color:#fb7628;
	text-decoration:underline;
	line-height:15px;
}
.bottom .bottom_right .right_left {
	width:168px;
	margin-right:2px;
}
.bottom .bottom_right .right_right {
	width:52px;
}
.orange_text {
	padding-left:1px;
	font-size:11px;
	font-weight:700;
	color:#fb7628;
	text-decoration:none;
}
.doted_border {
	background-image:url(../images/doted_line1.gif);
	background-repeat:repeat-x;
	width:230px;
	margin-left:4px;
	height:1px;
	margin-top:13px;
	padding:0px;
	margin-bottom:15px;
}
.doted_border1 {
	background-image:url(../images/doted_line1.gif);
	background-repeat:repeat-x;
	width:550px;
	height:1px;
	padding:0px;
	clear:left;
	margin-top:10px;
	margin-bottom:2px;
}
/*-------------------------inner pages--------------------------*/

.wwwabout {
	width:100%;
	background:url(../images/www_bg.gif);
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.wwwaboutinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.about_adv {
	width: 342px;
	height:132px;
	float:left;
	padding:0px 0 0 0px;
}
.about_banner {
	width: 950px;
	height:141px;
	float:left;
	padding:0px 0 0 0px;
}
.webdesigning {
	width:100%;
	margin:0 auto;
	padding:3px 0 0 0px;
}
.webdesigninginner {
	width:950px;
	height:600px;
	margin:0 auto;
}
.rightside {
	width:732px;
	height:600px;
	float:left;
}
.aboutrightside {
	width:732px;
	height:450px;
	float:left;
}
.aboutnetwork {
	width:100%;
	margin:0 auto;
	padding:3px 0 0 0px;
}
.aboutnetworkinner {
	width:950px;
	height:450px;
	margin:0 auto;
}
.homenetwork {
	width:100%;
	margin:0 auto;
	padding:3px 0 0 0px;
}
.homenetworkinner {
	width:950px;
	height:450px;
	margin:0 auto;
}
.webdesignbanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.webdesignbannerinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
#scrll {
	height:320px;
	padding-right:10px;
	overflow:auto;
}
.webhostingbanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.webhostingbannerinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.webhostingrightside {
	width:732px;
	height:450px;
	float:left;
}
.iservicebanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.iserviceinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.iservicerightside {
	width:732px;
	height:450px;
	float:left;
}
.multimediabanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.multimediabannerinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.multimediarightside {
	width:732px;
	height:450px;
	float:left;
}
.softdevbanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.softdevinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.softdevrightside {
	width:732px;
	height:450px;
	float:left;
}
.contactusbanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.contactusinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.contactusrightside {
	width:732px;
	height:450px;
	float:left;
}
.careerbanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.careerinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.careerrightside {
	width:732px;
	height:450px;
	float:left;
}
.domainbanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.domaininner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.domainrightside {
	width:732px;
	height:450px;
	float:left;
}
.productbanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.productinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.productrightside {
	width:732px;
	height:450px;
	float:left;
}
.businesmailbanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.businesmailinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.businesmailrightside {
	width:732px;
	height:450px;
	float:left;
}
.feedbackbanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.feedbackinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.feedbackrightside {
	position:relative;
	width:732px;
	height:450px;
	float:left;
}
.sitemapbanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.sitemapinner {
	width:950px;
	height:140px;
	margin:0 auto;
	padding:0;
}
.sitemaprightside {
	width:732px;
	height:450px;
	float:left;
}
.productbanner {
	width:100%;
	background-color:#FFF;
	height:140px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #d1f0fa;
}
.portfolioinner {
	width:950px;
	height:100px;
	margin:0 auto;
	padding:0;
}
.portfoliorightside {
	width:732px;
	height:auto;
	float:left;
}
.contactbox {
	width:300px;
	height:200px;
	float:left;
	border:dashed 1px #CCCCCC;
	padding:8px;
}
.contactbox1 {
	width:300px;
	height:200px;
	float:right;
	border:dashed 1px #CCCCCC;
	padding:8px
}
.contactbox {
	width:300px;
	height:200px;
	float:left;
	border:dashed 1px #CCCCCC;
	padding:8px;
}
.blue-big-text {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:14px;
	text-decoration:none;
	color: #0172BE;
	font-weight:bold
}
.yellow-big-text {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:14px;
	text-decoration:none;
	color: #e98104;
	font-weight:bold
}
/*sitemap*/
.arrowlist ul {
	list-style-type: none;
	margin: 15px 0 0 15px;
	padding: 5px;
}
.arrowlist ul li {
	margin: 0 0 10px 0;
	padding:0 0 0 20px;
	background: #fff url(../images/arrow_131.gif) top left no-repeat;
}
.arrowlist ul li a {
	color:#666;
	text-decoration:none;
}
.arrowlist ul li a:hover {
	color:#777;
	text-decoration:none;
	font-weight:bold;
}
.rightsec {
	width:45%;
	float:left;
	margin:0;
}
/*------------FORM ELEMENETS------------*/
form {
	padding:0;
	margin:0;
}
label {
	font-weight:normal;
	color:#202020;
}
.input {
	color:#777;
	font-size:13px;
	background:#FFF;
	margin:5px 0;
	border-top:1px solid #999999;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #bcbcbc;
	border-left:1px solid #d9d9d9;
	padding:2px 0px 0px 2px;
	width:100%;
	height:18px;
}
.submit {
	border:none;
	background:url(../images/submit.jpg) no-repeat top center;
	width:65px;
	height:23px;
	cursor:pointer;
}
.cancel {
	border:none;
	background:url(../images/cancel.jpg) no-repeat top center;
	width:65px;
	height:23px;
	cursor:pointer;
}
:focus.input {
	background:#F7F7f7;
}
.button {
	border:none;
	background:#e03d0e;
	height:20px;
	cursor:pointer;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 2px 3px 2px;
}
.button:hover {
	background:#f1420f;
}
.button-grey {
	border:none;
	background:#777;
	height:20px;
	cursor:pointer;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:2px 2px 3px 2px;
}
.button-grey:hover {
	background:#888;
}
.sitemapbox{
	width:370px;
	height:200px;
	float:right;
	position:absolute;
	left: 310px;
	top: 41px;
}
/*------------PORTFOLOIO SECTION------------*/
.portfolio{width:215px; margin:0 12px 15px 0; float:left; min-height:120px;}
.portfolio img{ border:4px solid #e6e6e6; margin:0 0 10px 0;}
.portfolio a{color:#49a4c8; text-decoration:underline;}
.portfolio a:hover{color:#49a4c8; text-decoration:none;}
.screenshot1{ background:url(../images/screenshot1.gif) no-repeat left; padding:0px 0px 0px 22px;}
.visit1{ background:url(../images/visit1.gif) no-repeat left; padding:0px 0px 0px 22px;}
.paging{margin:10px; color:#F00;}
.paging a{background:url(../images/pageno_link.gif) no-repeat; color:#000; font-size:10px; font-weight:bold; width:16px; text-align:center; padding:0 5px 4px 5px; margin:0 4px; text-decoration:none;}
.paging a:hover{background:url(../images/pageno_active.gif) no-repeat; color:#FFF; font-size:10px; font-weight:bold; width:16px; text-align:center; padding:0 5px 4px 5px; margin:0 4px; text-decoration:none;}
.paging .active{background:url(../images/pageno_active.gif) no-repeat; color:#FFF; font-size:10px; font-weight:bold; width:16px; text-align:center; padding:0 5px 4px 5px; margin:0 4px; text-decoration:none;}