/* CSS Document */
/*DESIGNER NOTES:-------------------------------------------
	Project: iSoftsolutions.in @ Wordpress
	Designed by: Akshat Shah	
	Browsers Tested: IE 6.0, IE 7.0  and Firefox 3.0
	*/
	body {  background: url(../images/bg.jpg) repeat-x ; margin:0px; padding:0px; font-family:  Arial,verdana, Helvetica, sans-serif;font-size: 12px; color:#000000;text-align:center;}

	form {margin: 0px;}
	input, select, textarea { font-size: 11px; }	
	h1,h2,h3,h4,h5,h6
	{margin: 0px;
	}
	#wrapper{ width:993px; margin:auto;}
	#wrapper .header{ height:223px;}
	#wrapper .header .col1{ width:247px; height:223px; float:left;}
	#wrapper .header .col2{ width:745px; height:223px; float:left;}
	#wrapper .header .logobox{ height:193px; background:url(../images/logobox_bg.jpg) repeat-y; padding-top:30px; }
	#wrapper .header .logobox_bottom{ height:17px; width:248px; background:url(../images/logobox_bottom.jpg) repeat-y; }
	#wrapper .header .header1{ height:15px; padding-top:5px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff;   }
	#wrapper .header .menu{ width:745px;  }
	#wrapper .header .menu1{ width:1px; float:left; font-size:5px;  }
	#wrapper .header .menu2{ width:122px; height:47px; float:left;}
	#wrapper .header .menu3{ width:125px; height:47px; float:left;}
	#wrapper .header .header2{ height:77px; padding-top:81px; padding-left:230px;  }
	.pt5{ padding-top:5px;}
	#wrapper .headercontain{ height:223px;  float:left; width:100%;}
	#wrapper #box{ background:url(../images/box_top.jpg) top no-repeat; width:247px; height:22px; padding-top:6px;}
	#wrapper .box_categories{ background:url(../images/box_categories_bg.jpg) top repeat-x; width:247px; height:42px; }
	#wrapper .redbox{ background:url(../images/red.jpg) no-repeat; width:35px; height:42px; float:left;}
	#wrapper .bluebox{ background:url(../images/blue.jpg) no-repeat; width:35px; height:42px; float:left;}
	#wrapper .greenbox{ background:url(../images/green.jpg) no-repeat; width:35px; height:42px; float:left;}
	#wrapper .darkbluebox{ background:url(../images/darkblue.jpg) no-repeat; width:35px; height:42px; float:left;}
	#wrapper .lightbluebox{ background:url(../images/lightblue.jpg) no-repeat; width:35px; height:42px; float:left;}
	#wrapper .categories_contain{ float:left; height:27px; width:160px; padding-top:15px; }
	#wrapper .livechat_bg{ background:url(../images/livechat_bg.jpg) top repeat-y; width:247px; height:174px;}
	#wrapper .box_bottom{background:url(../images/box_bottom.jpg) top repeat-x; width:246px; height:5px;}
	
	#wrapper .box_small{ background:url(../images/box_small.jpg) top no-repeat; width:192px; height:22px; padding-top:6px;}
	#wrapper .box_small_bg{ background:url(../images/box_small_bg.jpg) top repeat-y; width:192px; }
	#wrapper .box_small_bottom{background:url(../images/box_bottom.jpg) top repeat-x; width:192px; height:5px;}
	#wrapper #detail{ background:url(../images/detailbg.jpg) no-repeat center; height:268px; width:992px; }
	#wrapper .detail1{ width:217px; float:left; padding-left:20px; text-align:left;}
	#wrapper .keyfeatures{ height:56px; padding-top:30px;}
	#wrapper .bluedot{ background:url(../images/bluedot.jpg) center no-repeat;  height:10px;  }
	#wrapper .detail2{ width:267px; float:left;}
	#wrapper .detail3{ width:246px; float:left;}
	#wrapper .detail4{ width:242px; float:left;} 
	.bluestrip{ background:url(../images/blueborder.jpg) no-repeat; height:1px;}
	#wrapper .middle{ height:100%;}

	#wrapper .middle .middlerow{ width:993px;height:100%; float:left; }	
	#wrapper .middle .middlecol1{ width:247px;height:100%; float:left; }
	#wrapper .middle .middlecol2{ width:10px; height:100%; float:left; }
	#wrapper .middle .middlecol3{ width:736px; height:100%; float:left; }
	.p20{ padding:20px;}
	.portfoliobox{ width:135px; height:145px; float:left; text-align:center;border:solid 1px #cccccc; padding-top:10px; }
	.portfoliobox1{ width:17px; height:135px; float:left;}
	#wrapper .fotter{ height:300px;}
	#wrapper .fottercontain{ width:784px; background-color:#0370f8; height:163px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ffffff;  }
	
	
	/*br.clear {clear: both; font-size: 1px; line-height: 1px;}	
	.siteHeader{background:url(../images/header-banner.jpg) no-repeat ; margin:auto; height:178px; width:248px;}
	.headerbottom{ background:url(../images/header_bottom.jpg) no-repeat; width:248px; height:44px;}
	.button{background: url(../images/navigation-background.jpg)  no-repeat; height:45px; width:117px;}
	#livechat{ background:url(../images/livechat.jpg) no-repeat; width:246px; height:205px;}
	#livechat .name{ text-align:center; color:#da2923; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
	.livesopport{ background:url(../images/livesopport.jpg) no-repeat center; height:61px; width:209px;  }
	.designblock{ background:url(../images/designblock.jpg) no-repeat; height:208px; width:246px;  }
	#news{ background:url(../images/news.jpg) no-repeat; width:246px; height:262px;}
	#news .name{ text-align:center; color:#da2923; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
	#portfolio{ background:url(../images/portfolio.jpg) no-repeat; width:192px; height:266px;}
	#portfolio .name{ text-align:center; color:#da2923; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
	#step{ background:url(../images/step.jpg) no-repeat; height:423px; width:192px; }
	.bluestrip{ background:url(../images/blueborder.jpg) no-repeat; height:1px;}
	.tj{ text-align:justify;}
	#detail{ background:url(../images/detailbg.jpg) no-repeat center; height:268px; width:992px; }
	.pl24{ padding-left:24px;	}.pl51{ padding-left:51px;} .pl30{ padding-left:30px;}	
	.bluedot{ background:url(../images/bluedot.jpg) center no-repeat;  height:5px;  }
	.bordergray1{border:solid 1px #cccccc;}
	.contactus1{ background:url(../images/contactus1.jpg) no-repeat; height:300px; padding-left:120px; line-height:25px; }
	textarea{ height:80px; width:350px; overflow:auto;}
	
	.tv{background:url(../images/tv.jpg) no-repeat center; height:177px; width:171px;}*/
	
	#messenger-box { background:url(../images/bg-messenger.gif) no-repeat top center; width:230px; height:157px; overflow:hidden; }
#messenger-box .livechat-img {  width:186px; height:44px; margin:18px 0px 0px 22px;}
div.white-block { margin:0px 5px; padding:5px; background-color:#FFFFFF;}

#messenger{ clear:both; padding:5px 0px 0px 3px;  margin-left:5px; color:#000000;}
#messenger div.icons{background:url(../images/icon-msgs.gif) no-repeat top left; width:43px; height:40px; line-height:45px; cursor:pointer;}
#messenger div.m11{background-position:-3px 0px;}
#messenger div.m22{background-position:-47px 0px;}
#messenger div.m33{background-position:-89px 0px;}
#messenger div.m44{background-position:-133px 0px;}
#messenger div.m55{background-position:-175px 0px;}
div.bg-sb-msg{  width:220px; height:39px; margin-left:5px; margin-top:5px;}
div.txts {line-height:14px; padding:10px; text-align:center; font-size:10px; font-size:11px;}
.floatL {float:left;}
.floatR {float:right;}
.clear{clear:both; height: 1px;}


