body, html{margin:0px; font:11px/18px "Trebuchet MS"; background:#787979 url(../images/background-images.jpg) repeat-x top center; color:#737373; text-align:left; color:#312e2e; margin-bottom:20px; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px;}
h1{font-size:24px; font-weight:bold; color:#4bbdce;}
h1 span{font-size:18px; font-weight:bold; color:#2bace5;}
h3{font-size:16px; font-weight:bold; color:#868888; margin-bottom:10px;}
h3 ul{ margin:0px; padding:0px; }
h3 li{ float:left; background:url(../images/hms-icon.jpg) no-repeat 0px 5px; line-height:25px; width:658px; padding-left:30px; }
h4{font-size:18px; font-weight:bold; color:#000000; margin-bottom:10px;}
h4 a{font-size:18px; font-weight:bold; color:#000000; }
h4 a:hover{color:#2bace5; text-decoration:none;}
h4 span{padding-left:410px;}
storng {font-weight:normal; font-size:11px;}
b{color:#000000;}
b span{color:#46bfcb; font-size:14px; font-weight:bold;}
h5{color:#2bace5; font-size:12px; font-weight:bold;}
h6{color:#4bbdce; font-size:14px; }
h6{color:#4bbdce; font-size:14px; }
ul, li { margin:0px; padding:0px; list-style:none;}
p{text-align:justify; word-spacing:1px; margin:0px; padding:0px; padding-bottom:10px;}
.dropcap:first-letter{font:48px "Trebuchet MS", Times, serif; color:#586b59; line-height:40px;}
input, textarea{font:12px/15px Arial, Helvetica, sans-serif; border:1px solid #cccccc; color:#7f7f7f;}
img{border:0px;}
a{color:#000000; text-decoration:none; outline:none;}
a:hover{color:#000000; text-decoration:underline;}
ul{margin:0px; padding:0px; }
li{list-style:none;}
html{height:100%}
.cl{font-weight:normal; clear:both;}
.fr{float:right;}
.fl{float:left;}
#main-wrapper{width:1004px; height:auto; margin:auto; display:table;}
#main-wrapper .topwindows {width:1004px; height:24px; float:left; position:relative; z-index: 2; left:0; top:0}
#main-wrapper .topwindows1 {width:1004px; height:24px; float:left;}
#top-banner{width:1004px; height:138px; float:left; }
#top-banner .topbanner {width:1004px; height:24px; float:left; }
#top-banner .top-min-banner{width:996px; height:137px; float:left; background:url(../images/top-banner.jpg) no-repeat top center; padding:0px 4px 0px 4px; border-bottom:#6c7b81 solid 1px; position:relative; z-index:1; }
#top-banner .top-min-banner .logo{width:302px; height:117px; position:absolute; float:left; background:url(../images/logo-shap.gif) no-repeat top left; padding:38px 0px 0px 0px; }
#top-banner .top-min-banner .top-menu{line-height:25px; text-align:right; padding:0px 10px 0px 0px; font-size:12px; color:#313131; margin-bottom:33px; }
#top-banner .top-min-banner .top-menu a {font-size:12px; color:#313131; padding:0px 0px; text-decoration:none;}
#top-banner .top-min-banner .top-menu a:hover { color:#3190b1; }
#top-banner .top-min-banner .callus{ height:18px; text-align:right; padding-right:15px; margin-bottom:26px;}
#top-banner .top-min-banner .menu{
font-size:14px;
width:686px;
font-weight:bold;
color:#2bace5;
height:35px;
background:url(../images/menu-line.jpg) repeat-x top left;
float:right;
position:relative;
z-index:1000;
margin-left:310px;
}
#top-banner .top-min-banner .menu a{font-size:14px; font-weight:bold; color:#2bace5; line-height:35px; background:url(../images/menu-line.jpg) repeat-x top left;padding:0px 0px; display:block; text-decoration:none;}
#top-banner .top-min-banner .menu a span{ font-size:14px; font-weight:bold; color:#2bace5; line-height:35px; padding:0px 26px; display:block; background:url(../images/spports.jpg) no-repeat top right;}
#top-banner .top-min-banner .menu a:hover { background:url(../images/hover.jpg) repeat-x left top; display:block;}
#top-banner .top-min-banner .menu a:hover span{color:#999999; background:url(../images/spports-buttom.png) no-repeat center bottom; position:relative; padding-bottom:5px;}
#top-banner .top-min-banner .menu ul{margin:0px; padding:0px;}
#top-banner .top-min-banner .menu li{float:left; display:inline; }
#top-banner .top-min-banner .menu-left{ background:url(../images/menu-left.jpg) no-repeat left top; width:11px; height:35px; position:absolute!important ; z-index:1000; display:block; margin-left:0px; }
#top-banner .top-min-banner .menu-right{ width:6px; background:url(../images/menu-right.jpg) no-repeat right top; height:35px;position:relative; z-index:1000; display:block; float:right; }
#main-banner{width:1004px; height:auto; float:left; position:relative; }
#main-banner .main-banner{background: #FFFFFF url(../images/body-bg.jpg) repeat-x top center; float:left; position:absolute; width:996px; height:auto; padding:0px 4px 0px 4px; }
#main-banner .about-banner{background: #FFFFFF url(../images/body-bg.jpg) repeat-x top center; float:left; position:absolute; width:996px; height:auto; }
#main-banner .main-banner .banner-menu-box{width:285px; background:url(../images/banner-menu-top.jpg) no-repeat top center; float:left;padding-top:6px; margin-top:19px;}
#main-banner .main-banner .midd-part{width:257px; border-left:#67b9df solid 1px; border-right:#67b9df solid 1px; background:url(../images/banner-menu-line.jpg) repeat-x top center; float:left; padding:11px 13px; line-height:34px;font-size:11px; font-weight:bold; }
#main-banner .main-banner .midd-part a{font-size:11px; font-weight:bold; line-height:34px; padding:0px 10px; display:block; background:#a7e5ff url(../images/banner-spports.jpg) no-repeat right top; color:#0b6992; text-decoration:none; margin-bottom:1px; }
#main-banner .main-banner .midd-part a:hover{color:#000000; background:#fba50e url(../images/banner-spports-hover.jpg) no-repeat right top; }
#main-banner .main-banner .midd-part-color a{color:#000000; background:#fba50e url(../images/banner-spports-hover.jpg) no-repeat right top; }
#main-banner .main-banner .midd-part ul{ margin: 0px; padding:0px;}
#main-banner .main-banner .midd-part li{float:left; display:block; width:250px; position:relative; }
#main-banner .main-banner .bottom-part{width:285px; background:url(../images/banner-menu-buttom.jpg) no-repeat top center; float:left; height:40px;}
#main-banner .main-banner .right-banner{width:691px; float:right; margin-top:18px; }
#main-banner .main-banner .right-banner-box{width:691px; float:right; height:273px; }
#main-banner .main-banner .right-banner-buttom{width:691px; float:right; background:url(../images/shode-banner.jpg) no-repeat top left; height:42px; }
#contact-part{width:996px; height:auto; float:left; background:#FFFFFF; position:relative; margin-top:332px; padding:0px 4px 0px 4px;}
#contact-part .contact-left-part{width:289px; height:auto; float:left; padding-bottom:10px;}
#contact-part .contact-right-patt{width:688px; height:auto; float:right;}
#contact-part .contact-left-part .clients{width:269px; background:url(../images/clients.jpg) no-repeat top center; float:left; padding:31px 10px 0px 10px; margin-bottom:5px;}
#contact-part .contact-left-part .products{width:269px; background:url(../images/our-product.jpg) no-repeat top center; float:left; padding:31px 10px 0px 10px; margin-bottom:5px;}
#contact-part .contact-left-part .quick{width:247px; background:url(../images/quick.jpg) no-repeat top center; float:left; margin-bottom:5px; padding:0px 30px 0px 12px;}
#contact-part .contact-left-part .contact-us{width:269px; background:url(../images/contact-us.jpg) no-repeat top center; float:left; padding:31px 10px 0px 10px; margin-bottom:5px;}
#contact-part .contact-left-part .contact-us .contact-icon{width:261px; background:url(../images/contact-icon.jpg) no-repeat top center; height:125px; padding:5px 0px 0px 12px;}
#contact-part .contact-left-part .quick .link{height:40px;}
#contact-part .contact-left-part .quick .link img{ float:right; height:29px; text-align:right; margin:0 5px 0 0px; cursor:pointer; }
#contact-part .contact-left-part .quick .input-box{width:247px; height:29px; float:left; margin-bottom:2px;}
#contact-part .contact-left-part .quick .input-box .left-input{width:88px; height:29px; float:left; font-size:12px; color:#000000;}
#contact-part .contact-left-part .quick .input-box .right-input{width:159px; height:29px; float:left; font-size:12px; color:#000000;}
#contact-part .contact-left-part .quick .input-box .input-main{ width:153px; height:22px; background: url(../images/input.jpg) no-repeat top left; border:none; padding:7px 3px 0px 3px;}
#contact-part .contact-left-part .quick .input-box .input-main-req{ width:153px; height:77px; background: url(../images/input-req.jpg) no-repeat top left; border:none; padding:7px 3px 0px 3px; overflow:auto;}
#contact-part .contact-left-part .quick .pass-text{width:60px; line-height:29px; float:left; padding-left:35px; font-size:12px; font-weight:bold; color:#000000; letter-spacing:5px;}
#contact-part .contact-left-part .quick .pass-text-left{width:70px; height:29px; float:right; }
#contact-part .contact-left-part .quick .passworld{width:60px; height:23px; border:none; border:#999999 dashed 1px; padding:3px 3px 0px 3px; }
#contact-part .contact-left-part .quick .pass-text-right{width:71px; height:29px; float:right;}
#contact-part .contact-left-part .clients-box{width:268px; background:url(../images/client-box1.jpg) no-repeat top center; float:left; height:160px;}
#contact-part .contact-left-part .read{ height:26px; text-align:right; background:url(../images/read-box.jpg) no-repeat top right; margin-top:5px; padding:3px 5px 0px 0px; float:right; width:250px; }
#contact-part .contact-right-patt .portfolio-img{width:688px; height:auto; float:right;}
#contact-part .contact-right-patt .looking-img{width:655px; height:auto; float:left; background:url(../images/bottom-loking.jpg) no-repeat bottom center; padding:0px 12px 5px 21px; position:relative; margin-top:-20px; }
#contact-part .contact-right-patt .looking-img .looking-left{width:535px; height:auto; float:left; margin-top:10px; }
#contact-part .experty{width:796px; height:100px; background:url(../images/experty.jpg) no-repeat top center; float:left; padding:34px 50px 44px 150px}
#contact-part .contact-right-patt .looking-img .read4{ height:26px; text-align:right; background:url(../images/read-box.jpg) no-repeat top right; margin-top:5px; padding:3px 5px 0px 0px; float:right; width:250px; }
#footer-box{width:992px; height:54px; background:#FFFFFF; float:left; padding:0px 6px 0px 6px; }
#footer-box .footer{width:992px; height:54px; background:url(../images/footer-bg.jpg) repeat-x top left; float:left; position:relative; margin-top:10px; text-align:center; }
#footer-box .footer #arrow{
width:30px;
height:49px;
position:absolute;
float:left;
margin-left:50px;
left: 880px;
top: 5px;
}
#footer-box .footer .footermenu{line-height:34px; text-align:center; color:#312e2e; background:url(../images/top-icon.jpg) no-repeat right bottom;}
#footer-box .footer .footermenu a{ padding:0px 5px 0px 5px; color:#312e2e; text-decoration:none;}
#footer-box .footer .footermenu a:hover{ color:#312e2e; text-decoration:underline;}
#footer-box .footer .footermenu-color a{ color:#FFFFFF; text-decoration:underline;}
#main-footer-box{width:988px; height:250px; background:url(../images/footer-gray-bgline.jpg) repeat-x top center; float:left; margin:0px 0px 0px 3px; padding:2px 2px 2px 2px;}
#main-footer-box .main-footer-white{width:968px; height:202px; background:#FFFFFF; float:left; padding:10px 10px 10px 10px;}
#main-footer-box .main-footer-white .main-footer-white-menu {width:484px; float:left; font-size:11px; color:#515252; }
#main-footer-box .main-footer-white .main-footer-white-menu a { font-size:11px; text-decoration:none; color:#515252; line-height:17px; display:block; padding:0px 8px; background:url(../images/small-icon.jpg) no-repeat top left;}
#main-footer-box .main-footer-white .main-footer-white-menu a:hover { color:#2bace5; }
#main-footer-box .main-footer-white .main-footer-white-menu ul{margin:0px; padding:0px;}
#main-footer-box .main-footer-white .main-footer-white-menu li{width:260px; float:left; display:inline; }
#main-footer-box .main-footer-white .main-footer-white-menu span li {width:200px; float:left; display:inline; margin-left:22px;}
#main-footer-box .copy-right{width:978px; float:left; font-size:11px; color:#515252; line-height:30px; padding-left:10px; }
#main-footer-box .copy-right span{ padding-left:570px;}
/* index banner */
#horizontal_container{
width: 671px;
height: 273px;
background:url(images/banner-04.jpg) 112px 0px no-repeat;
}
.horizontal_accordion_toggle {
float: left;
display: block;
height: 277px;
width: 28px;
background-image: url(images/asp-net-web-development.gif) ;
background-position:top left;
background-repeat: no-repeat;
color: #ffffff;
text-decoration: none;
outline: none;
cursor: pointer;
margin: 0 0 0 0;
}
.horizontal_accordion_toggle a{float:left; width:28px; height:277px;}
.horizontal_accordion_toggle a.services {background-image:url(../images/services_tog.gif);}
.horizontal_accordion_toggle a.php-web-development {background-image:url(../images/php-web-development.gif);}
.horizontal_accordion_toggle a.asp-net-web-development {background-image:url(../images/asp-net-web-development.gif);}
.horizontal_accordion_toggle a.yahoo-store-design {background-image:url(../images/yahoo-store-design.gif);}
.horizontal_accordion_toggle a:hover{ background-position:0px -277px;}
.horizontal_accordion_toggle_active a{
background-position: 0px -554px;
background-repeat: no-repeat;
}
.horizontal_accordion_content {
height: 277px;
float: left;
overflow: hidden;
background-color: #ffffff;
color: #444444;
width:671px;
}
.horizontal_accordion_content img
{float:left;}
/**/
/* index recent projects*/
/*about pages*/
#main-banner .about-banner{
background:#FFFFFF url(../images/body-bg.jpg) repeat-x top center;
float:left;
position:absolute;
width:996px;
height:auto;
background-image: url(../images/body-bg.jpg);
}
#contact-part, .about-part{width:996px; height:auto; float:left; background:#FFFFFF; position:relative; margin-top:100px; padding:0}
#contact-part .contact-left-part .about-left-box{width:276px; height:auto; float:left; background:url(../images/services-about-bg.jpg) no-repeat top center; padding:5px 7px 0px 6px; margin-bottom:15px; }
#contact-part .contact-left-part .about-left-box #webdesign-services{width:276px; height:62px; float:left; }
#contact-part .contact-left-part .about-menu-box{width:260px; height:auto; float:left;color:#000000; font-size:12px; font-weight:bold; margin:0px 8px 0px 8px; position:relative; margin-top:-10px; }
#contact-part .contact-left-part .about-menu-box a{ font-size:12px; font-weight:bold; line-height:33px; border-bottom:#cecccc solid 1px; display:block; padding:0px 0px 0px 35px; text-decoration:none; color:#000000; }
#contact-part .contact-left-part .about-menu-box a:hover{ font-size:12px; font-weight:bold; line-height:33px; border-bottom:#cecccc solid 1px; display:block; color:#2bace5;}
#contact-part .contact-left-part .about-menu-box ul{ margin:0px; padding:0px; }
#contact-part .contact-left-part .about-menu-box li{float: left; display:block; width:260px;}
#contact-part .contact-left-part .about-menu-box li img{float:left; }
#contact-part .contact-left-part .resentproject{width:289px; background:url(../images/resent-project.jpg) no-repeat top center; float:left; padding:31px 0px 0px 0px; margin-bottom:5px;}
#contact-part .contact-left-part .resent-box{width:250px; background:url(../images/resent-bg.jpg) no-repeat top center; float:left; height:197px; padding:5px 18px 3px 19px;}
#contact-part .contact-left-part .flexcroll ul{ margin:0px; padding:0px; }
#contact-part .contact-left-part .flexcroll li{ width:216px; float:left; display:block; padding:10px 0px 10px 5px;}
#contact-part .contact-left-part .flexcroll li span{ width:211px; float:left; display:block; background:url(../images/resent-img.jpg) no-repeat top center; height:19px; padding-top:169px; text-align:right; padding-right:5px;}
#contact-part .contact-left-part .flexcrollimg1{ width:226px; float:left; display:block; background:url(../images/resent-img1.jpg) no-repeat top center; height:180px; }
#contact-part .contact-left-part .flexcrollimg1 strong{ padding-top:159px; background-image:none; display:block;}
#contact-part .contact-left-part .flexcrollimg2{ width:226px; float:left; display:block; background:url(../images/resent-img2.jpg) no-repeat top center; height:188px; text-align:right;}
#contact-part .contact-left-part .flexcrollimg2 strong{ padding-top:159px; background-image:none; display:block;}
#contact-part .contact-left-part .flexcrollimg3{ width:226px; float:left; display:block; background:url(../images/resent-img3.jpg) no-repeat top center; height:188px; text-align:right;}
#contact-part .contact-left-part .flexcrollimg3 strong{ padding-top:159px; background-image:none; display:block;}
#contact-part .contact-left-part .flexcrollimg4{ width:226px; float:left; display:block; background:url(../images/resent-img4.jpg) no-repeat top center; height:188px; text-align:right;}
#contact-part .contact-left-part .flexcrollimg4 strong{ padding-top:159px; background-image:none; display:block;}
#contact-part .contact-left-part .flexcrollimg5{ width:226px; float:left; display:block; background:url(../images/resent-img5.jpg) no-repeat top center; height:188px; text-align:right;}
#contact-part .contact-left-part .flexcrollimg5 strong{ padding-top:159px; background-image:none; display:block;}
#contact-part .contact-left-part .flexcrollimg6{ width:226px; float:left; display:block; background:url(../images/resent-img6.jpg) no-repeat top center; height:188px; text-align:right;}
#contact-part .contact-left-part .flexcrollimg6 strong{ padding-top:159px; background-image:none; display:block;}
#contact-part .contact-left-part .flexcrollimg7{ width:226px; float:left; display:block; background:url(../images/resent-img7.jpg) no-repeat top center; height:188px; text-align:right;}
#contact-part .contact-left-part .flexcrollimg7 strong{ padding-top:159px; background-image:none; display:block;}
#contact-part .contact-left-part .flexcrollimg8{ width:226px; float:left; display:block; background:url(../images/resent-img8.jpg) no-repeat top center; height:188px; text-align:right;}
#contact-part .contact-left-part .flexcrollimg8 strong{ padding-top:159px; background-image:none; display:block;}
#contact-part .contact-left-part .flexcrollimg9{ width:226px; float:left; display:block; background:url(../images/resent-img9.jpg) no-repeat top center; height:188px; text-align:right;}
#contact-part .contact-left-part .flexcrollimg9 strong{ padding-top:159px; background-image:none; display:block;}
#contact-part .contact-left-part .flexcrollimg10{ width:226px; float:left; display:block; background:url(../images/resent-img10.jpg) no-repeat top center; height:188px; text-align:right;}
#contact-part .contact-left-part .flexcrollimg10 strong{ padding-top:159px; background-image:none; display:block;}
/*about pages coloed*/
/*services pages */
.contact-right-patt .services-mainsiervices{width:308px; height:auto; background:url(../images/software-developed-buttom.jpg) no-repeat bottom center; padding-bottom:15px; }
.services-mainsiervices .menuservices{width:266px; height:auto; float:left; margin:0px 21px 0px 21px; color:#000000; font-weight:normal;}
.services-mainsiervices .menuservices a{color:#000000; font-weight:normal; line-height:22px; background:url(../images/software-developed-icon.jpg) no-repeat top left; display:block; padding:0px 0px 0px 0px; padding-left:15px;}
.services-mainsiervices .menuservices a:hover{color:#2bace5;}
.services-mainsiervices .menuservices ul{margin:0px; padding:0px; }
.services-mainsiervices .menuservices li{list-style:none; float:left; width:266px; background:url(../images/software-developed-icon-buttom.jpg) no-repeat left bottom;}
/*services pages coloed*/
/*products pages */
.contact-right-patt .produicts{font-size:18px; font-weight:bold; color:#2bace5; width:688px; height:auto; }
.contact-right-patt .produicts ul{margin:0px; padding:0px; }
.contact-right-patt .produicts li{list-style:none; float:left; width:653px; background:url(../images/innovision-icon.jpg) no-repeat top left; padding-left:35px; text-align:justify; margin-bottom:15px; color:#2bace5; }
.contact-right-patt .produicts li a{ color:#2bace5; }
.contact-right-patt .produicts li a:hover{ color:#000000; }
.contact-right-patt .produicts li span{font-size:11px; line-height:18px; text-align:justify; color:#000000; font-weight:normal; }
/*contact ram pages */
.contact-right-patt .contact-border{width:626px; height:auto; border:#cecece solid 1px; background:#FFFFFF; padding:40px 20px 20px 20px; margin-top:20px; float:left; }
.contact-border .contact-border-left {width:260px; height:auto; border:#cecece solid 1px; background:#FFFFFF; padding-left:20px; padding-right:20px; }
.contact-border-left .office{width:223px; height:63px; position:relative; margin-top:-30px; }
.contact-right-patt .contact-form{width:670px; height:auto; border:#cecece solid 1px; background:#FFFFFF; float:left; margin-top:25px;}
.contact-form .contact-form-icon{width:650px; height:46px; position:relative; margin-top:-25px; margin-left:20px;}
.contact-form .contact-form-bg{width:654px; height:auto; background:#f5f5f5; margin:3px 3px 3px 3px; padding:5px 5px 5px 5px;}
.contact-form .contact-form-bg ul{ margin:0px ; padding:0px ;}
.contact-form .contact-form-bg li{ list-style:none; height:36px; border-bottom:#b6b6b6 solid 1px; width:654px;}
.contact-form .contact-form-bg .span ul{ margin:0px ; padding:0px ;}
.contact-form .contact-form-bg .span li{ list-style:none; line-height:36px; width:200px; border:none; }
.contact-form .contact-form-bg .span span li { list-style:none; line-height:32px; width:414px; border:none;}
.input-tex{width:404px; height:17px; background:url(../images/input-box.jpg) no-repeat top left; border:none; padding:10px 5px 5px 5px;}
.input-tex1{width:404px; height:152px; background:url(../images/comm-box.jpg) no-repeat top left; border:none; padding:10px 5px 5px 5px; overflow:auto;}
.contact-right-patt .srms{font-size:12px; font-weight:bold; color:#2bace5; width:688px; height:auto; }
.contact-right-patt .srms ul{ margin:0px; padding: 0px; }
.contact-right-patt .srms li{ list-style: none; font-size:12px; font-weight:bold; color:#2bace5; background:url(../images/srms-icon.jpg) no-repeat top left; display:block; padding-left:35px; width:653px; margin-bottom:15px; }
.contact-right-patt .srms li span{font-size:11px; line-height:18px; text-align:justify; color:#000000; font-weight:normal;}
.contact-right-patt .srms img{ float:left; margin:0px 0px 0px 0px; }
.contact-right-patt .srms .span1{font-size:12px; font-weight:bold; float:left;}
.contact-right-patt .srms .span1 ol{margin:0px; padding:0px;}
.contact-right-patt .srms .span1 li{ list-style:none; color:#000000; float:left; width:600px; height:20px; margin-bottom:5px; background:url(../images/hms-icon.jpg) no-repeat top left;}
/*----------------------------site----------ramnath-------------------map---------------------*/
.contact-right-patt .srms-ram{font-size:12px; font-weight:bold; color:#2bace5; width:688px; height:auto; }
.contact-right-patt .srms-ram ul{ margin:0px; padding: 0px; }
.contact-right-patt .srms-ram li{ list-style: none; font-size:12px; font-weight:bold; color:#2bace5; background:url(../images/srms-icon.jpg) no-repeat top left; display:block; padding-left:35px; width:653px; margin-bottom:15px; }
.contact-right-patt .srms-ram li a{ list-style: none; font-size:12px; font-weight:bold; color:#2bace5; text-decoration:none;}
.contact-right-patt .srms-ram li a:hover{text-decoration:underline; color:#0033FF;}