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

body, html { margin:0px; padding:0px; font-size:12px; font-family: Arial, Helvetica, sans-serif; background:url(../../images/default/topbg.jpg) left top repeat-x; color:#444444;}


a { text-decoration:none; color:#0066CC;}
a:hover { color: #000000;}
h1 { color:#0066CC; font-family:Arial, Helvetica, sans-serif; font-size:20px; width:100%; border-bottom:1px solid #A5C7F4; margin-top:0; font-variant:small-caps;}
h2 { color:#003355; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:18px; width: auto; border-bottom:1px solid #cccccc; background:url(../../images/default/h2.png) left no-repeat; padding-left: 30px;}
h3 { color:#0066cc; font-family:Arial, Helvetica, sans-serif; font-size:15px; width: auto; text-transform:none; margin-top:0px; margin-bottom: 8px;}
h3 a { color:#0066cc;}
h4 { color:#99CC33; font-size: 15px; background:url(../../images/default/Dollar.png) left no-repeat; padding-left: 30px; line-height:40px; margin:0 0 10px 0; border-bottom:1px dotted #99CC33; border-top:1px dotted #99CC33;}
h5 { font-size:15px; margin:0px; padding:0px;}

.float-left{float:left;}
.float-right{float:right;}
.infobox{border:1px solid #009900; background-color:#F0F0F0; font-weight:bold; color:#006666; width:auto; height:auto; padding:5px;}
.alertbox{border:1px solid #FF0000; background:#FFCC99; font-weight:bold; color:#FF0000;}

.clr { clear:both; font-size:1px;}
.alias { width:100%; margin-bottom:10px; color: #0066CC; float:left; background:none; text-align:left;}
.navbar { width:100%; height:72px; border: 0px solid;}
.navbar a { width:89px; height:50px; float:right; margin-left:2px; text-align:center;}
.navbar a img { padding:0px;}
.pagination { width:100%; height:30px; line-height:30px; clear:both; background:none;}
.pagination a { padding:10px; border:1px solid #d0d0d0; background:none; float:left; width:auto; color:#00cc00;}
.pagination a:hover { color:#FF9900;}


#header { width:950px; height:auto; padding:0px 10px 0px 10px; /*border:1px dotted #000000; border-right:1px dotted #f0f0f0;*/}
#logo { float:left; width:210px; background:url(../../images/default/solutionbdlogobg.png); height:120px; margin-top:0px; text-align:left; }
#logo img { padding:0px;}
#header_right { float:right; width:740px; height:auto; text-align:right; padding-top:1px; border:0px solid;}
#header_right a:hover { color:#FFFFFF;}
#header_right div.placeorder { border:0px solid; width:auto; float:right; height:auto;}
#header_right div.placeorder a { border:0px solid #94b6e3; display:block; background:url(../../images/default/placebtnhomeflat.png) right top no-repeat; text-align:right; padding:12px; width:171px; margin-top:10px; font-weight:bold; color:#0066CC;}
#header_right div.placeorder a:hover { background:url(../../images/default/placebtnhomeflat.png) right bottom no-repeat; color:#FFFFFF;}



#container { width:970px; height:auto; padding:0px; background:url(../../images/default/footerbg.jpg) left bottom repeat-x; margin-bottom:10px;}
#container1 { width: 950px; height:auto; padding:10px 10px 0px 10px; background:url(../../images/default/bodytopbgflat.png) top no-repeat;}
#body_div { width:100%; height:auto; }

#body_left { float:left; width:27%; height: auto;}
.body_left_inner { width:90%; height: auto; border:1px solid #A5C7F4; border-top:4px solid #A5C7F4; padding:4%; text-align:left; margin-bottom:10px;}
.body_left_inner div ul { margin:20px 0px 0px 0px; padding:0px;}
.body_left_inner div ul li { background:url(../../images/default/bodybulete.gif) 0 0px no-repeat; list-style:none; padding-left:25px; margin:10px 0px 15px 0px; font-size:12px; color:#555555; font-weight:bold; }
.followus { width:90%; height: auto; border:1px solid #A5C7F4; border-top:4px solid #A5C7F4; padding:4%; text-align:left; margin-bottom:10px;}
.followusicon { width:auto; height: 36px; float: left; border: 1px solid #d0d0d0; margin: 0px 2px 2px 0px; padding:4px;}

.tesimonial { width:90%; height:216px; border:1px solid #A5C7F4; border-top:4px solid #A5C7F4; padding:4%; text-align:justify; margin-bottom:10px; }
.tesimonial p { text-align: justify;}
.tesimonial ul {  margin:20px 0px 0px 0px; padding:0px;}
.tesimonial li { background:url(../../images/default/bodybulete.gif) 0 0px no-repeat; list-style:none; padding-left:25px; margin:10px 0px 15px 0px; font-size:12px; color:#555555; font-weight:bold;}



#body_right { float:right; width:70%; height:auto; border:1px solid #A5C7F4; border-top:4px solid #A5C7F4; padding:1%;}
.bodybox1{ text-align:left;}
.bodybox1 ul { border-left:1px dotted #dddddd; padding: 0px 0px 0px 40px; margin:0px;}
.bodybox1 ul li { text-align:left; list-style:url(../../images/default/li.gif) outside; margin-bottom:5px; line-height:normal; vertical-align: middle; font-size:12px; color:#006699;}
.productimage { width: 30%; height:auto; float:left; }
.list { width: 67%; height: auto; float:left; }
.welcome { width:100%; padding:0%; margin-top:10px; height: auto; text-align: justify; margin-bottom: 30px; color:#555555; }

.quickcontact { width:97.8%; padding:1%; margin-top:10px; height: auto; /*background:#f9f9f9;*/ border: 1px solid #A5C7F4; border-top: 3px solid #A5C7F4; border-bottom:none;}
.quickcontact_left { float:left; width:256px; height:auto;}
.quickcontact_mid { float:left; width: 350px; height:auto;}
.quickcontact_mid div{ padding:5px 0 0 0;}
.quickcontact_mid input { width: 300px; padding: 5px; border:1px solid #d0d0d0; margin-bottom:2px; color:#006600; font-size: 14px;}
.quickcontact_mid textarea { width:300px; padding:5px; height:150px; overflow: auto; border:1px solid #d0d0d0; font-family:Arial, Helvetica, sans-serif; color:#006600;}
.quickcontact_mid input.sbmt { width:100px; height:28px; margin-top:2px; border:none; background: url(../../images/default/sendbtn.gif); color:#44aa44; padding-left: 15px; text-align:left; cursor:pointer; font-weight:normal;}
.quickcontact_mid input.sbmt:hover { color: #00CC00;}
.quickcontact_right { float:left; width:280px; height:250px; border-left:1px dotted #A5C7F4; margin-left:20px; padding-left:20px;}

.common {width: 97.7%; height: auto; border: 1px solid #A5C7F4; border-top: 4px solid #A5C7F4; padding: 1%; text-align:left; }

/*#packs { width:100%; height:auto; }
#packs div { float:left; width:98%; height:auto; background:#f7f7f7; margin-bottom: 20px; border:1px solid #f0f0f0; padding:1%;}
#packs div h1 { width:95%; background:url(../../images/default/bulet1.png) left no-repeat; padding-left: 5%;}
#packs div p { line-height: 25px; background:url(../../images/default/pbg.gif) left bottom repeat; float: right; width: 70%; padding:0px; margin:0px;}
#packs div img { float:left;}*/

#packshome { width:100%; height:auto; }
/*#packshome div { float:left; width:98%; height:auto; margin-bottom: 20px;  padding:1%;}*/
#packshome div h1 { width:95%; background:url(../../images/default/bulet1.png) left no-repeat; padding-left: 5%; border-bottom:5px groove #A5C7F4;}
#packshome div div.packbox { border-top:0px solid #d0d0d0; /*background:url(../../images/default/packboxbg.gif) top left repeat-x;*/ }
#packshome div div.packbox div.packleft { float:left; width: 150px; height:auto; }
#packshome div div.packbox div.packleft img { margin: 0px; padding: 0px;}

#packshome div div.packbox div.packright { float: right; width: 73%; padding:0px; margin:0px;}
#packshome div div.packbox div.packright ul { border:none; margin: 10px 0px 0px 0px; padding:0px; color:#555555; }
#packshome div div.packbox div.packright ul li { list-style:url(../../images/default/li.gif) inside; margin-top:5px; padding:0px;}
#packshome div div.packbox div.packright p { line-height: 18px; width: auto; padding:0px 10px 10px 0px; margin:0px; text-align:justify; color:#555555;}
#packshome div div.packbox div.packright div.packlink { display:block; line-height:28px; float:right; width:auto; color:#44aa44;}
#packshome div div.packbox div.packright div.packlink a { color:#44aa44; font-weight:bold;}
#packshome div div.packbox div.packright div.packlink a:hover { color:#99ff00;}
#packshome div div.packbox div.packright div.packlink div.btnleft { float:left; background:url(../../images/default/templeft.gif) left no-repeat; width:11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#packshome div div.packbox div.packright div.packlink div.btnmid { float:left; background:url(../../images/default/tempmid.gif) left repeat-x; width:auto; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#packshome div div.packbox div.packright div.packlink div.btnright { float:left; background:url(../../images/default/tempright.gif) left no-repeat; width: 11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#packshome div.viewdetails { float:right; text-align:right; font-weight:bold;}
#packshome input { width: 390px; padding: 5px; border: 1px solid #d0d0d0; margin-bottom: 2px;}
#packshome input.order { width: 403px; height:63px; background:#00CC33; background:url(../../images/default/placebtnflat.png); border:none; cursor:pointer; font-size:34px; font-weight:bold; color:#44aa44;}
#packshome textarea { width: 390px; padding: 5px; border: 1px solid #d0d0d0; height: 140px; font-family: Arial, Helvetica, sans-serif; font-size:12px; overflow:auto;}
#packshome fieldset { border: 1px solid #cccccc; width: 380px; padding:10px; margin:0px; }
#packshome fieldset li { list-style:square;}

/*for design and development service*/
.packlink { text-align:right; line-height:28px; float:right; width:auto; color:#44aa44;}
.packlink a { color:#44aa44; font-weight:bold;}
.packlink a:hover { color:#99ff00;}
.packlink div.btnleft { float:left; background:url(../../images/default/templeft.gif) left no-repeat; width:11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.packlink div.btnmid { float:left; background:url(../../images/default/tempmid.gif) left repeat-x; width:auto; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.packlink div.btnright { float:left; background:url(../../images/default/tempright.gif) left no-repeat; width: 11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}



#placeorder { width: 100%; height: auto; }
#placeorder .po_lft { width: 48%; height:auto; float: left; margin-right: 10px;}
#placeorder .po_rht { width: 48%; height:auto; float: left; margin-right: 10px;}
#placeorder input { width: 390px; padding: 5px; border: 1px solid #d0d0d0; margin-bottom: 2px;}
#placeorder textarea { width: 390px; padding: 5px; border: 1px solid #d0d0d0; height: 140px; font-family: Arial, Helvetica, sans-serif; font-size:12px; overflow:auto;}
#placeorder fieldset { border: 1px solid #cccccc; background-color:#F6F6F6; width: 380px; padding:10px; margin:0px; }
#placeorder fieldset .lft{ width:98%; float:left; border:none; margin:0px;}
#placeorder fieldset .ttype { border-top:1px solid #CCCCCC;}
#placeorder fieldset input { width:auto; height:auto; border:0px;}
#placeorder input.order { width: 403px; height:63px; background:#00CC33; background:url(../../images/default/placebtnflat.png); border:none; cursor:pointer; font-size:34px; font-weight:bold; color:#44aa44;}
#placeorder input.order:hover { color:#00cc00;}



#testimonial { width:100%; height:auto;}
#testimonial div { float:left; margin:0px 0px 30px 43px; width:380px; border:1px solid #ffffcc; height:auto; background: #FFFFCC url(../../images/default/testimonialbg1.gif) top left repeat-x; padding:20px 0px 20px 20px;}
#testimonial div div.top { width:358px; height:56px; background: url(../../images/default/testimonialtop.gif); padding:0px; margin:0px; border:none;}
#testimonial div div.mid { width:358px; height:auto; background: url(../../images/default/testimonialbg2.gif) left repeat-y; padding:0px; margin:0px; border:none;}
#testimonial div div.mid p { width: 75%; margin-left: 40px;}
#testimonial div div.mid p strong { text-transform:uppercase;}
#testimonial div div.bott { width:358px; height:58px;background: url(../../images/default/testimonialbottom.gif); padding:0px; margin:0px; border:none;}


#templates { width:100%; height:auto;}
#templates div { float:left; margin:0px 0px 30px 0px; width:200px; border:0px solid #000; height:auto; background: none; padding:10px 22px 10px 10px;}
#templates div div.top { width:100%; height:auto; background:none; border-bottom:1px dotted #6193b0; border-top: 1px solid #6193b0; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; color:#666666;}
#templates div div.top strong { color:#006699;}
#templates div div.mid { width:100%; height:auto; background:none; padding:0px; margin:0px; border:none;}
#templates div div.mid img { margin: 0px; padding: 0px; width:100%; height:200px;}
#templates div div.bott { width:100%; height:auto; /*background:#6193b0;*/ padding:0%; margin:5px 0px 0px 0px; color:#44aa44; line-height:28px;}
#templates div div.bott a { color:#44aa44; font-weight:bold;}
#templates div div.bott a:hover { color:#99FF00;}





#portfolio { width: 100%; height: auto;}
#portfolio h2 { color:#003355; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:18px; width: auto; border-bottom:5px groove #cccccc; background:url(../../images/default/h2.png) left no-repeat; padding-left: 30px;}
#portfolio h4 { color:#99CC33; background:none; padding:0px; font-size:15px;line-height: normal; margin:0px; border-bottom:1px dotted #99CC33; border-top:none;}
#portfolio div.thumb { float:left; width:400px; height:auto; padding:5px; background:url(../../images/default/packboxbg.gif) top left repeat-x; border:1px solid #d0d0d0;}
#portfolio div.port_right { float:right; width:500px;}
#portfolio p { padding:0 10px 0 10px; margin-top:0px;}
#portfolio div.pagination { width:100%; height: auto; line-height:30px; clear:both; background:none; border:none; }
#portfolio div.pagination a { padding:10px; margin-right:1px; background:#f0f0f0; border:none; float:left; width:auto; color:#00cc00;}
#portfolio div.pagination a:hover { color:#FF9900;}
#portfolio div.pagination .sel {background-color:#CCCCCC;}
#portfolio div div { padding:8px; background:#e0e0e0; border:1px solid #d0d0d0; border-left: none; margin:0px; margin-bottom:5px;}

#ragistration { width: 100%; height: auto;}
#ragistration div { width:100%; height:auto;}
#ragistration input { width:300px; padding:8px; border:1px solid #d0d0d0; margin: 0 10px 5px 0px;}
#ragistration input.regbtn { border:none; width:auto; height:auto; background: none; color:#44aa44; font-weight:bold; margin:0px; padding-top:5px; cursor:pointer;}
#ragistration input.regbtn:hover { color:#99ff00;}
#ragistration div div.regbtnleft { float:left; background:url(../../images/default/templeft.gif) left no-repeat; width:11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#ragistration div div.regbtnmid { float:left; background:url(../../images/default/tempmid.gif) left repeat-x; width:auto; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#ragistration div div.regbtnright { float:left; background:url(../../images/default/tempright.gif) left no-repeat; width: 11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}


#faq { width: 100%; height: auto;}
#faq div { width:100%; height:auto; }
#faq input { width:404px; padding:8px; border:1px solid #d0d0d0; margin: 0 10px 5px 2px;}
#faq input.faqbtn { border:none; width:auto; height:auto; background: none; color:#44aa44; font-weight:bold; margin:0px; padding-top:5px; cursor:pointer;}
#faq input.faqbtn:hover { color:#99ff00;}
#faq div div.faqbtnleft { float:left; background:url(../../images/default/templeft.gif) left no-repeat; width:11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#faq div div.faqbtnmid { float:left; background:url(../../images/default/tempmid.gif) left repeat-x; width:auto; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#faq div div.faqbtnright { float:left; background:url(../../images/default/tempright.gif) left no-repeat; width: 11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#faq div fieldset { border: 1px dotted #d0d0d0; margin-bottom:10px;}
#faq div textarea { width: 400px; height: 60px; padding:10px; margin-bottom:5px; margin-left:2px;}
#faq div p { margin-left:20px; color:#444444;}
#faq div li { text-align:left; list-style:url(../../images/default/li.gif) outside; margin-bottom:5px; line-height:normal; font-weight:bold; font-size:12px; color:#006699;}



#aboutus { width: 100%; height: auto;}
#aboutus div { width:100%; height:auto; }
#aboutus input { width:300px; padding:8px; border:1px solid #d0d0d0; margin: 0 10px 5px 0px;}
#aboutus input.faqbtn { border:none; width:auto; height:auto; background: none; color:#44aa44; font-weight:bold; margin:0px; padding-top:5px; cursor:pointer;}
#aboutus input.faqbtn:hover { color:#99ff00;}
#aboutus div div.faqbtnleft { float:left; background:url(../../images/default/templeft.gif) left no-repeat; width:11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#aboutus div div.faqbtnmid { float:left; background:url(../../images/default/tempmid.gif) left repeat-x; width:auto; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#aboutus div div.faqbtnright { float:left; background:url(../../images/default/tempright.gif) left no-repeat; width: 11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#aboutus div fieldset { border: 1px dotted #d0d0d0; margin-bottom:10px;}
#aboutus div textarea { width: 400px; height: 100px; padding:10px; margin-bottom:5px; margin-left:2px;}
#aboutus div p { margin-left:20px; color:#444444;}
#aboutus div li { text-align:left; list-style:url(../../images/default/li.gif) outside; margin-bottom:5px; line-height:normal; font-weight:bold; font-size:12px; color:#006699;}



#partnership { width: 100%; height: auto;}
#partnership div { width:100%; height:auto; }
#partnership input { width:300px; padding:8px; border:1px solid #d0d0d0; margin: 0 10px 5px 0px;}
#partnership input.partnershipbtn { border:none; width:auto; height:auto; background: none; color:#44aa44; font-weight:bold; margin:0px; padding-top:5px; cursor:pointer;}
#partnership input.partnershipbtn:hover { color:#99ff00;}
#partnership div div.partnershipbtnleft { float:left; background:url(../../images/default/templeft.gif) left no-repeat; width:11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#partnership div div.partnershipbtnmid { float:left; background:url(../../images/default/tempmid.gif) left repeat-x; width:auto; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#partnership div div.partnershipbtnright { float:left; background:url(../../images/default/tempright.gif) left no-repeat; width: 11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#partnership div fieldset { border: 1px dotted #d0d0d0; margin-bottom:10px;}
#partnership div textarea { width: 400px; height: 100px; padding:10px; margin-bottom:5px; margin-left:2px;}
#partnership div p { margin-left:20px; color:#444444;}
#partnership div li { text-align:left; list-style:url(../../images/default/li.gif) outside; margin-bottom:5px; line-height:normal; font-weight:bold; font-size:12px; color:#006699;}



#contactus { width: 100%; height: auto; margin-bottom:50px;}
#contactus div { width:100%; height:auto;}
#contactus textarea { width:234px; height: 50px; border:1px solid #d0d0d0; margin: 0 10px 5px 0px; padding:8px; font-family: Arial, Helvetica, sans-serif; overflow:auto;}
#contactus input { width:234px; padding:8px; border:1px solid #d0d0d0; margin: 0 10px 5px 0px;}
#contactus input.contactusbtn { border:none; width:auto; height:auto; background: none; color:#44aa44; font-weight:bold; margin:0px; padding-top:5px; cursor:pointer;}
#contactus input.contactusbtn:hover { color:#99ff00;}
#contactus div div.contactusbtnleft { float:left; background:url(../../images/default/templeft.gif) left no-repeat; width:11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#contactus div div.contactusbtnmid { float:left; background:url(../../images/default/tempmid.gif) left repeat-x; width:auto; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#contactus div div.contactusbtnright { float:left; background:url(../../images/default/tempright.gif) left no-repeat; width: 11px; height:28px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}


#pricelist { width: 100%; height: auto;}
#pricelist table { width:100%; height:auto; border-left:1px solid #006699; border-top:1px solid #006699; }
#pricelist td { padding:5px; border-right:1px solid #006699; border-bottom:1px solid #006699;}


#footer { width:950px; height:73px; padding-top:40px; background:none; text-align:left; color:#909090;}
#footer a { color:#a0a0a0; font-weight:bold;}
#footer a:hover { color:#ffffff;}