/*Main Banner*/
#main-banner { background:url(../images/main-banner1.html) repeat-x -80px bottom; float:left; width:100%;height:366px;}
#content-area { float:left; width:100%; padding:25px 0 0;}
#main-content-area { width:960px; margin:0 auto;}
.expand_heading { background:url(../images/toggle-head.jpg) repeat-x 0 0; margin-bottom:1px; font-size:15px; cursor:pointer; font-weight:bold; line-height:46px; border:solid 1px #d9d9d8; font-style:italic; color:#4e4e4e}
.expand_heading a { text-decoration:none; color:#4e4e4e;}
.expand_heading a:hover { text-decoration:none; color:#4e4e4e;}
.expand_heading .sign { background:url(../images/plus.jpg) no-repeat 0 0; float:left; width:40px; height:46px;}
.active { background:url(../images/toggle-head-sel.jpg) repeat-x 0 0 !important;}
.active .sign { background:url(../images/minus.jpg) no-repeat 0 0 !important;}
.read-more { background:url(../images/read-more.png) no-repeat 0 0; position:absolute; text-align:center; line-height:34px; bottom:0; right:15px; text-decoration:none; color:#fff; width:105px; padding-left:8px; height:34px;}
:hover.read-more { font-weight:bold; text-decoration:none; color:#fff; }

.toggle_container { background:#fff url(../images/content-bg.jpg) repeat-x left bottom; position:relative; float:left; *width:957px; padding:15px 0 15px; display:none; border:solid 1px #d9d9d8; margin-top:1px; }
.toggle_container img { float:left; margin:0px 0 0 15px; }
.toggle_container p { line-height:1.5; margin:0px 15px 15px; float:left; width:731px; *width:720px;}

#footer { background:url(../images/footbg.gif) repeat-x left bottom; float:left; width:100%; position:relative; height:307px; margin-bottom:10px; }
#footer span.left { position:absolute; left:-13px; background:url(../images/footer-l.png) no-repeat 0 0; width:13px; height:86px; top:208px;}
#footer span.right { position:absolute; right:-13px; background:url(../images/footer-l.png) no-repeat -13px 0; width:13px; height:86px; top:208px;}
.copy { color:#fff; line-height:65px; text-align:center; }
.bottom-services { height:223px; float:left; width:100%; }
.social-box { padding:10px; float:left; background:url(../images/contact-bg.png) no-repeat -2px 0; margin:18px 0 0 18px; color:#fff; width:175px; height:162px; }
.social-box h4 { color:#000; font-size:15px; padding-bottom:4px; margin-top:10px;}
.social-box p { font-size:11px; margin-top:3px;}
.contact { margin-left:10px; float:left; width:160px; margin-top:60px;}
.contact a { background:url(../images/social-icon.png) no-repeat; height:45px; float:left; display:block; cursor:pointer;}
.contact a.yahoo { width:37px;background-position:0 0;}
.contact a:hover.yahoo { background-position:0 -44px;}
.contact a.skype { width:35px; background-position:-37px 0;}
.contact a:hover.skype {background-position:-37px -44px;}
.contact a.msn { width:35px; background-position:-72px 0;}
.contact a:hover.msn { background-position:-72px -44px;}
.contact a.gmail { width:40px; background-position:-107px 0;}
.contact a:hover.gmail { background-position:-107px -44px;} 
.services-box { width:175px; height:182px; float:left; cursor:pointer; margin-left:9px; margin-top:18px;}
.services-box  p { margin-top:156px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; text-align:center; color:#333;}
.services-box  p a { color:#333; text-decoration:none;}
:hover.services-box  p { color:#fff;}
:hover.services-box  p a { color:#fff; text-decoration:none;}

.service1 { background:url(../images/web-development-btm-home.png) no-repeat 0 -182px;}
:hover.service1 { background:url(../images/web-development-btm-home.png) no-repeat 0 0;}
.service2 { background:url(../images/mobile-banner.png) no-repeat 0 -182px;}
:hover.service2 { background:url(../images/mobile-banner.png) no-repeat 0 0;}
.service3 { background:url(../images/qa-banner.png) no-repeat 0 -182px;}
:hover.service3 { background:url(../images/qa-banner.png) no-repeat 0 0;}
.service4 { background:url(../images/seo-banner.png) no-repeat 0 -182px;}
:hover.service4 { background:url(../images/seo-banner.png) no-repeat 0 0;}

.ui-icon { float:left;}
.ui-state-active .ui-icon {background:url(../images/minus.jpg) no-repeat 0 0 !important;}
.ui-state-default .ui-icon{background:url(../images/plus.jpg) no-repeat 0 0 !important;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { width:40px !important; height:46px !important; left:0 !important; margin:0 !important; top:0 !important;}
.ui-accordion-header { clear:both; font-family:Conv_COPRGTL,Verdana,Arial,Tahoma !important; font-style:normal !important; font-size:19px !important; font-weight:bold !important;  line-height:46px !important; height:46px !important; padding:0px 0 0 0 !important; border-radius:0 !important; background:url(../images/toggle-head.jpg) repeat-x 0 0 !important;margin-bottom:1px; font-size:15px; cursor:pointer; line-height:46px; border:solid 1px #d9d9d8; font-style:italic; color:#4e4e4e}

.ui-accordion  .ui-state-hover, .ui-accordion  .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:url(../images/toggle-head-sel.jpg) repeat-x 0 0 !important;}
.ui-state-active .ui-icon,.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background:url(../images/minus.jpg) no-repeat 0 0 !important;}



/*Inner Pages*/
#logos { padding:22px 10px 23px; background:url(../images/logo-bg.jpg) no-repeat 0 0; float:left; width:930px; margin-top:25px; width:938px; height:98px; border:solid 1px #D9D9D8;}
.mid-content-area { float:left; width:100%;}
.left-col { float:left; width:68%; min-height:500px; border:solid 1px #d6d6d6; background:rgba(255,255,255,0.7); *background:rgb(255,255,255); padding: 1.5% 2% 2%;}
.left-col h1,.left-col h2 { margin-bottom:10px; padding-bottom:2px; font-family:Conv_COPRGTL,Verdana,Arial,Tahoma;}
.left-col ul { list-style:square outside none; margin-left:30px; color:#222;}
.left-col ul li { margin-bottom:6px;}
.left-col p { line-height:1.5; margin-bottom:8px; color:#222;}
.left-col p strong {font-family:Conv_COPRGTL,Verdana,Arial,Tahoma !important; font-size:15px; } 
.right-col { float:right; width:26%; }
.right-col .head-bg { background:url(../images/right-top-bg.png) repeat-x 0 0; color:#fff; font-size:15px; line-height:33px; height:33px; border:solid 1px #fff; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; font-weight:bold; padding:0 0 0 10px;}
.right-col .right-box ul.services { list-style:none;}
.right-col .right-box ul.services li { line-height:30px; border: dotted 1px #dedede; font-weight:bold; margin-bottom:5px;}
ul.services li a { text-decoration:none; color:#363738; display:block; padding-left:10px;}
ul.services li a:hover { text-decoration:none; color:#005aa9; background:#ebece7;}
.right-col .right-box { margin-bottom:10px; border:solid 1px #e0e0e0; padding:10px; background:rgba(255,255,255,0.5);  *background:rgb(255,255,255);border:solid 1px #fff; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
.right-col form input.bx { display:block; margin:0px 0 10px; width:215px; color:#727272; padding:5px; }
.right-col form textarea {width:215px; padding:5px; font-size:14px; font-family:Tahoma, Geneva, sans-serif; display:block; height:55px; margin-bottom:10px; color:#727272;}
.submit-btn { background:#747474; border:0; color:#fff; padding:4px; font-size:14px; font-weight:bold; cursor:pointer;}
:hover.submit-btn { background:#535353;}
.right-col form .button { text-align:center; margin:5px auto; display:block;}






/*Slider*/
.web-development-banner {  background:url(../images/bg4.jpg) repeat-x center 0;}
.mobile-apps-banner  {  background:url(../images/bg3.jpg) repeat-x center 0;}
.software-testing-banner  {  background:url(../images/bg2.jpg) repeat-x center 0;}
.internet-marketing-banner { background:url(../images/im-bg.jpg) repeat-x center 0;}
.web-development-banner p { display:block; width:100%; height:366px !important;}

.web-development-banner p{ background:url(../images/web-development-banner.jpg) no-repeat center 0;}
.mobile-apps-banner p { background:url(../images/mobile-app-development-banner.jpg) no-repeat center 0;}
.software-testing-banner p{ background:url(../images/software-testing-banner.jpg) no-repeat center 0;}
.internet-marketing-banner p{ background:url(../images/internet-marketing-banner.jpg) no-repeat center 0;}



.tooltip div { display:none; text-align:center; position:absolute; background:#fff url(../images/tooltip-bg.png) repeat-x 0 0; border:solid 1px #b1b1b2; color:#0558d5; width:auto; padding:5px 10px; border-radius:5px; margin-top:-36px; }
.tooltip div span { text-decoration:none !important; position:absolute; bottom:-10px; background:url(../images/tooltip-arrow.png) no-repeat 0 0; width:13px; height:10px; display:block;}


.divTable
{
    display: table;
    width:auto;
    border-spacing:5px;
}

.divRow
{
   display:table-row;
   width:auto;
}

.divCellL
{
    float:left;
    display:table-column;
    width:120px;
}
.divCell
{
    float:left;
    display:table-column;
    width:515px;
}