#content {
height: auto;}


#content .left_side p { font-size:13px; margin-bottom:12px; margin-top:5px;}

.left_side h1 {
    color: #079EF8;
    font-size: 2em;
    padding: 0 0 10px;
    word-spacing: 5px;
	
}


.left_side h2 { margin-top:0px; margin-bottom:10px;}
.sub_head{
color:#079EF8;
}
#content .divider {
    background-image: url("../img/page_divider.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 28px;
    width: 716px;
}
#content .srv {
/*float: left;*/
    height: auto;
 /*   width: 650px;*/
}
#content.srv1{float: left;
    height: auto;
    width: 650px;}

float:left;height:auto;width:400px;}
#content .cold-fusion-content {
    float: left;
    height: auto;
    width: 622px;
}
#content .java-development {
    float: left;
    height: auto;
    width: 622px;
}
.srv h2 {color:#2C9ADB;}

#content .srv ul {
    /*height: 100%;*/
    list-style: none outside none;
    width: 100%;}
#content .srv ul li {
    float: left;
    height: 72px;
    margin: 0 12px 5px 0;
    width: 345px;

}
#content .srv ul li {
    background: url("../img/service_btm_line.png") no-repeat scroll center bottom transparent;
    cursor: pointer;
   /* height: 100%;*/
}
#content .srv ul li  h3 {color:#6A6A6A; font-size:14px; font-weight:bold; padding-left:60px;}
#content .srv ul li a {
    display: block;
    text-decoration: none;
}
.Benifits-php { margin-top:0px;}
 
#content .srv ul li a span {
    display: block;
    float: left;
}
#content .srv ul li {
    float: left;
    height: 72px;
    margin: 0 12px 5px 0;
/*    width: 310px;*/
width:435px;
}
#content .srv ul li a span.bg {
   /* background: url("../img/sprite.png") no-repeat scroll 0 0 transparent;*/
    height: 58px;
    text-indent: -9999px;
    width: 60px;
}
/*edited by kj*/
#content .srv ul li a span.bg{ background: url("../img/php-icon.png") no-repeat scroll 0px 0px transparent;
    height: 58px;
    text-indent: -9999px;
    width: 60px;
	height:63px;}
#content .srv ul li a span.sql{ background: url("../img/my-sql.png") no-repeat scroll 0px 0px transparent;
    height: 58px;
    text-indent: -9999px;
    width: 60px;
	height:63px;}
#content .srv ul li a span.ajax{ background: url("../img/ajax.png") no-repeat scroll 0px 0px transparent;
    height: 58px;
    text-indent: -9999px;
    width: 60px;
	height:63px;}
#content .srv ul li a span.smarty{ background: url("../img/smarty.png") no-repeat scroll 0px 0px transparent;
    height: 58px;
    text-indent: -9999px;
    width: 60px;
	height:63px;}
#content .srv ul li a span.yii{ background: url("../img/yii.png") no-repeat scroll 0px 0px transparent;
    height: 58px;
    text-indent: -9999px;
    width: 60px;
	height:63px;}
#content .srv ul li a span.code-ignitor{ background: url("../img/code-igniter.png") no-repeat scroll 0px 0px transparent;
    height: 58px;
    text-indent: -9999px;
    width: 60px;
	height:63px;}
#content .srv ul li a span.cake-php{ background: url("../img/cake.png") no-repeat scroll 0px 0px transparent;
    height: 58px;
    text-indent: -9999px;
    width: 60px;
	height:63px;}
#content .srv ul li a span.zend{ background: url("../img/zend.png") no-repeat scroll 0px 0px transparent;
    height: 58px;
    text-indent: -9999px;
    width: 60px;
	height:63px;}

#content .srv ul li a span.descri {
    color: #333333;
    float: left;
    font: 11px Arial,Helvetica,sans-serif;
    margin: 0 0 0 5px;
    width: 300px;
}
/*
#content .srv ul .n-php a span {
    background-position: 7px 0px !important;*
}
#content .srv ul .n-cakephp a span {
    background-position: 7px 0px !important;*
}
#content .srv ul .n-cakephp a span {
    background-position: 7px 0px !important;*
}
#content .srv ul .co-ordinator-developer a span {
background-position: 7px 0 !important;
}
#content .srv ul .n-flash a span {
background-position: 7px 0 !important;
}

}
#content .srv ul .co-ordinator-developer a span
{ background-position: 7px 0px !important;* }

#content .srv ul .n-joomla a span {
background-position: 7px 0 !important;
}
#content .srv ul .n-iphone a span {
 background-position: 7px 0 !important;
}
#content .srv ul .n-magento a span {
     background-position: 7px 0 !important;
}
}
#content .srv ul .n-cakephp a span {
    background-position: 7px 0 !important;
}
#content .srv ul .n-seo a span {
  background-position: 7px 0 !important;
}
#content .srv ul .n-zend a span {
background-position: 7px 0 !important;
}
#content .srv ul .n-design a span {
  background-position: 7px 0 !important;
}
#content .srv ul .n-osc a span {
 background-position: 7px 0 !important;
}
#content .srv ul .n-wordp a span {
  background-position: 7px 0 !important;
}
#content .srv ul .n-xcart a span {
 background-position: 7px 0 !important;
}
#content .srv ul .n-zencart a span {
background-position: 7px 0 !important;
}
#content .srv ul .n-mysql a span {
background-position: 7px 0 !important;
}
#content .srv ul .n-igame a span {
  background-position: 7px 0 !important;
}
#content .srv ul .ipad-developer a span { background-position: 7px 0 !important;}
#content .srv ul .html5-developer a span { background-position: 7px 0 !important;}
#content .srv ul .n-fl-design a span {
 background-position: 7px 0 !important;
}
#content .srv ul .n-os-design a span {
 background-position: 7px 0 !important;
}
/*
#content .srv ul .n-php:hover span {
    background-position: -64px -367px !important;
}
#content .srv ul .n-flash:hover span {
    background-position: -186px -367px !important;
}
#content .srv ul .n-joomla:hover span {
    background-position: -64px -424px !important;
}
#content .srv ul .n-iphone:hover span {
    background-position: -186px -424px !important;
}
#content .srv ul .n-magento:hover span {
    background-position: -64px -482px !important;
}
#content .srv ul .n-cakephp:hover span {
    background-position: -186px -482px !important;
}
#content .srv ul .n-seo:hover span {
    background-position: -64px -540px !important;
}
#content .srv ul .n-zend:hover span {
    background-position: -186px -540px !important;
}
#content .srv ul .n-design:hover span {
    background-position: -64px -598px !important;
}
#content .srv ul .n-osc:hover span {
    background-position: -186px -598px !important;
}
#content .srv ul .n-wordp:hover span {
    background-position: -308px -367px !important;
}
#content .srv ul .n-xcart:hover span {
    background-position: -308px -425px !important;
}
#content .srv ul .n-zencart:hover span {
    background-position: -308px -482px !important;
}
#content .srv ul .n-mysql:hover span {
    background-position: -308px -540px !important;
}
#content .srv ul .n-igame:hover span {
    background-position: -308px -598px !important;
}
#content .srv ul .n-fl-design:hover span {
    background-position: -430px -366px !important;
}
#content .srv ul .n-os-design:hover span {
    background-position: -430px -424px !important;
}
#content .srv ul .co-ordinator-developer a span {
    background-position: -370px -482px !important;
}
#content .srv ul .co-ordinator-developer:hover span {
    background-position: -431px -482px !important;
}
*/
#content a {
    color: black;
    font-weight: bold;
}
/*
#content a:hover {
    color: #079EF8;
    text-decoration: underline;
}

#content .srv ul .ipad-developer:hover span {
    background-position: -431px -540px !important;

}
#content .srv ul .ipad-developer a span {
    background-position: -370px -540px !important;
}
#content .srv ul .html5-developer a span {
    background-position: -492px -365px !important;
}
*/
.ttt {
    /*float: left;*/
    margin: 0 0 3px 5px;
}
.srv ul li {
    height: 85px !important;
}
#content .srv ul {   height: 100%;   list-style: none outside none;    width: 100%; margin:0px;}
.srv h2 {margin-top:0px;}
/* left-bar ends */
/* right bar starts */
#right_side {
   
    clear: none;
    display: block;
    float: left;
    height: auto;
   margin-left:8px;
    position: relative;
    width: 212px; !important;
}
#right_side .box_q_quote-shade {
    background: url("../img/box-shade.png") no-repeat scroll center bottom transparent;
    float: left;
    height: auto;
    margin-bottom: 10px;
    width: 250px;
}
/*#right_side .box_q_quote {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 8px 8px 8px 8px;
    float: left;
    height: auto;
    margin-bottom: 10px;
    width: 250px;
}*/
#right_side h1 {
    background: url("../img/sprite.png") no-repeat scroll -4px -208px transparent;
    color: #A0DBFE;
    font: 29px 'BebasNeueRegular';
    height: 46px;
    letter-spacing: 1px;
    padding: 6px 0 0;
    position: relative;
    text-align: center;
    width: 250px;
    z-index: 1;
}
#right_side .box_q_quote-links {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E5E5E5;
    border-radius: 8px 8px 8px 8px;
    float: left;
    height: auto;
    margin: 0 15px 5px;
    padding: 8px 7px 10px 9px;
    position: relative;
    top: -15px;
    width: 184px;
    z-index: 0;
}
#scrollbar1 {
    margin: 9px 0 4px;
    width: 225px;
}
#scrollbar1 .viewport {
    height: 117px;
    overflow: hidden;
    position: relative;
    width: 205px;
}
#scrollbar1 .overview {
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
#scrollbar1 .scrollbar {
    background: url("../img/bg-scrollbar-track-y.png") no-repeat scroll 0 0 transparent;
    float: right;
    position: relative;
    width: 15px;
}
#scrollbar1 .track {
    background: url("../img/bg-scrollbar-trackend-y.png") no-repeat scroll 0 100% transparent;
    height: 100%;
    padding: 0 1px;
    position: relative;
    width: 13px;
}
#scrollbar1 .thumb {
    background: none repeat scroll 0 0 #079EF8;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 1px 1px #FFFFFF;
    cursor: pointer;
    height: 20px;
    left: 1px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 7px;
}
#scrollbar1 .thumb .end {
    background: url("../img/bg-scrollbar-thumb-y.png") no-repeat scroll 50% 0 transparent;
    height: 5px;
    overflow: hidden;
    width: 25px;
}
#scrollbar1 .disable {
    display: none;
}
#right_side .box_q_quote-shade ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#right_side .box_q_quote-shade ul li {
    background: url("../img/black-arrow.png") no-repeat scroll left center transparent;
    padding: 0 6px 0 4px;
}
#right_side .box_q_quote-shade ul li a {
    border-bottom: 1px dotted #535353;
    color: #282828;
    display: block;
    font: 14px/22px 'Muli',Helvetica,sans-serif;
    padding: 3px;
    text-align: left;
    text-decoration: none;
}
#right_side .box_q_quote-shade ul li a:hover {
    color: #056FAE;
}
#right_side .hd_q {
    background: url("../img/sprite.png") no-repeat scroll 0 -207px transparent;
    height: 56px;
    text-indent: -9999px;
    width: 242px;
}
#right_side .input {
    background-color: #FFFFFF;
    border: 1pt solid #E5E4E4;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 0 #C5C4C4 inset;
    color: #666666;
    float: right;
    font: 11px 'Muli',Helvetica,sans-serif;
    height: 22px;
    margin-top: 10px;
    padding: 3px 0 0 5px;
    width: 194px;
}
#right_side .input1 {
    background-color: #FFFFFF;
    border: 1pt solid #E5E4E4;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 0 #C5C4C4 inset;
    color: #666666;
    float: left;
    font: 11px Arial,Helvetica,sans-serif;
    height: 22px;
    margin: 10px 0px 0 -2px;
    padding: 3px 0 0 5px;
    width: 101px;
}
/*#content .srv ul .html5-developer:hover span {
    background-position: -553px -365px !important;
}*/
#right_side h2 {
    
    color:#6A6A6A;
    font: 29px 'BebasNeueRegular';
    height: 46px;
    letter-spacing: 1px;
    padding: 6px 8px 0;
    position: relative;
    text-align: left;
    width: 250px;
    z-index: 1;
    font-weight:700;

}
.testimonial_upquote {
    float: left;
    margin: -5px 2px 0;
}
#rsm2 p {
    color: #282828 !important;
    font: 12px/20px Arial,Helvetica,sans-serif !important;
    padding: 5px 0 0 5px !important;
}
.testimonial_downquote {
    float: right;
    margin: -31px 14px;
}
/*.testimonial_downquote img.cold-fusion { float: right;
    margin: -19px  6px;}*/
#rsm1 .cold-fusion {
 float: right;
    margin: -22px  7px;
}


#right_side h1 {
    background: url("../images/sprite.png") no-repeat scroll -4px -208px transparent;
    color: #A0DBFE;
    font: 29px 'BebasNeueRegular';
    height: 46px;
    letter-spacing: 1px;
    padding: 6px 0 0;
    position: relative;
    text-align: center;
    width: 250px;
    z-index: 1;
}
#right_side .box_q_quote-links {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E5E5E5;
    border-radius: 8px 8px 8px 8px;
    float: left;
    height: auto;
    margin: 0 7px  -8px;
    padding: 8px 7px 10px 9px;
    position: relative;
    top: -15px;
    width: 198px;
    z-index: 0;
}
#right_side .textarea {
    background-color: #FFFFFF;
    background-image: none;
    border: 1pt solid #E5E4E4;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 0 #C5C4C4 inset;
    color: #666666;
    float: right;
    font: 11px Arial,Helvetica,sans-serif;
    height: 47px;
    margin-bottom: 0;
    margin-top: 10px;
    overflow: auto;
    padding: 3px 0 0 5px;
    width: 194px;
}
/*.viewmr-btn {
    

background-image: linear-gradient(bottom, rgb(82,80,82) 39%, rgb(82,82,82) 53%);
background-image: -o-linear-gradient(bottom, rgb(82,80,82) 39%, rgb(82,82,82) 53%);
background-image: -moz-linear-gradient(bottom, rgb(82,80,82) 39%, rgb(82,82,82) 53%);
background-image: -webkit-linear-gradient(bottom, rgb(82,80,82) 39%, rgb(82,82,82) 53%);
background-image: -ms-linear-gradient(bottom, rgb(82,80,82) 39%, rgb(82,82,82) 53%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.39, rgb(82,80,82)),
	color-stop(0.53, rgb(82,82,82))
);


    border: 1px solid #595959;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px #9A9A99 inset;
    color: #FFFFFF !important;
    float: left;
    font: bold 13px Arial,Helvetica,sans-serif;
    padding: 5px 17px;
    text-shadow: -1px 1px 0 #000000;
}
.viewmr-btn:hover {
    background: -moz-linear-gradient(center top , #5C5C5A 0%, #7E7E7E 100%) repeat scroll 0 0 transparent;
    box-shadow: 0 0 5px #C4C4C4 inset;
    color: #B2E0FC !important;
    text-decoration: none !important;
    text-shadow: none;
}*/
.btns-quick {
    display: inline;
    float: left;
     margin: 2px 4px 0 2px;
}
.left_side h2 {color:#6A6A6A; font-size:24px;}
#left-content { float: left;width: 622px;}
#right_panel {  float: right; margin: 0; width: 225px;}

.bullet_tick li {background:url(../img/bullets/bullet_tick.png) no-repeat 0px center;list-style:none;padding-left:20px; line-height:22px;}
.bullet_tick ul {margin:0px;padding:0px;}

.bullet_blue li {background:url(../img/bullets/bullet_blue_arrow.png) no-repeat 0px 1px;list-style:none;padding-left:20px;}
.bullet_blue ul {margin:0px;padding:0px;}


.bullet_red li {background:url(../img/bullets/red_tick.png) no-repeat 0px center;list-style:none;padding-left:20px;}
.bullet_red ul {margin:0px;padding:0px;}

.bullet_blue1 li {background:url(../img/bullets/bullet_add_2.png) no-repeat 0px center;list-style:none;padding-left:20px;}
.bullet_blue1 ul {margin:0px;padding:0px;}

.bullet_green li {background:url(../img/bullets/bullet_right.png) no-repeat 0px center;list-style:none;padding-left:20px;}
.bullet_green ul {margin:0px;padding:0px;}

.ip-service-tab, .service-tab-half, .service-tab-full { background:#f8f8f8;}
.ipad-app-pos { position:absolute; bottom:0px; right:0px;}
#itheme .hire-developers-pos { height:210px;}
#itheme .client-video-block-wrapper { height:212px;}

.ipad-app-satis { margin-top:-50px;}


.web-services { margin-top:30px!important;}
.services_box .icon { background: none repeat scroll 0 0 #646464; border-radius: 50% 50% 50% 50%; float: left;  height: 80px; line-height: 76px; margin-right: 20px; text-align: center; vertical-align: middle; width: 80px; backface-visibility: hidden; transition: all 0.2s ease-out 0s; box-shadow:0 0 4px #CCCCCE;}
.services_box .icon:hover { background-color:#7A549F;}
.web-services .services_box p { margin:0px; margin-top:6px; width:70%; float:left;}
.strapline:before, .strapline:after { content: "";  display: inline-block;  height: 1px;  margin: 0 15px;  opacity: 0.3;  overflow: hidden;  position: relative;  top: -0.3em;    width: 100px; background-color: #7A549F;}
.strapline { font-size:40px; font-family:'Droid Sans',sans-serif; text-transform:uppercase; color:#7A549F; margin-top:20px;}
.web-services .services_box h4.title { font-size:16px; font-weight:bold; color:#333;}
p.strapline-tag-line { margin-top:0px; font-size:14px; margin-bottom:10px;}
.web-recent-work { background:#f0f0f0; margin:48px -10px 0px; position:relative; padding:10px;}


.web-recent-work:before {  background: url("../img/pointer-grey-flip.png") no-repeat scroll 0 0 transparent;  top: -48px;  content: "";  display: block;  height: 48px;  left: 50%;
    margin-left: -48px;  overflow: hidden;  position: absolute;  width: 95px;  z-index: 2;}
	
.web-recent-work:after {
    background: url("../img/pointer-grey.png") no-repeat scroll 0 0 transparent;
    bottom: -48px;
    content: "";
    display: block;
    height: 48px;
    left: 50%;
    margin-left: -48px;
    overflow: hidden;
    position: absolute;
    width: 95px;
    z-index: 2;
}


.web-recent-work .strapline { font-size:26px;}
.web-service-benefit { margin-top:10px;}
.web-services-inquiry-form input { padding:11px 5px 11px 45px; border-radius:0px; width:80%;}
.web-services-inquiry-form input[type="text"], .web-services-inquiry-form textarea, .web-services-inquiry-formselect { background-image:url(../img/form_icon.png); background-repeat:no-repeat; background-position:10px 2px; box-shadow:0 0 4px #CCCCCE;}
.web-services-inquiry-form { margin-left:20px;}
input.country_call_code[type="text"] { background-image: none;  padding-left: 0;  padding-right: 0;  text-align: center;  width: 16%; display:none;}
input.phone[type="text"] { width:80%;}
.web-services-inquiry-form select { background: none repeat scroll 0 0 #FFFFFF; margin-bottom: 5px; padding: 10px; width: 94%; height:auto; border-radius:0px; display:none;}
.web-services-inquiry-form textarea { background: none repeat scroll 0 0 #FFFFFF; margin-bottom: 5px; padding: 10px; width: 88%; height:72px; border-radius:0px;}
.web-services-inquiry-form input.email[type="text"] { background-position:10px -175px}
.web-services-inquiry-form input.phone[type="text"] { background-position: 6px -55px}
.web-service-benefit .strapline { font-size:26px;}