/*---------- COMAN----------*/
body{ margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif ;color:#464646;font-size:12px;text-decoration:none; line-height:18px;font-weight:normal; background:url(../images/header_bg.jpg) repeat-x;	}
.common_div{width:100%;}
img{border:0;}
.underline{ text-decoration:underline;}
.clr{clear:both; font-size:0; line-height:0; height:0px;}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li, ol {margin:0px; padding:0px;}
a{ color:#F37122; text-decoration:none;}
a:hover{ text-decoration:underline;}

/*---------- index----------*/
#wapper{width:100%;padding:0;margin:0;}
#top_content{width:100%;background:url(../images/top_content_bg.jpg) repeat-x;height:150px;}
#header_con{width:100%; background:#333333; height:107px;}
#header{width:980px;margin:0 auto;}
#header_content{height:107px;}
#logo{padding-top:27px;margin:0;float:left;}
#header_right{width:250px;padding-top:7px;float:right;}
.top_link{color:#FFFFFF;font-size:11px;text-align:center; padding-left:116px;}
.top_link ul{list-style-type:none;}
.top_link ul li{float:left;background:url(../images/sep.jpg) no-repeat right 4px;padding-right:7px;padding-left:7px;}
.top_link ul li.last{background:none;}
.top_link ul li a{font-size:11px;color:#FFFFFF;}
.right_logo{padding-top:23px; text-align:right}
.home_text{font-style:italic;font-size:11px;color:#FFFFFF;}
#nav{width:980px;margin:0 auto;height:43px;}
#slider{width:100%; text-align:center; background:url(../images/slide_area_background.jpg) center}
#slider_bg{width:100%;  background:url(../images/slide_area_background.jpg) no-repeat center}
#main_container{width:100%;background:#fff url(../images/container_top_bg.jpg) repeat-x;}
#container{width:980px; margin:0 auto}

/*---------- Home page----------*/
#container #left_box{width:480px; float:left; padding-top:32px; padding-bottom:10px;}
h1{font-family:"Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;color:#f37122 ;font-size:20px;padding-bottom:17px; display:block; font-weight:normal}
h1.leftspace{  margin-left:17px; margin-right:25px; background:url(../images/dotted.jpg) repeat-x 0 30px;}
h2{font-family:"Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;color:#f37122 ;font-size:20px;padding-bottom:17px; display:block; font-weight:bold}
h2.small{font-family:"Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;color:#f37122 ;font-size:18px;padding-bottom:17px; display:block; font-weight:bold}
h3{font-family:Arial, Helvetica, sans-serif;color:#464646 ;font-size:16px;padding-bottom:17px; display:block; font-weight:bold}
#what_we_boxes{ margin-left:17px; width:433px; padding-top:9px;  background:url(../images/dotted.jpg) repeat-x 0 bottom; }
#what_we_boxes .main_box{ height:auto; margin-bottom:10px; }
#what_we_boxes .top_bg{ height:20px; }
#what_we_boxes .middle_bg{ background:url(../images/what_saying_middle_bg.png) repeat-y; padding-left:20px; width:446px;}
#what_we_boxes .middle_bg img{ float:left; margin-right:9px;}
#what_we_boxes .middle_bg .content{ float:left; width:277px; color:#464646; line-height:14px;   }
#what_we_boxes .middle_bg .content h2{ color:#F37122; font-size:16px; display:block; padding-bottom:2px; font-weight:normal   }
#what_we_boxes .middle_bg .content .date{font-size:13px; font-style:italic ; display:block; padding-bottom:10px;  }
#what_we_boxes .bottom_bg{ height:20px; }

.blog_row{ padding-bottom:25px; padding-left:0px;}

.blog_row .image{ width:111px;float:left; margin-right:11px; margin-bottom:12px;}
.blog_row .con_box{ width:300px;float:left; font:12px; }
.blog_row .con_box h3{ padding-bottom:10px; font-family:  }

.blog_row .image .datebox{ padding-top:10px; text-align:right}
a.blog_more{ background:url(../images/icon_more.jpg) no-repeat right 3px; padding-right:18px; color:#e77341; font-size:12px; text-decoration:none; }
a.blog_more:hover{ text-decoration:underline;}


#container #right_box{width:482px; float:left; padding-top:32px; padding-left:16px;}
a.readmore{ margin-top:5px; display:inline-block; padding-left:21px; background:url(../images/arrow.png) no-repeat 0 3px; color:#F37122 ; font-size:14px; text-decoration:none;}
a.readmore:hover{text-decoration:underline;}
#award_image{ }
#award_content{ height:auto}
.learnabouttext{ font-size:14px; padding-bottom:8px;}
#award_image .left_con{ width:234px; float:left; height:auto; padding-top:25px; margin-right:16px;}
#award_content .right_con{ padding-top:12px;}
#award_content .heading, #award_image .heading{ font-size:13px; font-weight:bold; color:#333333;  padding-bottom:17px; display:block}
ul.award_text{ list-style:none;}
ul.award_text li{ background:url(../images/arrow.png) no-repeat 0px 3px; padding-left:19px; padding-bottom:12px; display:block;}

/*---------- Recent work----------*/
#recentwork{ background:#e4e4e4 url(../images/recent_bg.jpg) repeat-x; padding-top:26px; padding-bottom:29px;}
#recentwork_conten{ margin:0 auto; width:980px; position:relative;  }
#recentwork_conten .boxrow{ padding-left:22px;   }
#recentwork_conten .box1{ width:197px; padding:10px; margin-right:30px; float:left; background:#cdcdcd url(../images/recent_work_bg.jpg) repeat-x; height:224px; }
#recentwork_conten .box1.big{ padding-bottom:8px;  }
#recentwork_conten .box1 h3{ font-size:13px; font-weight:bold; color:#F37122; display:block; padding-top:10px; padding-bottom:10px;}
#recentwork_conten .box1 .content{ font-size:11px;  color:#333333; line-height:15px;}
#recentwork_conten .box1.last{margin-right:0px;  }
.viwlalltext{position:absolute;left: 830px;top: 9px;width: 144px;}
a.viewall{ color:#F37122; font-size:16px; font-weight:bold; text-decoration:none;}
a.viewall:hover{text-decoration:underline;}

/*---------- Bottom content----------*/
#footer_content{ background:#333333; padding-top:30px; }
#footer_content_middle{ margin:0 auto; width:980px; color:#FFF;background:url(../images/follow_box_bg.png) no-repeat 656px 68px;}
#footer_content_middle #left_content{ width:236px; float:left;}
#footer_content_middle #left_content .content{ padding-left:25px; padding-top:20px;}
#footer_content_middle #left_content .content h3{ font-family:"Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;color:#F37122;font-size:16px; display:block; padding-bottom:11px; text-transform:uppercase}
a.white_link{ color:#FFF; text-decoration:none;}
a.white_link:hover{  text-decoration:underline;}
#footer_content_middle #right_content{ width:717px; float:left; padding-left:25px; position:relative; ;}
#footer_content_middle #right_content h3{ font-family:"Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;color:#F37122;font-size:14px; display:block; padding-bottom:6px; text-transform:uppercase}
#footer_content_middle #right_content .content { padding-left:22px;  }
#footer_content_middle #right_content .content a{ color:#FFF; text-decoration:none; }
#footer_content_middle #right_content .content a:hover{ text-decoration:underline; }
#footer_content_middle #right_content .link_box{ padding-bottom:22px;}
#footer{ background:url(../images/footer_bg.jpg) repeat-x; height:49px;}
#footer_text_bg{ background:url(../images/footer_text_bg.jpg) repeat-x; width:386px; margin:0 auto; height:29px; text-align:center; padding-top:20px; color:#747474}
.social_media_icon{position:absolute;left: 509px;top: 153px;width: 229px;height: 97px;}
.img_build{ padding-left:20px; margin-top:-14px;}
#slider1{ width:100%; margin:0 auto !important;}
.bx-wrapper{width:100%; margin:0 auto !important;}
ul#nav-shadow{ list-style:none; padding-left:16px;}
ul#nav-shadow li{ float:left; width:56px; margin-right:11px;  }
ul#nav-shadow li a{ display:block; width:56px;  }
ul#slider1{ list-style:none; height:322px; overflow:hidden; width:1202px; }
ul#slider1 li{ list-style:none; width:1200px; display:block; height:322px; text-align:center}

.footer_middle{ width:950px; margin: 0 auto; padding-left:30px}
#verslider{}	
#verslider ul, #verslider li{margin:0;padding:0;list-style:none;}
#verslider li{width:466px;	height:410px;	overflow:hidden; }

/*---------- Bottom content----------*/
.bubbleInfo{ position:relative; z-index:0}
.bubbleInfo .popup { top:-260px !important;  background: url(../images/toolTip.png) no-repeat scroll left top transparent;   display: none;  height: 235px;  padding: 38px 38px 45px;   width: 308px; z-index: 9999999;	position: absolute;filter: none !important; }


.ohterpages .bubbleInfo{ text-align:center }
.ohterpages #recentwork_conten .box1{ width:196px;  margin-right:23px; }
.ohterpages #recentwork_conten .box1.last {   margin-right: 0;}
.ohterpages .viwlalltext { left: 818px;}


/*---------- Slider content----------*/
.bx-next {position:absolute;top:40%;right:-50px;z-index:999;width: 30px;height: 30px;text-indent: -999999px;background: url(gray_next.png) no-repeat 0 -30px;}
/*previous button*/
.bx-prev {position:absolute;top:40%;left:-50px;z-index:999;width: 30px;height: 30px;text-indent: -999999px;	background: url(gray_prev.png) no-repeat 0 -30px;}
/*pager links*/
.bx-pager a { float:left; text-indent:-99999px; margin-right: 5px;	zoom:1; display:block; 	height:14px; 	width:14px;	background: url(../images/dot.png) no-repeat 0px -14px;}
/*auto start button*/
.bx-auto .start {background: url(gray_auto.png) no-repeat 0 2px;padding-left: 13px;}
/*auto stop button*/
.bx-auto .stop {background: url(gray_auto.png) no-repeat 0 -14px;padding-left: 13px;}
/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {background-position: 0 0;}
/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {	background-position: 0 0px;}
/*pager wrapper*/
.bx-pager { position:absolute; background:url(../images/slider_bt_bg.png) no-repeat 0 0px; left:0px; top:283px;	text-align:center; width:418px; padding-left:782px; height:30px; padding-top:10px;font-size:12px;color:#666;}
/*captions*/
.bx-captions {text-align:center;font-size: 12px;padding: 7px 0;color: #666;}
/*auto controls*/
.bx-auto {text-align: center;padding-top: 15px;}
.bx-auto a {color: #666;font-size: 12px;}

/*----------End  Slider content----------*/
#portfoliobottom {  background: url(../images/porfolio_bottom_bg.jpg) repeat-x  0 0 ;   width: 100%;height:189px;}
#wemake_port {width: 1082px;height:175px;margin:0 auto; padding-top:14px;}

/*----------Subpage Content----------*/
#main_container.subpage {  background: #f5f5f7 url(../images/subpage_bg.jpg) repeat-x scroll 0 0 ;   width: 100%;}
#sub_pade_content{ padding-top:28px; padding-bottom:20px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:38px; padding-right:38px; position:relative;}
#sub_pade_content  .contentleft{ width:473px; float:left; margin-right:15px;}
#sub_pade_content  .contentright{ width:476px; float:left}
#sub_pade_content  .contentleft.expand{ width:940px; float:none; margin-right:0px;}
.imageborder{ border:1px solid #333;}
#sub_pade_content  .contentleft ul{ list-style:disc; margin-left:25px;}
#sub_pade_content  .contentleft ol{  margin-left:25px;}

/*----------ApplicationDevelopment----------*/
.subucommon{ width: 619px;}
#appli_dev{position:absolute;left: 643px;top: 25px;}

/*----------CMS----------*/
#sub_pade_content.cms{ width:937px; padding-top:8px; padding-bottom:20px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:35px; padding-right:8px; position:relative;}
#sub_pade_content.cms .left_block{ width:330px; position:absolute; padding-top:54px;}
#sub_pade_content.cms .right_block{ width:587px; float:right; padding-top:21px ; margin-right:10px;}
#sub_pade_content ul{ list-style:none; padding-top:5px;}
#sub_pade_content ul li{ background:url(../images/arrow.png) no-repeat 0px 3px; padding-left:19px; padding-bottom:12px; display:block;}


/*----------eCommerce----------*/
#sub_pade_content.ecommerce{ width:937px; padding-top:8px; padding-bottom:20px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:35px; padding-right:8px; position:relative;}
#sub_pade_content.ecommerce .left_block{ width:374px; float:left;   padding-top:54px;}
#sub_pade_content.ecommerce .right_block{ width:505px; float:right; padding-top:21px ; margin-right:10px;}






/*----------E-Learning----------*/
#sub_pade_content.learning{ padding-top:8px; padding-bottom:20px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:10px; padding-right:8px; width:962px; }
#sub_pade_content.learning .left_block{ width:417px; float:left; padding-right:27px; padding-top:58px;}
#sub_pade_content.learning .right_block{ width:487px; float:left; padding-top:21px }

/*----------Host Email----------*/
#sub_pade_content.hostemail{ padding-top:0px; padding-bottom:20px; padding-left:20px; padding-right:20px; width:940px; }
.hostemail_row{ border-bottom:1px solid #e4e4e9; padding-bottom:30px; padding-top:30px;}
.hostemail_row .imagebox{ width:343px; float:left; }
.hostemail_row .conbox{ width:572px; float:left; margin-left:25px; }
.hostemail_row.none{ border-bottom: none; }

/*----------Logo----------*/
#sub_pade_content.logo{ padding-top:8px; padding-bottom:20px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:40px; padding-right:8px; width:932px; position:relative;}
#sub_pade_content.logo .left_block{ width:341px; float:left; padding-right:36px; padding-top:40px;}
#sub_pade_content.logo .right_block{ width:528px; float:left; padding-top:21px }

/*----------Mobile Websites----------*/
#sub_pade_content.mobile_websites{ padding-top:8px; padding-bottom:20px; background:#FFF url(../images/page_bg.jpg) repeat-x; width:972px; padding-left:0px; padding-right:8px; position:relative;}
#sub_pade_content.mobile_websites .left_block{ width:425px; float:left; padding-right:0; padding-top:17px;}
#sub_pade_content.mobile_websites .right_block{ width:534px; float:left; padding-top:21px }

/*----------Online Marketing----------*/
#sub_pade_content.onlinemarketing{ width:937px; padding-top:33px; padding-bottom:20px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:35px; padding-right:8px; position:relative;}
#sub_pade_content.onlinemarketing .left_block{ width:937px; float:left; padding-right:10px;}
#sub_pade_content.onlinemarketing .right_block{ width:520px; float:right; padding-top:21px ; padding-left:10px; }

/*----------Website Development----------*/
#sub_pade_content.website_dev{ padding-top:28px; padding-bottom:20px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:25px; padding-right:25px;}

/*----------Website Development----------*/
#sub_pade_content.contact{ padding-top:28px; padding-bottom:20px; padding-left:40px; padding-right:25px; width:915px; }
#sub_pade_content.contact .left_block{ width:360px; float:left;  padding-top:7px;  }
#sub_pade_content.contact .right_block{ width:540px; float:right;   }
#sub_pade_content.contact .right_block .left_form{ width:270px; float:left;    }
#sub_pade_content.contact .right_block .left_form.none{ margin-right:0px; float:right; width:260px;  }
#sub_pade_content.contact .right_block .left_form .formrow{ padding-bottom:12px;   }
#sub_pade_content.contact .right_block .formrow .label{ padding-bottom:10px; font-weight:bold;     }
#sub_pade_content.contact .right_block .formrow .orange{ color:#f37122   }
#sub_pade_content.contact .right_block .formrow .input{ width:245px; height:19px; padding:8px; border:1px solid #eea87c; background:#f0f0f0  }
#sub_pade_content.contact .right_block .formrow .textarea{ width:246px; height:164px; padding-top:3px; padding-left:3px; border:1px solid #eea87c; background:#f0f0f0  }
#sub_pade_content.contact .right_block .formrow .checkbox{ width:16px; height:16px; border:1px solid #eea87c;background:#f0f0f0 ;margin-right:6px;float:left;margin-top:3px; }



#sub_pade_content.contact .right_block .formrow .submit{ padding-right:6px; text-align:right; }
.contact_list{padding-left:10px; padding-top:10px;}
.contact_list a{color:#333333; text-decoration:underline}
.contact_list a:hover{text-decoration:none}
/*---------- History----------*/
#history_bar{ background:url(../images/history_bar.jpg) repeat-x 0 17px; }
#history_bar a{	width:71px;	height:82px;display:block; left:0px; position:absolute }
#history_bar a.common{	width:auto;	height:auto;display:inline; left:auto; position:relative  }
#history_bar a.his{background:url(../images/his_2006.png) no-repeat 0 0;}
#history_bar a.his:hover{ background-position:bottom;}
#history_bar a.his2{background:url(../images/his_2007.png) no-repeat 0 0;}
#history_bar a.his2:hover{ background-position:bottom;}
#history_bar a.his3{background:url(../images/his_2008.png) no-repeat 0 0;}
#history_bar a.his3:hover{ background-position:bottom;}
#history_bar a.his4{background:url(../images/his_2009.png) no-repeat 0 0;}
#history_bar a.his4:hover{ background-position:bottom;}
#history_bar a.his5{background:url(../images/his_2010.png) no-repeat 0 0;}
#history_bar a.his5:hover{ background-position:bottom;}
#history_bar a.his6{background:url(../images/his_2011.png) no-repeat 0 0;}
#history_bar a.his6:hover{ background-position:bottom;}
#history_bar a.his7{background:url(../images/his_2012.png) no-repeat 0 0;}
#history_bar a.his7:hover{ background-position:bottom;}
#history_bar .popup { border:1px solid #999; height:auto; top:82px !important;   -moz-box-shadow: 0px 0px 4px #999;-webkit-box-shadow: 0px 0px 4px #999; box-shadow: 0px 0px 4px #999;  display: none;   padding: 12px;   width: 283px; z-index: 9999999; left:10px !important;	position: absolute;filter: none !important; background:#FFF; line-height:16px; }
#history_bar .popup.last {top:90px !important;  left:-250px !important;	 }
#history_bar .bubbleInfo{ width:71px; float:left; display:block; height:82px; margin-left:81px; position:relative !important}
#history_bar .bubbleInfo.first{ margin-left:-20px; }
#history_bar .bubbleInfo.last{ margin-left:67px; width:52px; }

/*---------- Blog ----------*/

#sub_pade_content.blog{ padding-top:30px; padding-bottom:20px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:40px; padding-right:40px; position:relative;}
#sub_pade_content.blog .left_block{ width:620px; float:left; padding-right:17px;}
#sub_pade_content.blog .right_block{ width:260px; float:left; }
.blog_row{ padding-bottom:10px;}
.blog_con img{ margin-top:12px; margin-bottom:12px;}
.comment_info{ border-top:1px solid #efefef; background:url(../images/blog_info.jpg) repeat-y; padding-top:15px; padding-bottom:15px; overflow:hidden}
.blog_con a{ color:#464646; font-size:13px; text-decoration:none; text-transform:uppercase; font-weight:bold}
.blog_con a:hover{  text-decoration:underline; }
.comment_info .posted{ width:142px; float:left; color:#858585}
.comment_info .posttext{ font-size:10px;display:block; text-transform:uppercase; padding-bottom:7px;}
.comment_info .posted .date{ font-size:16px; font-weight:bold}
.comment_info .comment{ width:114px; float:left; color:#858585; padding-left:16px;}
.comment_info .cate{ width:305px; float:left; color:#858585; padding-left:16px;}
.comment_info a{ color:#f37122; text-decoration:underline; font-weight:bold;  }
.comment_info a:hover{text-decoration:none;  }
#sub_pade_content.blog .right_block h3{ font-size:11px; font-weight:bold; color:#a6a6a6; padding-bottom:10px; text-transform:uppercase; }
#sub_pade_content.blog .right_block ul{ list-style:none; padding-left:12px;}
#sub_pade_content.blog .right_block ul li{ padding-bottom:3px; display:block;background:none ; padding-left:0px; }
#sub_pade_content.blog .right_block ul li a{ color:#f37122; font-weight:bold; font-size:11px; text-decoration:none; }
#sub_pade_content.blog .right_block ul li a:hover{ text-decoration:underline; }
#sub_pade_content.blog .right_block .box1{ border-bottom:1px solid #d4d4d4; padding-bottom:20px; padding-left:21px; border-left:1px solid #d4d4d4 ; padding-top:10px; text-transform:uppercase; }
#sub_pade_content.blog .right_block .box1.socialicon{ border-bottom: none; text-transform:capitalize; }
#sub_pade_content.blog .socialicon ul{ list-style:none; padding-left:0px;}
#sub_pade_content.blog .socialicon ul li{ padding-bottom:3px; display:block;background:none ; padding-left:0px; padding-bottom:9px;}
#sub_pade_content.blog .socialicon ul li a{ color:#f37122; font-weight:bold; font-size:11px; text-decoration:none; display:block; padding-bottom:7px; padding-top:7px; }
#sub_pade_content.blog .socialicon ul li a:hover{ text-decoration:underline; }
#sub_pade_content.blog .socialicon ul li a.face{ padding-left:42px; background:url(../images/b_icon_face.jpg) no-repeat;   }
#sub_pade_content.blog .socialicon ul li a.twiiter{ padding-left:42px; background:url(../images/b_icon_twiiter.jpg) no-repeat; }
#sub_pade_content.blog .socialicon ul li a.linkin{ padding-left:42px; background:url(../images/b_icon_in.jpg) no-repeat;}

.blog_row.des .rowheader{}
.blog_row.des h2{ width:506px; float:left;}
.blog_row.des .rowheader a{ color:#464646; text-decoration:none; font-size:14px;font-weight:bold;}
.blog_row.des .rowheader a:hover{text-decoration:underline; }
.tag{ padding-top:15px; padding-bottom:15px;}
.tag a{ font-weight:bold; font-size:11px;  }

.blog_form{ background:#e4e4e9; padding:15px; margin-top:10px;}
.blog_form h4{ color:#464646; display:block; font-weight:bold; padding-bottom:26px;   }
.blog_form_row{ padding-bottom:15px;}
.blog_form_row .formbox{ width:180px; float:left; margin-right:25px;}
.blog_form_row .formbox.last{ margin-right:0px;}
.blog_form_row .formbox.textarea{ width:auto; float:none; margin-right:0px;}
.blog_form_row .formbox .label{ padding-bottom:7px; font-weight:bold; }
.blog_form_row .formbox .input{ width:174px; border:1px solid #c6c6ca; height:24px; padding-top:4px; padding-left:4px; background:#FFF;  }
.blog_form_row .formbox .textarea{ width:584px; border:1px solid #c6c6ca; height:106px; padding-top:4px; padding-left:4px; background:#FFF;  }
.blog_submit{ text-align:right;}

/*----------About----------*/
#sub_pade_content.about{ width:974px; padding-top:0px; padding-bottom:0px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:0px; padding-right:8px; position:relative;}
#sub_pade_content.about .left_block{ width:319px; float:left; }
#sub_pade_content.about .right_block{ width:629px; float:right; padding-top:25px ; padding-left:20px;}
a.underline{ text-decoration:underline; color:#f37122}
a.underline:hover{ text-decoration:none;}

/*----------Careers----------*/
#sub_pade_content.careers{ width:972px; padding-top:0px; padding-bottom:0px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:0px; padding-right:8px; position:relative;}
#sub_pade_content.careers .left_block{ width:319px; float:left; text-align:center;background:url(../images/dark_bg.jpg) repeat-y 0 0;}
#sub_pade_content.careers .right_block{ width:620px; float:left; padding-left:24px; padding-top:24px; }

/*----------Directions----------*/
#container.directions{width:100%; margin:0 auto}
#sub_pade_content.directions{ width:100%;  padding-top:0px; padding-bottom:0px; background: none; padding-left:0px; padding-right:0px; position:relative;}
#sub_pade_content.directions .left_block{ width:288px; float:left;  padding-top:16px; padding-right:14px;  }
#sub_pade_content.directions .right_block{ width:620px; float:left; padding-left:22px; padding-top:16px; border-left:1px solid #eaeaea  }

/*----------tech_support----------*/
#sub_pade_content.tech_support{  padding-top:8px; padding-bottom:20px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:17px; padding-right:8px; position:relative;}
#sub_pade_content.contact .left_block.tech{ width:320px; float:left; margin-right:0px; padding-top:119px; padding-bottom:130px; border-right:1px solid #eaeaea; margin-right:22px; padding-left:23px;  }



/*----------Case Studies Page----------*/
#sub_pade_content.casestudies{ width:940px; padding-top:40px; padding-bottom:20px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:20px; padding-right:20px; position:relative;}

#sub_pade_content.casestudies .right_bt{float:right;padding-right:9px;}
#sub_pade_content.casestudies .right_bt .right_block{float: right;padding-left: 25px; padding-top: 0;width: 330px;}


#sub_pade_content.casestudies h2{font-family:"Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;color:#010101 ;font-size:20px;padding-bottom:17px; display:inline-block; font-weight:bold; background:url(../images/icon_interfincial.jpg) no-repeat 0 0; padding-left:48px; margin-bottom:2px; padding-top:10px;}
.case_box_row{ padding-bottom:5px;}
.case_box_row .top_bg{ height:15px; }
.case_box_row .middle_bg{ background:url(../images/case_box_bg_middle.jpg) repeat-y ; width:940px; padding-top:15px; }
.case_box_row .middle_bg.none{  padding-top:0px; }

.case_box_row .bottom_bg{ height:16px; }
.case_box_row h4{ display:block; padding-left:27px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding-top:5px; padding-bottom:5px;    }
.case_box_row .middle_bg .left_block{width:393px; float:left; margin-left:10px; }
.case_box_row .middle_bg .right_block{width:500px; float:left; padding-left:10px; padding-top:10px; position:relative; }
.case_box_row .middle_bg .right_block .heading{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; display:block; padding-bottom:10px;  }
.case_box_row .middle_bg .right_block .heading2{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; display:block; padding-bottom:10px;  }

/*----------Dealer WebsiteDesign----------*/
.dealer{ width: 543px;}
#dealerwebsite{
	position:absolute;
	left: 598px;
	top: 45px;
}


/*----------Media----------*/
#sub_pade_content.media{ width:930px; padding-top:25px; padding-bottom:0px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:20px; padding-right:30px; position:relative;}
#sub_pade_content.media .left_block{width:275px;float:left;}
#sub_pade_content.media .right_block{width:614px; padding-left:10px;float:left;margin-left:24px; padding-top:0px; background:none; }


.media_box{ padding-bottom:10px;}
.media_box_row{ padding-bottom:5px; width:546px;}
.media_box_row .top_bg{ height:16px; }
.media_box_row .middle_bg{ background:url(../images/featur_middle_bg.png) repeat-y ; width:546px; }
.media_box_row .bottom_bg{ height:16px; }






.media_box_row .middle_bg .heading{ padding-left:22px; width:539px; display:block; width:488px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;  }

.media_box_row .middle_bg .clickicon{  width:14px; float:left; display:block;  }

.news_cont{ padding-left:18px; padding-right:30px; }

#sub_pade_content.media .right_block h2{ width:475px;line-height:23px; }




/*----------Overview----------*/
#overview{ background:#FFF url(../images/page_bg.jpg) repeat-x;}


#sub_pade_content.overview{ background: url(../images/hand_for_if.jpg) no-repeat right bottom;  width:940px; padding-top:40px; padding-bottom:20px;  padding-left:20px; padding-right:20px; position:relative;}

#sub_pade_content.overview .left_block{width:462px;float:left;}
#sub_pade_content.overview .right_block{width:360px; padding-left:25px;float:right; padding-top:0px; }
#sub_pade_content.overview h2{font-family:"Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;color:#010101 ;font-size:20px;padding-bottom:17px; display:inline-block; font-weight:bold; background:url(../images/icon_interfincial.jpg) no-repeat 0 0; padding-left:48px; margin-bottom:2px; padding-top:10px;}



#sub_pade_content.overview .left_block h3{padding-bottom:10px; }

#sub_pade_content.overview  .flash_content{ width:940px; position:relative; height:254px; }

#sub_pade_content.overview  .flash_bg{
	width:950px;
	position:absolute;
	background: url(../images/flash_banner_image.jpg) no-repeat;
	height:229px;
	left: -20px; padding-top:23px; padding-left:30px;
}

/*----------staff_w----------*/

#sub_pade_content.staf_w .right_block{width:360px; padding-left:25px;float:right; padding-top:0px; }
#sub_pade_content.staf_w h2{font-family:"Avenir LT Std 35 Light", Arial, Helvetica, sans-serif;color:#010101 ;font-size:20px;padding-bottom:17px; display:inline-block; font-weight:bold; background:url(../images/icon_interfincial.jpg) no-repeat 0 0; padding-left:48px; margin-bottom:2px; padding-top:10px;}

.ImageThumb
{
    float:left;
    margin-bottom:12px !important;
    margin-right:12px !important;
    margin-top:2px !important;    
}

.blog_comment {
background: #F1F1F1;
padding: 10px;margin-bottom:10px;
}




/*----------eCommerce----------*/
#sub_pade_content.philosophy{ width:952px; padding-top:8px; padding-bottom:0px; background:#FFF url(../images/page_bg.jpg) repeat-x; padding-left:20px; padding-right:8px; position:relative;}
#sub_pade_content.philosophy .left_block{ width:323px; float:left;   padding-top:54px;}
#sub_pade_content.philosophy .right_block{ width:588px; float:right; padding-top:21px ; margin-right:10px;}

#sub_pade_content.philosophy h4{ color:#000; display:block; padding-bottom:10px; font-size:14px; font-weight:bold   }







ul#twitter_update_list{ list-style:none; }

ul#twitter_update_list li { background:none; padding-left:0px;  }
ul#twitter_update_list li span{    background: #e7e7e7;   display: block;    padding: 10px; font-weight:bold }


ul#twitter_update_list li span a{background:none; display:inline; padding-top:0px; margin-bottom:0px;color:#F37122; font-weight:bold ;padding-left:0px;  }
ul#twitter_update_list li a{ font-size:12px !important; background:#FFF url(../images/comment_image.jpg ) no-repeat 19px 0;display:block; padding-top:10px; margin-bottom:10px; color:#464646; font-weight:bold; padding-left:45px;  }

.Response
{
    background: #F1F1F1;
padding: 10px;margin-bottom:10px;
}


.colomn_1,.colomn_2{float:left; width:48%;}
.colomn_2{float:right}
table.staff{  border: 1px solid #9e9e9e;    border-collapse: collapse;}
table.staff td{  border-bottom : 1px solid #9e9e9e;    border-collapse: collapse;}
table.staff .even{background-color:#f1f1f1; }
table.staff .odd{background-color:#d9d9d9; }
table.staff img {    border: 1px solid #9e9e9e;}
.history{padding: 28px 25px 50px; background: none;}

#sub_pade_content.staf_w{padding-left:55px; padding-right:55px;}
.staf-item { background: url(../images/photo_bg.png) no-repeat scroll 0 0 transparent;    float: left;   padding-top:3px;  padding-right:11px; padding-bottom:10px; cursor:pointer; padding-left:4px;  width: 201px;}
.staf-item-inner{ height: 200px;     width: 201px;  position: relative;   overflow:hidden; margin-bottom:3px; }
.staf-item .staf-meta {    background: url(../images/staff_bg.png) repeat scroll 0 0 transparent;  height: 140px;    left: -210px;    position: absolute;    top: 3px;    width: 201px; font-size:18px; color:#FFF; padding-left:25px; padding-top:60px; line-height:22px; }
.left_block td{white-space: normal;}


a.ovalbutton{background: transparent url(../images/but-left.png) no-repeat top left;display: block;float:left; font-size:14px; font-weight:bold; line-height: 16px; height: 31px; padding-left: 11px;text-decoration: none;}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{color: #fff;}


a.ovalbutton span{background: transparent url(../images/but-right.png) no-repeat top right;display: block;padding: 7px 30px 8px 0; }
a.ovalbutton:hover{ background-position: bottom left; color:#FFF}
a.ovalbutton:hover span{background-position: bottom right;color: #FFF;}




#sub_pade_content .buttonwrapper ul li{ overflow: hidden; background:none; float:right; padding-left:0; padding-right:15px;}
#sub_pade_content .buttonwrapper ul li.last{ padding-right:0;}

.staf{border:1px solid #b8b8b8;}
.staf_box{padding:6px;height:220px;}
.staf_box last{border-bottom:none;}
.staf_box_left{padding:6px;float:left;width:201px;}
.staf_box_right{padding:6px;float:left;width:602px;margin-left:15px;line-height:20px;}



.req_fead{font-weight:bold;color:#F37122;}




.shadow {
    filter: none !important;
}





.formrow span{ color: #F37122;    font-weight: bold;}




#grey_bg {
    background: url(../images/gray_bg.png) repeat scroll 0 0 transparent;
    color: #f17b16;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    line-height: 20px;
}
#grey_bg .top_bg {
    background: url(../images/quate_left.png) no-repeat scroll 6px 6px transparent;
    padding-left: 51px;
    padding-top: 31px;
}
#grey_bg .bottom_bg {
    background: url(../images/quate_right.png) no-repeat scroll 434px bottom transparent;
    padding-bottom: 34px;
    padding-right: 19px;
}


a.orange_link_arrow {
    background: url(../images/arrow.png) no-repeat scroll right 2px transparent;
    color: #F37122;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-left: 49px;
    margin-top: 10px;
    padding-right: 20px;
    text-decoration: none;
}
a.orange_link_arrow:hover {
    text-decoration: underline;
}

.logo_box{margin-left: 15px;padding-top: 15px;width:842px;margin:0 auto;height:88px;}
.logo_box_left{background:url(../images/logo_box_left.png) no-repeat scroll left 0;padding-left:20px;float:left;height:88px;}
#sub_pade_content .logo_box_med{background:url(../images/logo_box_med.png) repeat-x 0 0;float:left;width:806px;height:88px;}
.logo_box_right{background:url(../images/logo_box_right.png) no-repeat 0  0;width:16px;height:88px;float:right;}

#sub_pade_content .logo_box_med ul{list-style-type:none;padding-top:0;}
#sub_pade_content .logo_box_med ul li{padding-top:10px;float:left;background:url(../images/logo_box_sep.jpg) no-repeat right 12px;;padding-left:15px;padding-right:15px;padding-top:17px;padding-bottom:0px;height:71px;}
#sub_pade_content .logo_box_med ul li.first{padding-left:0;}
#sub_pade_content .logo_box_med ul li.last{padding-right:0;background:none;}
.authorize_logo_pad{padding-top:11px;}
.thawte_logo_pad{padding-top:8px;}
.paypal_logo_pad{padding-top:14px;}







/*----------Website Development----------*/
#sub_pade_content.lighbox{ padding-top:10px; padding-bottom:20px; padding-left:10px; padding-right:25px; width: auto; }
#sub_pade_content.lighbox .right_block{ width:540px; float:left;   }
#sub_pade_content.lighbox .right_block .left_form{ width:270px; float:left;    }
#sub_pade_content.lighbox .right_block .left_form.none{ margin-right:0px; float:right; width:260px;  }
#sub_pade_content.lighbox .right_block .left_form .formrow{ padding-bottom:12px;   }
#sub_pade_content.lighbox .right_block .formrow .label{ padding-bottom:10px; font-weight:bold;     }
#sub_pade_content.lighbox .right_block .formrow .orange{ color:#f37122   }
#sub_pade_content.lighbox .right_block .formrow .input{ width:245px; height:19px; padding:8px; border:1px solid #eea87c; background:#f0f0f0  }
#sub_pade_content.lighbox .right_block .formrow .textarea{ width:246px; height:105px; padding-top:3px; padding-left:3px; border:1px solid #eea87c; background:#f0f0f0  }
#sub_pade_content.lighbox .right_block .formrow .checkbox{ width:16px; height:16px; border:1px solid #eea87c;background:#f0f0f0 ;margin-right:6px;float:left;margin-top:3px; }
#sub_pade_content.lighbox .right_block .formrow .submit{ padding-right:6px; text-align:right; }

/*----------charlotte application development----------*/
#sub_pade_content.application_dev{padding-left:10px;padding-right:17px;width:953px;margin:0 auto;}
.application_dev .top_con{padding-bottom:37px;}
.application_dev .top_con .top_con_left{width:336px;padding-top:27px;padding-left:21px;float:left;padding-right:40px;}
.application_dev .top_con .top_con_rigth{width:556px;float:left;}
.application_dev .top_con .top_con_rigth .img_con{padding-top:20px;}
.application_dev .top_con .top_con_rigth .imgbox{padding-bottom:10px;}
.appli_imgbox_left{width:60px;float:left;}
.appli_imgbox_left.apple{padding-left:4px;width:56px;}
.appli_imgbox_left.android{padding-top:9px;}
.appli_imgbox_right{width:490px;float:left;line-height:16px;}
#sub_pade_content.application_dev .bottom_con{padding:0px;}
.bottom_con_img{text-align:center;padding-bottom:6px;}
.appli_bot_box1{width:198px;float:left;padding-right:24px;}
.appli_bot_box2{width:160px;float:left;padding-right:25px;}
.appli_bot_box3{width:163px;float:left;padding-right:40px;}
.appli_bot_box4{width:160px;float:left;padding-right:41px;}
.appli_bot_box5{width:140px;float:left;}
#sub_pade_content.application_dev h4{color: #f37122;display: block;font-family: "Avenir LT Std 35 Light",Arial,Helvetica,sans-serif; font-size: 16px;font-weight: bold;padding-bottom: 9px;}