/* CSS Document */
body{
	margin:0px;
	background-image:url(../images/inner_topbg.jpg);
	background-repeat:repeat-x;
	font-family:Tahoma, verdana, arial, helvetica, sans-serif;
	font-size:13px;
	color:#434343;
	text-decoration:none;
	background-color:#F2F2F2;
	background-position: top;
}
.clear{ clear:both}
.leftfloat{float:left}
.rightfloat{float:right; text-align:right;}
ul, li, ol, h2, h3, h4, h5, p {margin:0px;	padding:0px;	font-weight:normal;}
h1 {
	font:Tahoma;
	font-size:18px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#warper{ width:100%; background-image:url(../images/bottombg.jpg); background-position:bottom;  background-repeat:repeat-x; height:100%}
#maincontainer{ width:1000px; margin-left:auto; margin-right:auto;}
/* header css start here */
.header{
	font-size:20px;
	font-weight:bold;
	color:#1858A8
}
#container{ width:100%; float:left;}
#container #header{ width:992px; padding-top:9px; padding-left:4px; padding-right:4px;}
#container #header .logo{ width:240px; height:63px; float:left;}
#container #header .mainnavgation{ width:632px; height:63px; float:right; padding-bottom:10px; _padding-bottom:3px;}
#container #header .mainnavgation .toppanel{ float:left; padding-left:153px;}
#container #header .mainnavgation .livechat_icon{ float:left; width:29px; height:29px;}
#container #header .mainnavgation .callustxt{float:left; width:490px; padding-left:15px; text-align:left; padding-top:5px; color: #5A9EE5; font-size:13px; font-weight:bold; }
#container #header .mainnavgation .bluetxt{ color:#5A9EE5; font-size:11px; }
#container #header .mainnavgation .navgation{ float:left; width:631px; padding-top:19px;}
#container #header .headersiderarea{ float:left; height:340px;}
#container #header .headersiderarea .title{ float:left;}
#container #header .headersiderarea .title .whyus{ padding-top:30px; padding-left:0px; float:left; width:443px;}
#container #header .headersiderarea .title .whytxt{ padding-top:10px; padding-left:0px; float:left; color:#FFFFFF; width:390px; font-size:12px; font-weight:bold; line-height:35px;}

#container #header .headersiderarea .silderimg{ float:right;}

#container #header .headersiderarea #featureWrap {
    height: 340px; float:right; text-align:right;
    width: 548px;
    overflow: hidden;
}

#container #header .headersiderarea #featItem {
    height: 340px;
    width: 548px;
}
#container #header  .services{ float:left; height:88px; width:992px;}
#container #header .services .design{ float:left; width:220px;}
#container #header .services .content{ float:left; width:220px;}
#container #header  .services .webpromotion{ float:left; width:220px;}
#container #header  .services .Application_solutions{ float:right; width:254px;}



/* body css start here */
#container #bodypanel{width:992px;  padding-top:25px; _padding-top:18px; padding-left:0px;  padding-right:0px; float:left; }
#container #bodypanel .midleftpanel{ width:680px; padding-left:8px; float:left; padding-right:15px; text-align:justify;}
#container #bodypanel .midleftportfoliopanel{ width:972px; padding-left:15px; float:left; padding-right:15px; text-align:justify;}
#container #bodypanel .midrighttpanel{ width:289px; float:left;}
#container #bodypanel .midleftpanel .welcometitle{
	float:left;
	padding-bottom:22px;
	width:650px;
	height:29px;
}
#container #bodypanel .midleftpanel .welcometitle h1{font-size:20px;
	font-weight:bold;
	color:#1858A8}
	
#container #bodypanel .midleftpanel .graytxt{
	line-height:20px;
	float:left;
	width:680px;
}
#container #bodypanel .midleftpanel .graytxt h2{margin:0px; font-size:13px;	padding:0px; font-weight:normal; text-decoration:none;
}
#container #bodypanel .midleftpanel .graytxt h3{margin:0px; display:inline; font-size:13px;	padding:0px; font-weight:normal; text-decoration:none;
}
#container #bodypanel .midleftpanel .graytxt a.h2{color:#1858A8; font-size:13px; text-decoration:none;}
#container #bodypanel .midleftpanel .graytxt a.h2:hover{color:#1858A8; font-size:13px; text-decoration: underline;}


#container #bodypanel .midleftpanel .bluetxt{
	color:#5A9EE5;
	font-size:14px;
	font-weight:bold;
}
#container #bodypanel .midleftpanel .hire_professional{ float:left; width:680px;  padding-bottom:5px; _padding-bottom:5px; padding-top:28px; _padding-top:33px;}
#container #bodypanel .midrighttpanel .quickquote{ float:left; width:289px; }
#container #bodypanel .midrighttpanel .boxtop{ background-image:url(../images/box_top.jpg); background-repeat:no-repeat; width:289px; height:10px; background-position:bottom;}
#container #bodypanel .midrighttpanel .boxmid{ background-image:url(../images/box_mid.jpg); background-repeat:repeat-y; width:289px;  background-position:top;}
#container #bodypanel .midrighttpanel .boxbottom{ background-image:url(../images/box_bottom.jpg); background-repeat:no-repeat; width:289px; height:13px;  background-position:top;}
#container #bodypanel .midrighttpanel .boxtxtarea{ width:264px; float:left; padding-left:12px; padding-right:12px; padding-top:5px; padding-bottom:5px;}
#container #bodypanel .midrighttpanel .box_txt{ width:79px; float:left; text-align:right; padding-right:7px; padding-top:4px;}
#container #bodypanel .midrighttpanel .request_quote{ float:left; padding-bottom:10px;}
#container #bodypanel .midrighttpanel .verification{ float:left; padding-right:8px;}

.combobox{ width:173px; float:left; border:1px solid #D5D5D5; height:22px; background-color:#F6F6F6; font-family:Tahoma, verdana, arial, helvetica, sans-serif; font-size:13px; color:#434343; margin-bottom:5px; }
.comboboxsmall{ width:93px; float:left; border:1px solid #D5D5D5; height:22px; background-color:#F6F6F6; font-family:Tahoma, verdana, arial, helvetica, sans-serif; font-size:13px; color:#434343; margin-bottom:5px;}
.comboboxbig{ width:173px; float:left; border:1px solid #D5D5D5; height:53px; background-color:#F6F6F6; font-family:Tahoma, verdana, arial, helvetica, sans-serif; font-size:13px; color:#434343; margin-bottom:5px;}

#container #bodypanel .midrighttpanel .clientsays{ float:left; width:289px; padding-top:10px; _padding-top:0px;}
#container #bodypanel .midrighttpanel .clientsaysicon{ float:left; height:37px; width:264px; padding-bottom:16px;}
#container #bodypanel .midrighttpanel .clienttxt{ float:left;  width:260px; font-size:12px; padding-left:4px; padding-bottom:16px;}
#container #bodypanel .midrighttpanel .bluetxt{ color:#5A9EE5; font-size:11px; font-weight:bold; }
#container #bodypanel .midrighttpanel .graysitetxt{ color:#444444; font-size:11px; text-decoration:underline; }

/* footer css start here */

#container #footerpanel {width:992px; height:600px; padding-left:0px; padding-right:0px; float:left;}
#container #footerpanel .getintouch{ width:229px; float:left; padding-right:10px; padding-left:10px; padding-top:20px; }
#container #footerpanel .getintouch .getintouchimg{  float:left; width:229px; padding-bottom:5px; }
#container #footerpanel .getintouch .getintouchtxt{ float:left; padding-left:2px; padding-top:16px;  padding-bottom:16px; color:#DCDCDC; text-decoration:none;}
#container #footerpanel .getintouch .chatid{ float:left; padding-right:25px; padding-top:10px; }
#container #footerpanel .explore{ padding-left:22px; width:228px; float:left; padding-top:20px; }
#container #footerpanel .explore .exploreimg{ width:228px; float:left; padding-bottom:15px;}
#container #footerpanel .explore .exploreicon{ float:left; padding-right:12px; padding-bottom:16px;}
#container #footerpanel .footermenu{  float:left; color:#8B8B8B; font-size:11px; padding-top:25px; width:992px; vertical-align:middle; text-align:center; }
a.footerlink{color:#8B8B8B; font-size:11px; text-decoration:none;}
a.footerlink:hover{
	color:#D1D1D1;
	font-size:11px;
	text-decoration:underline;
}

/*Example CSS for the two demo scrollers*/
#pscroller1{
width: 260px;
height: 140px;
padding: 0px;
}


.graytxt{ color:#636B75; text-decoration:none;}
.graytxt ul{margin:0; padding:0;}
.graytxt li{float:left; list-style:disc; padding-left:5px; margin-left:18px; width:800px; }
.bold{font-weight:bold;}


a.sitemap{color:#8B8B8B; font-size:13px; text-decoration:none;}
a.sitemap:hover{color:#8B8B8B; font-size:13px; text-decoration:underline;}


.designindia{ width:211px; float:left;border:1px solid #DDDDDD; background-color:#FFFFFF;  background-position:top; height:183px;}
.designtxt{
	color:#01416F;
	font-size:12px;
	text-decoration:none;
}
.innerlinks{color:#1858A8; font-size:13px; text-decoration:none;}
.innerlinks:hover{color:#1858A8; font-size:13px; text-decoration: underline;}

.bulksms{ width:211px; float:left; border:1px solid #DDDDDD; background-color:#FFFFFF; background-position:top; height:183px;}
.bulktxt{ font-size:12px; text-decoration:none; color:#1F6B2D;}
.hosting{ width:211px; float:left; border:1px solid #DDDDDD; background-color:#FFFFFF; background-position:top; height:183px;}
.hostingtxt{ color:#464646; text-decoration:none; font-size:12px;}
.domain{ width:211px; float:left; border:1px solid #DDDDDD; background-color:#FFFFFF; background-position:top; height:183px;}
.domaintxt{ color:#740001; text-decoration:none; font-size:12px;}
.seo{ width:211px; float:left; border:1px solid #DDDDDD; background-color:#FFFFFF; background-position:top; height:183px;}
.seotxt{ color:#9B5A08; text-decoration:none; font-size:12px;}
.other{ width:211px; float:left; border:1px solid #DDDDDD; background-color:#FFFFFF; background-position:top; height:183px;}
.othertxt{ color:#02416D; text-decoration:none; font-size:12px;}
.midbox{ width:190px; margin-left:auto; margin-right:auto; text-align:left; padding-top:3px;}
.height{ _height:2px; height:19px; clear:both;}
.white12txt{ color:#FFFFFF; font-size:12px; text-decoration:none; text-transform:uppercase;}
.whitetxt{ color:#FFFFFF; text-decoration:none;}
a.whitetxt{ color:#FFFFFF; text-decoration:none;}
a.whitetxt:hover{ color:#FFFFFF; text-decoration:underline;}
a.moredtlstxt{ color: #FF0000; text-decoration:none; font-size:12px;}
a.moredtlstxt:hover{ color: #FF0000; text-decoration: underline; font-size:12px;}

/* works part */


li.block{
	margin: 8px;
	padding: 0px;
	display: inline;
	list-style-type:none;
	background-image: url('../images/block.png');
	background-repeat:no-repeat;
	background-position:top;
	float: left;
	width: 290px;
	height: 200px;
	}

li.block img{
	float:left;
	padding: 10px;
	width: 270px;
	height: 145px;}

.tags{
	float:left;
	margin: 8px;
	padding-left:10px;
	width: 270px;
	height: 30px;
	font-size: 9px;
	color: #777;
	line-height:1.5em;
	text-transform:uppercase;}

.tags span{
	font-size:1.2em;
	color:#000;
	font-weight:bold; 
}	

.slide ul{padding-top:4px;}

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0px;
	width:972px;
	height:700px; position: relative;
	
}
#slideshow #slidesContainer { margin-left:20px;
  width:962px;
  height:700px; position: relative;
  overflow:hidden;
  
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:952px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:700px;
}


/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:30px;
  height:700px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:2;
}
#leftControl {
  top:0;
  left:-20px;
  background:transparent url('../images/control_left.png') no-repeat 0 0;
}
#rightControl {
  top:0;
  right:-20px;
  background:transparent url('../images/control_right.png') no-repeat 0 0;
}
.on-page{ float:left;
	width:340px;

	
}

.off-page{ float:left;
	width:340px;
	
}


.foot dl {
float:left;
margin:0 8px 8px;
width:134px;
}

.foot dt{
-x-system-font:none;
border-bottom:2px solid #999999;
color:#CCCCCC;
display:block;
font-family:georgia;
font-size:132%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:22px 0 5px;
padding:0 0 3px;
margin-bottom:4px;

}

.foot dl a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/dot3.gif) repeat-x scroll left bottom;
display:block;
font-size:85%;
padding-bottom:5px;
text-decoration:none;
color:#CCCCCC;

}
.foot{float:left; color:#8B8B8B; font-size:13px; padding-top:5px; width:992px; vertical-align:middle; text-align:left; padding-left:0;}
.foot dd{text-align:left; margin-left:0px;}
.fav{ float:left;position:relative; width:500px;}
.favicon{float:left; width:100%;}
.pol{float:left; width:16px;  background:none!important; margin-right:4px;}
.pol a{float:left; width:16px;  background:none!important; margin-right:2px; display:block;}
.pol a:hover{ margin:0; padding:0; border:1px solid #fffe8c;}
.favi { float:left;  position:absolute; top:65px; left:-158px;  }
.foot dl a:hover{color:#FFFFFF;}
.w100{width:100%; float:left; text-align:center; background-color:#494949; margin-top:5px;}
.w101{width:100%; float:left;  background-color:#494949; margin-top:5px;}
.w50{width:50%; float:left;}

.heading{font-size:18px; font-family:tahoma;}