/* CSS Document */
body{
	margin:0px;
	background-image:url(../images/topbg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family:Tahoma, verdana, arial, helvetica, sans-serif;
	font-size:13px;
	color:#434343;
	text-decoration:none;
	background-color:#F2F2F2;
}
.clear{ clear:both}
.leftfloat{float:left}
.rightfloat{float:right; text-align:right;}
ul, li, ol,  h4, h5, p {margin:0px;	padding:0px;	font-weight:normal;}
h1 {
	font:Tahoma;
	font-size:18px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
h3{font:Tahoma; font-size:13px; margin:0px; padding:0px; font-weight:normal;}
h2{ font:Tahoma; font-size:13px; margin:0px; padding:0px; font-weight:normal;}
	
#warper{
	width:100%;
	background-image:url(../images/bottombg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:140%
}
#maincontainer{ width:1000px; margin-left:auto; margin-right:auto;}
/* header css start here */
#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:160px;
	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:#EBEBEB; 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;}
#container #header .highlight{ float:left; height:16px; width:992px;}


/* 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 .midrighttpanel{ width:289px; float:left;}
#container #bodypanel .midleftpanel .welcometitle{ float:left; padding-bottom:22px; width:257px; height:29px;}
#container #bodypanel .midleftpanel .graytxt{ line-height:20px; float:left;}
#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;}
.redtxt{ color: #FF0000; text-decoration: blink;}

.someclass{ //class to apply to your scroller(s) if desired}

.designindia{ width:320px; float:left;border:1px solid #DDDDDD; background-color:#FFFFFF;  background-position:top; height:143px;}
.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;}

.midbox{ width:299px; margin-left:auto; margin-right:auto; text-align:left; padding-top:3px;}

.designindia{ width:320px; display:block;float:left;border:1px solid #DDDDDD; background-color:#FFFFFF; background-image:url(../images/designing_indiabg.gif); background-repeat:repeat-x; background-position:top; height:143px;}

.designindia1{ width:320px; display:block;float:left;border:1px solid #DDDDDD; background-color:#FFFFFF; background-image:url(../images/domian_bg.gif); background-repeat:repeat-x; background-position:top; height:143px;}

.designindia2{ width:320px; display:block;float:left;border:1px solid #DDDDDD; background-color:#FFFFFF; background-image:url(../images/seo_bg.gif); background-repeat:repeat-x; background-position:top; height:143px;}

.designindia3{ width:320px; display:block;float:left;border:1px solid #DDDDDD; background-color:#FFFFFF; background-image:url(../images/sms_bg.gif); background-repeat:repeat-x; background-position:top; height:143px;}


/*my css*/


.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;}