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


@font-face {
	font-family: 'BebasRegular';
	src: url('fonts/bebas-webfont.eot');
	src: url('fonts/bebas-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebas-webfont.woff') format('woff'), url('fonts/bebas-webfont.ttf') format('truetype'), url('fonts/bebas-webfont.svg#BebasRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica Inserat LT';
	src: url('fonts/Helvetica_Inserat_LT.eot?#iefix');
	src: url('fonts/Helvetica_Inserat_LT.woff') format('woff'), url('fonts/Helvetica_Inserat_LT.ttf') format('truetype'), url('fonts/Helvetica_Inserat_LT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'bebas_neueregular';
	src: url('fonts/bebas-webfont.eot');
	src: url('fonts/bebas-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebas-webfont.woff') format('woff'), url('fonts/bebas-webfont.ttf') format('truetype'), url('fonts/bebas-webfont.svg#BebasRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'bebas neue';
	src: url('fonts/bebas-webfont.eot');
	src: url('fonts/bebas-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebas-webfont.woff') format('woff'), url('fonts/bebas-webfont.ttf') format('truetype'), url('fonts/bebas-webfont.svg#BebasRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/***sobisha****/
::selection {
	background: #0FA9C5; /* Safari */
	color: #fff;
}
::-moz-selection {
 background: #0FA9C5;
 color:#fff; /* Firefox */
}
/***********/
body {
	margin: 0;
	padding: 0;
	color: #444;
	font: normal 13px "Open sans", arial, "sans serif";
	line-height: 23px;
}
h1, h2, h3, h4, h5, h6, p, label, form, span {
	margin: 0;
	padding: 0;
}
img, button, submit, input {
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
	outline: none
}
a, img {
	outline: none
}
.inner_main_left h3 {
	color: #666;
	font: bold 17px Euphemia;
	padding: 0px 0 10px 0;
	text-align: left;
	clear: both
}
.clear {
	clear: both;
}
.wrapper {
	width: 100%;
	height: auto;
}
.banner_background {
	width: 100%;
	height: auto;
	background: none;
no-repeat;
	background-position: center top
}
.container_top {
	height: auto;
	width: 100%;
	margin: auto;
	background: #27649a;
}
.top_area_cover {
	width: 100%;
	height: 93px;
	position: relative;
	margin-bottom: -93px;
	z-index: 1;/*background:url(../images/bg_top.png)*/
}
.top_area {
	width: 1024px;
	height: 93px;
	overflow: hidden;
	margin: auto
}
.logo_div {
	width: 330px;
	height: 93px;
	overflow: hidden;
	float: left;
	background: url(../images/newcoda-logo.png) no-repeat;
	margin-top: 14px;
}
.top_right {
	width: 588px;
	float: right;
	padding-top: 35px;
}
.like_us {
	width: 100%;
	padding: 0;
	text-align: right;
	margin: 10px 0 0 0;
}
.nav {
	width: 588px;
	float: right;
}
.nav ul {
	width: auto;
	padding: 0px 0 0 0;
	float: right;
	list-style: none;
}
.nav ul li {
	float: left;
	color: #fff;
	font: normal 14px "BebasRegular";
	padding: 5px 35px 0 0;
	text-transform: uppercase;
	background: transparent
}
.nav ul li.last_item {
	padding-right: 0;
}
.nav ul li a, .mc .header_mc .header {
	color: #fff;
	font: normal 14px "BebasRegular";
}
.nav ul li a:hover {
	color: #fff;
	border-bottom: 2px dotted #fff;
}
.nav ul li a.selected_item {
	color: #138ec7;
	font: normal 14px "BebasRegular";
}
.banner_area {
	width: 100%;
	height: 808px
}
.container_main {
	width: 1024px;
	height: auto;
	margin: auto
}
.main1 {
	width: 1024px;
	height: 535px;
	padding: 10px 0;
}
.recent_works {
	width: 361px;
	height: 471px;
	background: url(../images/recent_works.png) no-repeat;
	float: left
}
.recent_works_top {
	height: 35px;
}
.recent_works_top_left {
	float: left;
	width: 140px;
	font: bold 16px "myriad pro";
	padding-left: 15px;
	padding-top: 10px
}
.recent_works_top_right {
	float: right;
	width: 95px;
	font: normal 16px "myriad pro";
	padding-left: 65px;
	padding-top: 10px
}
.recent_works_main {
	width: auto;
	height: 386px;
	line-height: 20px;
	margin: auto;
	text-align: justify;
	padding: 20px;
	font-size: 13px;
}
/*news and blog */
.news_and_blog {
	width: 640px;
	height: 500px;
	float: right
}
.news_and_blog_head {
	font: bold 16px "myriad pro";
	padding: 10px 10px 10px 0;
	/*border-bottom:2px dotted #ccc;*/
	margin-bottom: 10px;
	color: #38474e
}
.news_cover {
	width: 640px;
	height: 210px;
	overflow: hidden
}
.news_cover ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.news_cover ul li {
	display: block;
	width: 310px;
	height: 200px;
	float: left
}
.news_cover ul li:first-child {
	margin-right: 20px;
}
.news_div_block {
	width: 100%;
	height: 200px;
}
.news_div_date {
	width: 50px;
	height: 50px;
	background: url(../images/date_bg.png) no-repeat;
	float: left;
	text-align: center;
	padding: 5px 15px 0 0;
	color: #fff;
	font-weight: bold;
}
.news_div_matter {
	width: 224px;
	height: 200px;
	float: right;
	font-size: 13px;
	padding: 0 5px;
	overflow: hidden;
	color: #333;
	line-height: 20px;
	text-align: justify
}
.news_div_matter h3 {
	font-size: 13px;
	font-weight: bold;
	color: #333
}
.news_div_matter a.more {
	color: #0C97D1;
	font-size: 11px;
	display: block;
	text-align: right;
	margin-top: 10px;
	width: auto;
}
.news_div_matter a:hover.more {
	text-decoration: underline
}
.blog_cover {
	width: 640px;
	height: 220px;
	background: url(../images/bg_blog.png) no-repeat
}
.blog_right {
	width: 500px;
	margin-left: 140px;
	height: 300px;
	overflow: hidden
}
.blog_right ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.blog_right ul li {
	display: block;
	width: 500px;
	height: 110px;
	margin-bottom: 10px
}
.blog_div {
	width: 500px;
	height: 300px;
	padding-top: 10px;
}
.blog_div_left {
	width: 70px;
	height: 70px;
	float: left
}
.blog_div_right {
	width: 400px;
	height: auto;
	float: right;
	padding: 5px
}
.blog_div_right_top {
	height: 26px
}
.blog_div_right_main {
	width: 400px;
	height: 65px;
	line-height: 20px;
	margin: auto;
	text-align: justify;
	font-size: 13px;
	color: #333;
	overflow: hidden
}
.blog_div_right_main a.more {
	color: #0C97D1;
	font-size: 11px;
	display: block;
	text-align: right;
	margin-top: 5px;
	width: auto
}
.blog_div_right_main a:hover.more {
	text-decoration: underline
}
.blog_date {
	width: 150px;
	float: left;
	height: 25px;
	color: #666666;
}
.blog_comment {
	width: 95px;
	float: left;
	height: 25px;
	background: url(../images/ico_comment.png) no-repeat;
	padding-left: 25px
}
/*news and blog ends*/
:hover.linkunder {
	text-decoration: underline
}
.to_bold {
	font-weight: bold
}
.txt_black, a.txt_black {
	color: #333
}
.txt_blue {
	color: #0c97d1
}
.txt_blue2 {
	color: #0b578c
}
.txt_gold {
	color: #0C97D1!important/*#978431 : now gold changed to blue*/
}
.txt_gold2, a.txt_gold2 {
	color: #0C97D1!important/*#7d7b2c old darkgold color replaced by blue*/
}
.txt_bluegrey {
	color: #38474e
}
.txt_white {
	color: #f5f5f5
}
.main2 {
	width: 1024px;
	height: 360px;
	padding-top: 10px;
	background: #fff url(../images/main2_bg.png) no-repeat;
	margin-top: 20px;
	border-top: 1px solid #ccc;
	border-bottom: 2px dotted #ccc;
	margin-bottom: 20px
}
.video_div {
	width: 430px;
	height: 350px;
	float: right;
	padding-top: 10px;
	margin-right: 0;
}
.video_div_matter {
	width: 393px;
	margin: auto;
	height: 252px;
	text-align: center;
	background: url(../images/videobg-home.png) no-repeat;
	padding: 10px
}
.video_cover {
	width: auto;
	height: auto;
	border: 2px solid #2a2a2a;
	background: #2a2a2a;
	overflow: hidden
}
.testi_div {
	width: 540px;
	height: 350px;
	float: left;
	padding-top: 10px;
	margin-left: 0
}
.testi_div_block {
	width: 500px;
	margin-top: 10px;
	height: 100px;
}
.testi_div_more {
	width: 500px;
	clear: both;
}
.testi_div_more a {
	color: #0c97d1;
	font-size: 12px;
	display: block;
	text-align: right;
	width: auto;
	float: right
}
.testi_div_more a:hover {
	text-decoration: underline
}
.testi_person {
	padding-left: 10px;
	padding-top: 10px;
	float: left
}
.testi_text {
	width: 400px;
	line-height: 20px;
	color: #333;
	float: right;
	height: 60px;
	padding: 5px 0;
	overflow: hidden;
	float: right;
	text-align: justify
}
.testi_name {
	width: 280px;
	height: 20px;
	padding: 0px 10px 0 100px;
	clear: both;
	text-align: left;
	color: #0c97d1
}
.testi {
	width: auto;
	margin-top: 10px;
	height: auto;
}
.testi_person2 {
	padding-left: 10px;
	padding-top: 10px;
	float: left
}
.testi_text2 {
	width: 84%;
	line-height: 20px;
	color: #333;
	float: right;
	height: auto;
	padding: 5px 10px 0 10px;
	overflow: hidden;
	text-align: justify
}
.testi_name2 {
	padding: 10px 10px 0 90px;
	clear: both;
	text-align: right
}
.marketing_div {
	width: 220px;
	height: 340px;
	background: url(../images/inter_marketing.png) no-repeat;
	float: right
}
.marketing_div_head {
	font: bold 16px "myriad pro";
	padding: 10px;
	padding-left: 50px;
	color: #38474e
}
.marketing_div_body {
	padding-top: 170px;
}
.more_articles {
	height: 45px;
	padding-left: 50px;
	padding-top: 5px;
	background: url(../images/ico_pen.png) no-repeat;
	font: bold 16px "myriad pro";
	color: #38474e
}
.download_free {
	height: 45px;
	padding-left: 50px;
	background: url(../images/ico_download.png) no-repeat;
	font: bold 16px "myriad pro";
	color: #7d7b2c
}
.more_articles a {
	color: #38474e
}
.download_free a {
	color: #7d7b2c
}
.more_articles a:hover, .download_free a:hover {
	text-decoration: underline
}
.articles_div {
	width: 280px;
	height: 320px;
	float: left;
	padding-top: 10px;
}
.articles_div_main {
	width: 280px;
	height: auto
}
.articles_div_block {
	width: 280px;
	height: 80px;
	margin-bottom: 10px
}
.articles_div_ico {
	width: 35px;
	height: 44px;
	background: url(../images/ico_pen.png) no-repeat;
	float: left;
}
.articles_div_matter {
	width: 230px;
	height: 80px;
	float: right;
	font-size: 13px;
	padding: 0 5px;
	overflow: hidden;
	color: #333;
	line-height: 20px
}
.footer {
	height: 498px;
	width: 100%;
	background: #fff url(../images/bg_footer.png) repeat-x;
	background-position: top
}
.footer_inner {
	width: 1024px;
	height: 498px;
	padding-top: 0px;
	margin: auto
}
.footer_block1 {
	width: 251px;
	height: 315px;
	float: left
}
.footer_block2 {
	width: 510px;
	height: 315px;
	float: left
}
.footer_block2 h3 {
	color: #0C97D1;
	font-size: 16px;
	padding-top: 50px;
	padding-bottom: 20px;
	font-family: myriad pro;
	font-weight: normal
}
.sitemapcover {
	width: 510px;
	height: 210px
}
.sitemapblock {
	width: 160px;
	padding-right: 10px;
	float: left;
	line-height: 25px;
}
.sitemapblock ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.sitemapblock ul li {
	display: block;
	padding-bottom: 5px;
	color: #4c5153;
	font-size: 11px
}
.sitemapblock ul li a {
	color: #4c5153;
}
.sitemapblock ul li a:hover {
	text-decoration: underline
}
.footer_block3 {
	width: 250px;
	height: 315px;
	float: right
}
.request_proposal {
	width: 220px;
	float: left;
	font: normal 15px myriad pro, arial;
	text-align: left;
	color: #0C97D1;
	padding: 6px 0 0 30px;
	margin-top: 40px;
	background: url(../images/newsletter.png) no-repeat left;
	margin-bottom: 15px;
}
.email_subscribe {
	width: 250px;
	height: auto;
	padding-top: 20px
}
.email_subscribe span {
	display: block;
	padding-left: 10px;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	padding-bottom: 10px
}
.footer_block3 h3 {
	color: #0b578c;
	font-size: 11px;
	padding-bottom: 5px;
	font-weight: normal
}
.txtbox_cover {
	width: 210px;
	height: 30px;
	float: left
}
.txtbox_cover input {
	background: #20282c;
	width: 210px;
	height: 25px;
	border: 1px solid #5a6062;
	color: #666e71;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radiusu: 5px 0 0 5px;
	text-indent: 8px;
}
.subscribe_bt_cover {
	width: 25px;
	height: 25px;
	float: left;
	margin-left: 1px
}
.subscribe_bt_cover input {
	width: 30px;
	height: 27px;
	background: #103f61;
	color: #fff;
	line-height: 0;
	cursor: pointer;
	border-radius: 0 5px 5px 0;/*padding:0 0 0 5px;*/
}
.subscribe_bt_cover input:active {
	box-shadow: inset 2px 2px 2px #000
}
.tweetcover {
	width: 200px;
	height: auto;
	max-height: 60px;
	border: 1px dotted #666e71;
	border-radius: 10px;
	padding: 10px 20px;
	line-height: 16px;
	color: #666e71;
	margin-top: 20px;
	font-size: 11px
}
.tweet_bird {
	width: 64px;
	height: 36px;
	background: url(../images/tweet_bird.png);
	position: absolute;
	margin-top: 35px;
	margin-left: 150px
}
.social_div {
	width: 200px;
	height: 50px;
	padding-top: 20px
}
.social_div a {
	margin-right: 15px;
	display: block;
	float: left
}
h2 {
	font: normal 22px;
	/*font-family:Helvetica Inserat LT;*/
	padding: 10px 0;
	line-height: 30px
}
.copyright_cover {
	clear: both;
	color: #4C5153;
	padding-top: 10px
}
.copyright {
	float: left;/*	padding-left:20px*/
}
.copyright_right, a.copyright_right {
	float: right;
	padding-left: 20px;
	color: #4C5153;
}
/*new styles*/
.banner_bottom {
	width: 100%;
	background: none;
	z-index: 2001
}
.banner_bottom_content_cover {
	background: none;
	float: left;
	height: 120px;
	margin-bottom: -100px;
	position: relative;
	top: -80px;
	width: 1004px;
	border-bottom: #ccc dotted 2px;
}
.banner_bottom_left {
	width: 750px;
	float: left;
	height: 70px;
	padding: 0 10px 10px 10px;
	margin-top: 20px;
	color: #666;
	font-size: 22px;
	font-family: 'bebas_neueregular';
	line-height: 30px;
	text-align: center;
}
.banner_bottom_right {
	width: 210px;
	height: 50px;
	margin-top: 20px;
	padding-left: 15px;
	float: right;
	border-left: 1px solid #ccc;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif
}
.banner_bottom_right_1 {
	width: 150px;
	padding-left: 65px;
	padding-top: 15px;
	float: right;
	height: 40px;
	background: url(../images/callicon.png) no-repeat;
	background-position: 0 5px;
	font-size: 20px;
	font-weight: bold;
}
.banner_bottom_right_2 {
	width: 140px;
	padding: 10px;
	padding-left: 50px;
	float: left;
	height: 60px;
	background: url(../images/ico_pad.png) no-repeat;
	background-position: 0 5px
}
.square_menus {
	width: 1024px;
	height: 245px;
	padding: 20px 0;
	padding-bottom: 10px;
	background: none;/*url(../images/bg_whiteshadow.png) no-repeat;*/
	background-position: bottom
}
/*banner images ------------------------------------------------------------------------------------------------------------------------------------------------ */

#slider_bannerx {
	width: 100%;
	height: 808px;
	overflow: hidden;
	background: url(../images/banner-default-bg.png)
}
#slider_bannerx > div { /* 2014 edited for hyundai and augmented banners*/
	background-position: center top
}
.imageset1 {
	width: 100%;
	height: 808px;
	background: url(../images/banner.jpg) no-repeat;
	margin: auto;
	margin-bottom: -808px;
	overflow: hidden;
	position: relative
}
.imageset2 {
	width: 100%;
	height: 808px;
	background: url(../images/banner_hyu.jpg) no-repeat;
	margin: auto;
	margin-bottom: -808px;
	overflow: hidden;
	position: relative;
	left: 100%;
	display: block
}
.imageset3 {
	width: 100%;
	height: 808px;
	background: url(../images/banner3.jpg) no-repeat;
	margin: auto;
	margin-bottom: -808px;
	overflow: hidden;
	position: relative;
	left: 100%;
	display: block
}
.imageset4 {
	width: 100%;
	height: 808px;
	background: url(../images/banner4.jpg) no-repeat;
	margin: auto;
	margin-bottom: -808px;
	overflow: hidden;
	position: relative;
	left: 100%;
	display: block
}
.imageset5 {
	width: 100%;
	height: 808px;
	background: url(../images/banner5.jpg) no-repeat;
	margin: auto;
	margin-bottom: -808px;
	overflow: hidden;
	position: relative;
	left: 100%;
	display: block
}
.imageset6 {
	width: 100%;
	height: 808px;
	background: url(../images/banner6.jpg) no-repeat;
	margin: auto;
	margin-bottom: -808px;
	overflow: hidden;
	position: relative;
	left: 100%;
	display: block
}
.setcover {
	width: 1024px;
	height: 715px;
	overflow: hidden;
	margin: auto;
	margin-top: 93px;
	position: relative
}
/*banner 1 */
/*.box1a { width:232px; height:488px; margin-bottom:-488px; position:relative; top:-600px; left:780px; background:url(../images/banner_img1c.png) no-repeat; }
.box1b { width:540px; height:500px; margin-bottom:-500px; position:relative; left:-540px; top:60px; background:url(../images/banner_img1a.png) no-repeat }
.box1c {
	width:604px;
	height:291px;
	margin-bottom:-291px;
	position:relative;
	left:-610px;
	top:400px;
	background:url(../images/banner_img1b.png) no-repeat
}*/


.appa {
    background: rgba(0, 0, 0, 0) url("../images/app-scrn1.png") no-repeat scroll 0 0;
    height: 538px;
    left: -290px;
    position: absolute;
    width: 482px;
    top: -70px;
}


.appb {
    background: rgba(0, 0, 0, 0) url("../images/app-scrn2.png") no-repeat scroll 0 0;
    height: 560px;
    left: -27px;
    position: absolute;
    top: 10px;
    width: 540px;
}

.appc {
    background: rgba(0, 0, 0, 0) url("../images/app-scrn3.png") no-repeat scroll 0 0;
    height: 591px;
    left: 231px;
    position: absolute;
    top: 88px;
    width: 604px;
}


.box1d {
	width:338px;
	height:282px;
	position:relative;
	left:0px;
	top:50px;
	background:url(../images/banner_head1.png) no-repeat;
	display:none
}
	
/*banner images ------------------------------------------------------------------------------------------------------------------------------------------------ */

#slider_bannerx { width: 100%; height: 808px; overflow: hidden; background:url(../images/banner-default-bg.png) }
#slider_bannerx > div { background-position:center top }
.imageset1 { width:100%; height:808px; background: url(../images/banner.jpg) no-repeat; margin:auto; margin-bottom:-808px; overflow:hidden; position:relative }
.imageset2 { width:100%; height:808px; background: url(../images/banner_hyu.jpg) no-repeat; margin:auto; margin-bottom:-808px; overflow:hidden; position:relative; left:100%; display:block }
.imageset3 { width:100%; height:808px; background:url(../images/banner3.jpg) no-repeat; margin:auto; margin-bottom:-808px; overflow:hidden; position:relative; left:100%; display:block}
.imageset4 { width:100%; height:808px; background:url(../images/banner4.jpg) no-repeat; margin:auto; margin-bottom:-808px; overflow:hidden; position:relative;left:100%; display:block}
.imageset5 { width:100%; height:808px; background:url(../images/banner5.jpg) no-repeat; margin:auto; margin-bottom:-808px; overflow:hidden; position:relative; left:100%; display:block}
.imageset6 { width:100%;height:808px; background: url(../images/banner6.jpg) no-repeat; margin:auto; margin-bottom:-808px; overflow:hidden; position:relative;left:100%; display:block }
.setcover { width:1024px; height:715px; overflow: visible; margin:auto; margin-top:93px; position:relative }

/*banner 1 */
/*.box1a { width:232px; height:488px; margin-bottom:-488px; position:relative; top:-600px; left:780px; background:url(../images/banner_img1c.png) no-repeat; }
.box1b { width:540px; height:500px; margin-bottom:-500px; position:relative; left:-540px; top:60px; background:url(../images/banner_img1a.png) no-repeat }
.box1c {
	width:604px;
	height:291px;
	margin-bottom:-291px;
	position:relative;
	left:-610px;
	top:400px;
	background:url(../images/banner_img1b.png) no-repeat
}*/


.appa {
    background: rgba(0, 0, 0, 0) url("../images/app-scrn1.png") no-repeat scroll 0 0;
    height: 538px;
    left: -290px;
    position: absolute;
    width: 482px;
    top: -70px;
}


.appb {
    background: rgba(0, 0, 0, 0) url("../images/app-scrn2.png") no-repeat scroll 0 0;
    height: 560px;
    left: -27px;
    position: absolute;
    top: 10px;
    width: 540px;
}

.appc {
    background: rgba(0, 0, 0, 0) url("../images/app-scrn3.png") no-repeat scroll 0 0;
    height: 591px;
    left: 231px;
    position: absolute;
    top: 88px;
    width: 604px;
}


.box1d {
	width:338px;
	height:282px;
	position:relative;
	left:0px;
	top:50px;
	background:url(../images/banner_head1.png) no-repeat;
	display:none
}
/*banner 1 ends*/	
	/*banner 2 */
	/*.box2a{width:240px; height:172px; margin-bottom:-240px;  position:relative; top:420px; left:780px; background:url(../images/disc.png) no-repeat; }*/
.box2a1 {
	width: 240px;
	height: 190px;
	margin-bottom: -190px;
	position: relative;
	top: 420px;
	left: 780px;
	background: url(../images/disc_blue.png) no-repeat;
}
.box2a2 {
	width: 240px;
	height: 190px;
	margin-bottom: -190px;
	position: relative;
	top: 420px;
	left: 780px;
	background: url(../images/disc_green.png) no-repeat;
}
.box2a3 {
	width: 240px;
	height: 190px;
	margin-bottom: -190px;
	position: relative;
	top: 420px;
	left: 780px;
	background: url(../images/disc_gold.png) no-repeat;
}
.box2a4 {
	width: 240px;
	height: 190px;
	margin-bottom: -190px;
	position: relative;
	top: 420px;
	left: 780px;
	background: url(../images/disc_red.png) no-repeat;
}
.box2b {
	width: 380px;
	height: 65px;
	margin-bottom: -65px;
	position: relative;
	top: 300px;
	left: 650px;
}/*text*/
.box2c {
	width: 600px;
	height: 300px;
	margin-bottom: -280px;
	position: relative;
	top: 40px;
	left: 450px;
	background: url(../images/banner_img2a.png) no-repeat;
}/*text*/
.box2d {
	width: 175px;
	height: 175px;
	margin-bottom: -175px;
	position: relative;
	top: 240px;
	left: 540px;
	background: url(../images/wheel.png) no-repeat
}/*wheel*/
.box2e {
	width: 175px;
	height: 175px;
	margin-bottom: -175px;
	position: relative;
	top: 115px;
	left: 635px;
	background: url(../images/wheel.png) no-repeat
}/*wheel*/
/*banner 2 ends*/
	
	
	/*banner 3 */	
.box3a {
	width: 400px;
	height: 106px;
	margin-bottom: -106px;
	position: relative;
	top: 0px;
	left: 550px;
	background: url(../images/banner_img3a.png) no-repeat;
}
.box3b {
	width: 325px;
	height: 135px;
	margin-bottom: -135px;
	position: relative;
	top: 30px;
	left: 750px;
	background: url(../images/banner_img3b.png) no-repeat;
}
.box3c1 {
	width: 180px;
	height: 95px;
	margin-bottom: -95px;
	position: relative;
	top: 50px;
	left: 0px;
	background: url(../images/banner_img3c.png) no-repeat;
}
.box3c2 {
	width: 180px;
	height: 95px;
	margin-bottom: -95px;
	position: relative;
	top: 150px;
	left: 350px;
	background: url(../images/banner_img3c.png) no-repeat;
}
.box3c3 {
	width: 180px;
	height: 95px;
	margin-bottom: -95px;
	position: relative;
	top: 295px;
	left: 260px;
	background: url(../images/banner_img3c.png) no-repeat;
}
.box3c4 {
	width: 180px;
	height: 95px;
	margin-bottom: -95px;
	position: relative;
	top: 230px;
	left: 850px;
	background: url(../images/banner_img3c.png) no-repeat;
}
.box3d {
	width: 650px;
	height: 300px;
	margin-bottom: -300px;
	position: relative;
	top: 200px;
	left: -150px;
	background: url(../images/banner_img3d.png) no-repeat;
}/*vehicle*/
.box3e {
	width: 75px;
	height: 40px;
	margin-bottom: -40px;
	position: relative;
	top: 70px;
	left: 50px;
	background: url(../images/banner_img3e.png) no-repeat;
	display: none
}/*plane*/
img.twbird {
	width: 350px;
	height: 188px;
	left: 210px;
	top: 350px;
	position: relative;
	margin-bottom: -220px
}
img.integrated {
	width: 484px;
	height: 199px;
	left: 500px;
	top: 180px;
	position: relative;
	margin-bottom: -200px;
}
img.twitter {
	width: 344px;
	height: 165px;
	left: 40px;
	top: 110px;
	position: relative;
	margin-bottom: -165px;
}
img.social {
	width: 100px;
	height: 120px;
	left: 400px;
	top: 80px;
	position: relative;
	margin-bottom: -120px
}
/*banner 3 ends*/
	
	/*banner 4*/
.box4a {
	width: 221px;
	height: 78px;
	margin-bottom: -78px;
	position: relative;
	top: 720px;
	left: 790px;
	background: url(../images/brand_it.png) no-repeat;
}
.box4b {
	width: 221px;
	height: 78px;
	margin-bottom: -78px;
	position: relative;
	top: 728px;
	left: 790px;
	background: url(../images/build_it.png) no-repeat;
}
.box4c {
	width: 221px;
	height: 78px;
	margin-bottom: -78px;
	position: relative;
	top: 726px;
	left: 790px;
	background: url(../images/grow_it.png) no-repeat;
}
.box4aa {
	width: 69px;
	height: 69px;
	margin-bottom: -69px;
	position: relative;
	top: 726px;
	left: 690px;
	background: url(../images/round_brand1.png) no-repeat;
}
.box4ab {
	width: 69px;
	height: 69px;
	margin-bottom: -69px;
	position: relative;
	top: 726px;
	left: 690px;
	background: url(../images/round_brand2.png) no-repeat;
}
.box4ac {
	width: 69px;
	height: 69px;
	margin-bottom: -69px;
	position: relative;
	top: 726px;
	left: 690px;
	background: url(../images/round_brand3.png) no-repeat;
}
.box4cube {
	width: 128px;
	height: 147px;
	margin-bottom: -147px;
	position: relative;
	top: 90px;
	left: 810px;
	background: url(../images/cube.png) no-repeat;
	z-index: 2
}
.box4shadow {
	width: 195px;
	height: 89px;
	margin-bottom: -89px;
	position: relative;
	top: 155px;
	left: 700px;
	background: url(../images/shadow.png) no-repeat;
	z-index: 1
}
/*banner 4 ends*/
	
	/*banner 5 */
.box5a {
	width: 360px;
	height: 134px;
	margin-bottom: -134px;
	position: relative;
	top: -150px;
	left: 70px;
	background: url(../images/banner_img5a.png) no-repeat;
}
.box5b {
	width: 600px;
	height: 500px;
	margin-bottom: -500px;
	position: relative;
	top: 620px;
	left: 0px;
	background: url(../images/banner_img5b.png) no-repeat;
}
.box5x1 {
	width: 83px;
	height: 44px;
	margin-bottom: -44px;
	position: relative;
	top: 525px;
	left: 590px;
	background: url(../images/box5x1.png)
}
.box5x2 {
	width: 87px;
	height: 55px;
	margin-bottom: -55px;
	position: relative;
	top: 475px;
	left: 475px;
	background: url(../images/box5x2.png);
}
.box5x3 {
	width: 63px;
	height: 80px;
	margin-bottom: -80px;
	position: relative;
	top: 415px;
	left: 580px;
	background: url(../images/box5x3.png);
}
.box5x4 {
	width: 92px;
	height: 48px;
	margin-bottom: -48px;
	position: relative;
	top: 415px;
	left: 860px;
	background: url(../images/box5x4.png);
}
.box5x5 {
	width: 60px;
	height: 64px;
	margin-bottom: -64px;
	position: relative;
	top: 475px;
	left: 955px;
	background: url(../images/box5x5.png);
}
.box5x6 {
	width: 78px;
	height: 57px;
	margin-bottom: -57px;
	position: relative;
	top: 525px;
	left: 845px;
	background: url(../images/box5x6.png);
}
.box5xx {
	width: 150px;
	height: 150px;
	background: none;
	margin-bottom: -150px;
	position: relative;
	top: 435px;
	left: 690px;
	z-index: 1000
}
/*banner 5 ends*/
	
	
	/*banner 6 */
.box6a {
	width: 470px;
	height: 50px;
	margin-bottom: -50px;
	position: relative;
	top: -50px;
	left: 25px;
	background: url(../images/banner_img6a.png) no-repeat;
}
.box6b {
	width: 315px;
	height: 50px;
	margin-bottom: -50px;
	position: relative;
	top: -50px;
	left: 25px;
	background: url(../images/banner_img6b.png) no-repeat;
}
.box6c {
	width: 315px;
	height: 50px;
	margin-bottom: -50px;
	position: relative;
	top: -50px;
	left: 25px;
	background: url(../images/banner_img6c.png) no-repeat;
}
.box6d {
	width: 642px;
	height: 250px;
	margin-bottom: -250px;
	position: relative;
	top: 220px;
	left: 25px;
	background: url(../images/banner_img6d.png) no-repeat;
}
/*banner 6 ends*/
	
	
.box1more {
	width: 244px;
	height: 99px;
	position: relative;
	left: 1024px;
	top: 80px;
	background: url(../images/slider_more4.png) no-repeat;
	display: block
}
.box2more {
	width: 244px;
	height: 99px;
	position: relative;
	left: 1024px;
	top: 510px;
	background: url(../images/slider_more2.png) no-repeat;
	display: block
}
.box3more {
	width: 244px;
	height: 99px;
	position: relative;
	left: 1024px;
	top: 500px;
	background: url(../images/slider_more3.png) no-repeat;
	display: block;
	z-index: 9;
}
.box3mask {
	width: 1024px;
	height: 607px;
	position: absolute;
	z-index: 8;
	left: 0px;
	top: 20px
}
.box4more {
	width: 244px;
	height: 99px;
	position: relative;
	left: 1024px;
	top: 510px;
	background: url(../images/slider_more5.png) no-repeat;
	display: block
}
.box4mask {
	width: 1024px;
	height: 607px;
	position: absolute;
	z-index: 8;
	left: 0px;
	top: 35px
}
.box5more {
	width: 244px;
	height: 99px;
	position: relative;
	left: 1024px;
	top: 510px;
	background: url(../images/slider_more3.png) no-repeat;
	display: block
}
.box5mask {
	width: 1024px;
	height: 607px;
	position: absolute;
	z-index: 8;
	left: 0px;
	top: 10px
}
.box6more {
	width: 244px;
	height: 99px;
	position: relative;
	left: 1024px;
	top: 510px;
	background: url(../images/slider_more2.png) no-repeat;
	display: block
}
/*hyundai banner instead of banner 2*/


.hyu_slider_cover {
	width: 100%;
	height: 721px;
	background: url(../images/banner_hyu.jpg);
	overflow: hidden;
	position: relative
}
.hyu_slider_bldg {
	width: 100%;
	height: 721px;
	background: url(../images/banner1x.jpg);
	background-position: left bottom;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.hyu_banner_container {
	width: 1200px;
	height: 721px;
	position: relative;
	margin: auto
} /*perspective is important for 3d effect*/
.hyu_perspective {
	width: 1200px;
	height: 721px;
	position: relative;
	-webkit-perspective: 500px; /* Chrome, Safari, Opera */
	perspective: 500px;
}
.hyu_line {
	width: 0;
	height: 300px;
	background: url(../images/hyu_line.png) no-repeat;
	position: absolute;
	right: 0;
	top: 420px;
	background-position: right
}
.hyu_div1 {
	width: 1200px;
	height: 721px;
	background: none;
	position: absolute;
	display: block
}
.hyu_div2 {
	width: 1200px;
	height: 721px;
	background: none;
	position: absolute;
	overflow: hidden;
}
.hyu_div3 {
	width: 1200px;
	height: 721px;
	background: none;
	position: absolute;
	overflow: hidden;
}
.hyu_div4 {
	width: 1200px;
	height: 721px;
	background: none;
	position: absolute;
	overflow: hidden;
}
.hyu_div5 {
	width: 1200px;
	height: 721px;
	background: none;
	position: absolute;
	overflow: hidden;
}
.hyu_txt1 {
	position: absolute
}
/*hyundai banner styles ends*/

/*augmented banner styles*/

.aug_slider_cover {
	width: 100%;
	height: 721px;
	background: url(../images/augmented_bg.jpg);
	overflow: hidden;
	background-position: 0px top;
	position: relative
}
.aug_slider_cover_blr {
	width: 100%;
	height: 721px;
	background: url(../images/augmented_bg2.jpg);
	overflow: hidden;
	background-position: 0px top;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.aug_banner_container {
	width: 1440px;
	height: 721px;
	position: relative;
	margin: auto
}
.aug_div1 {
	width: 1011px;
	height: 617px;
	background: none;
	position: absolute;
	left: 600px;
	top: 120px
}
.aug_div1_orange {
	width: 1011px;
	height: 617px;
	background: url(../images/tab_hand_orange.png);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3
}
.aug_div1_blue {
	width: 1011px;
	height: 617px;
	background: url(../images/tab_hand_blue.png);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4
}
.aug_div1_blr {
	width: 1011px;
	height: 617px;
	background: url(../images/tab_hand_orange_blured.png);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
.car_orange {
	width: 502px;
	height: 298px;
	position: absolute;
	left: 198px;
	top: 140px;
	z-index: 5
}
.car_blue {
	width: 502px;
	height: 298px;
	position: absolute;
	left: 198px;
	top: 140px;
	z-index: 6
}
.aug_txt1 {
	width: 404px;
	height: 86px;
	position: absolute;
	left: 100px;
	bottom: -100px
}
.aug_txt2 {
	width: 508px;
	height: 103px;
	position: absolute;
	left: 100px;
	bottom: -210px
}
.aug_txt3 {
	width: 294px;
	height: 63px;
	position: absolute;
	left: 100px;
	bottom: -210px;
	padding-left: 220px
}
.aug_txt4 {
	width: 167px;
	height: 54px;
	position: absolute;
	left: 100px;
	bottom: -210px;
	padding-left: 341px
}
/*augmented banner ends*/


/*inside banenr animations ends------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*banner_controllers*/

.banner_controllers {
	position: relative;
	top: -120px;
	z-index: 9999;
	width: 200px;
	height: 20px;
	margin: auto;
	margin-bottom: -20px
}
.banner_controllers a {
	margin-right: 10px;
	width: 20px;
	height: 20px;
	background: url(../images/navbull.png);
	color: #fff;
	display: block;
	float: left;
	text-align: center;
	cursor: pointer;
	font-size: 0
}
.banner_controllers a.activeslide {
	background: url(../images/navbull_active.png)
}
/*banner controllers ends*/


/*innerpage classes */
.innerbody {
	background: url(../images/innerbg.png) repeat-x
}
.inner_banner_background {
	width: 100%;
	height: auto;
	background: url(../images/demotopbg.jpg) repeat-x top;
	background-position: center top
}
.inner_top_area_cover {
	width: 100%;
	height: 112px;
}
.inner_banner {
	width: 1024px;
	height: 221px;
	margin: auto;
}
.inner_banner1.about {
	background: url(../images/about-us.jpg)
}
.inner_banner1.intermkt {
	background: url(../images/internet-marketing.jpg)
}
.inner_banner1.portfolio {
	min-height: 70px;
}
.inner_banner1.article {
	/*background: url(../images/abt-bkg.png) left;*/
	height: 70px;/*border-radius:5px 5px 0 0px;
	-moz-border-radius:5px 5px 0 0px;
	-webkit-border-radiusu:5px 5px 0 0px;*/
}
.inner_banner1.testimonials {
	background: url(../images/testimonial.jpg)
}
.inner_banner1.news {
	background: url(../images/news.jpg)
}
.inner_banner1 {
	width: 1024px;
	height: 177px;
	margin: auto;
}
.inner_banner1.process {
	background: url(../images/process.jpg)
}
.inner_banner1.contact {
	background: url(../images/contact-us.jpg)
}
.inner_banner1.mobile {
	background: url(../images/mobile.jpg)
}
.inner_banner1.facebook {
	background: url(../images/facebook.jpg)
}
.inner_banner1.services {
	background: url(../images/banner_services.jpg)
}
.banner_menu_cover {
	padding-top: 165px;
	padding-left: 200px;
	overflow: hidden
}
/*scrollingtext*/
/*scrollingtext*/

.scrolling_txt_cover {
	width: 820px;
	padding-top: 20px;
	height: 30px;
	overflow: hidden
}
.scrolling_txt {
	color: #efefef;
	font-family: myriad pro, Arial;
	font-size: 16px;
	font-weight: normal;
	position: relative;
	white-space: nowrap;
	width: 100%
}
/*scrolling_txt ends*/
.inner_container_bg_top {
	width: 1122px;
	height: auto;
	background: url(../images/inner_container_bg_top.png) no-repeat top;
	margin: auto;
	padding-top: 22px;
	position: relative;
	top: -80px;
	margin-bottom: -80px;
}
.inner_container_main {
	width: 1024px;
	height: auto;
	margin: auto;
	padding: 0 20px;
	border: 1px solid #ebebeb;
	border-top: 0;
}
.inner_main_left {
	width: 685px;
	height: auto;
	float: left;
	padding: 10px 0
}
.inner_main_right {
	width: 330px;
	height: auto;
	float: right;
}
.about_part1 {
	width: 680px;
	height: 300px;
	margin-top: 30px;
	background: none;
	display: block
}/*tfdtfgertgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffertertert*/
.about_part1 .block_1 {
	width: 220px;
	height: 285px;
	background: #fff url(../images/block_bg.png) no-repeat;
	float: left;
	position: absolute;
}
/*.about_part1 .block_1:hover{
 background:#cccc99;
cursor:pointer;

}*/

.about_part1 .block_2 {
	width: 220px;
	height: 285px;
	background: #fff url(../images/block_bg.png) no-repeat;
	float: left;
	margin-left: 230px;
	position: absolute;
}
/*.about_part1 .block_2:hover{
 background:#cccc99;
cursor:pointer;

}*/
.about_part1 .block_3 {
	width: 220px;
	height: 285px;
	background: #fff url(../images/block_bg.png) no-repeat;
	float: left;
	margin-left: 460px;
	position: absolute;
}
/*.about_part1 .block_3:hover{
 background:#cccc99;
cursor:pointer;

}*/
.block_inside {
	width: 184px;
	height: 260px;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}
.block_inside .block_inside_img {
	width: 85px;
	height: 85px;
	margin: auto;
	padding: 10px 0
}
.block_inside .block_inside_h3 {
	color: #0C97D1;
	/*font-family:Helvetica Inserat LT, arial;*/
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
	text-align: center
}
.block_inside .block_inside_matter {
	padding: 0 5px;
	font-size: 12px;
	line-height: 18px;
	color: #222c35;
	text-align: left;
	height: 80px
}
.block_inside .block_inside_more {
	height: 30px;
	padding: 5px;
	text-align: right;
}
.block_inside .block_inside_more a {
	display: block;
	width: 50px;
	padding: 2px;
	color: #fff;
	background: #0C97D1;
	text-align: center;
	float: right;
	cursor: pointer;
	border-radius: 4px
}
/*for animated expansion*/
.block_1_x {
	width: 0px;
	height: 283px;
	background: #fff;
	float: right;
	position: absolute;
	margin-left: 220px;
	z-index: 2;
	overflow: hidden
}
.block_2_x {
	width: 0px;
	height: 283px;
	background: #fff;
	float: left;
	position: absolute;
	margin-left: 460px;
	z-index: 2;
	overflow: hidden
}
.block_3_x {
	width: 0px;
	height: 283px;
	background: #fff;
	float: left;
	position: absolute;
	margin-left: 680px;
	z-index: 2;
	overflow: hidden;
}
.block_1_x .contents, .block_2_x .contents, .block_3_x .contents {
	width: 445px;
	height: 277px;
	background: #f5f5f5;
	border: 1px solid #efefef;
	margin-top: 2px;
	box-shadow: 3px 0px 5px #efefef;
	color: #fff;
}
.block_1_x .contents .sec1, .block_2_x .contents .sec1, .block_3_x .contents .sec1 {
	text-align: right;
	padding: 5px;
	padding-bottom: 0;
	height: 27px;
}
.block_1_x .contents .sec2, .block_2_x .contents .sec2, .block_3_x .contents .sec2 {
	text-align: justify;
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	padding: 0 20px 10px 20px;
	height: 220px;
	overflow: auto;
}
.block_1_x .contents .sec2 h2, .block_2_x .contents .sec2 h2, .block_3_x .contents .sec2 h2 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #f5f5f5;
}
img.close1, img.close2, img.close3 {
	cursor: pointer;
	float: right;
	display: block
}
.about_part2 {
	width: 680px;
	height: 400px;
	margin-top: 30px;
	background: none
}
.about_part2 .bgdiv {
	width: 675px;
	height: 375px;
	margin: auto;
	background: #f4f4f4 url(../images/bg_works.png) no-repeat;
	background-position: bottom;
}
.about_part2 .bgdiv .innerdiv {
	width: 650px;
	padding: 10px;
	height: 375px;
	margin: auto;
	margin-top: 10px
}
.about_part2 .bgdiv .innerdiv h2 {
	font-size: 20px;
	color: #666;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
	font-weight: normal
}
.about_part2 .bgdiv .innerdiv .div1 {
	font-size: 12px;
	line-height: 18px;
	padding: 10px 0;
	height: 50px
}
.about_part2 .bgdiv .innerdiv .div2 {
	height: 300px;
}
.about_part2 .bgdiv .innerdiv .div2 .project_block {
	width: 150px;
	height: 110px;
	float: left;
	margin: 5px;
	background: #fff;
	border: 1px solid #ddd;
}
/*.about_part2 .bgdiv .innerdiv .div2 .project_block:hover {
	background:#7d7b2c;
	color: #f5f5f5
}*/
.about_part2 .bgdiv .innerdiv .div2 .project_block img {
	width: 150px;
	height: 110px;
	cursor: default;
}
.about_part2 .bgdiv .innerdiv .div2 .project_block div {
	padding: 10px;
	line-height: 18px
}
.about_part2 .bgdiv .innerdiv .div3 {
	height: 45px;
	clear: both
}
.about_part2 .bgdiv .innerdiv .div3 a {
	background: #7d7b2c;
	color: #fff;
	display: block;
	float: right;
	padding: 4px;
20px;
	border-radius: 4px;
	margin-right: 10px
}
/*now right column*/

.right_block_1 {
	width: 290px;
	margin: auto;
	padding: 10px
}
.right_block_1 h3 {
	font-weight: normal;
	font-size: 20px;
	font-family: 'bebas_neueregular';
	color: #8c8c8c;
	line-height: 34px;
	padding-top: 10px;
	line-height: 34px;
	padding-bottom: 20px
}
/*
.inner_main_left h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:20px;
	color:#242524;
}*/
.right_block_1 .div1, .div_style_readmore {
	padding: 10px 0 10px 20px;
	font-size: 12px;
	background: url(../images/more.png) no-repeat left center;
	text-transform: uppercase;
}
.right_block_1 .div2 {
	font-size: 14px;
	padding: 10px 0
}
.right_block_1 .div2 ul {
	margin: 0;
	padding: 0;
	/*margin-left:15px;*/
	list-style-type: disc;
}
.right_block_1 .div2 ul li {
	padding: 7px 0 4px 25px;
	color: #09C;
	border-bottom: 1px dotted #39F;
	list-style-type: none;
	margin-bottom: 3px;
	background: url(../images/submenu.png) no-repeat 0% 3px;
}
.right_block_1 .div2 ul li:hover {
	background-position: 0% -42px;
}
.right_block_1 .div2 ul li a {
	color: #000;
	text-decoration: none;
	font-size: 13px;
}
.right_block_1 .div2 ul li a:hover {
	color: #27a0d5;
	text-decoration: none;
}
.right_block_1 .div3 {
	height: 30px;
	padding: 10px 0;
	padding-left: 60px;
	padding-top: 35px;
	border-top: 1px solid #efefef;
	background: url(../images/ico_enterprise.png) no-repeat;
	background-position: 0 20px;
	font-family: Helvetica Inserat LT, Arial, Helvetica;
	font-size: 18px
}
.right_block_1 .div4 {
	font-size: 14px;
	padding: 10px 0;
	line-height: 24px
}
.right_block_1 .div5 {
	height: 30px;
	padding: 10px 0;
	padding-left: 60px;
	padding-top: 25px;
	border-top: 1px solid #efefef;
	background: url(../images/ico_study.png) no-repeat;
	background-position: 0 20px;
	/*font-family:Helvetica Inserat LT, Arial, Helvetica;*/
	font: bold 16px 'Marcellus', serif;
	color: #0E71A4;
	line-height: 27px;
	font-size: 18px
}
/*web development nav*/



.serv-nav {
	width: 820px;
	padding-top: 5px;
	height: 30px;
}
.serv-nav ul {
	width: auto;
	padding: 0px 0 0 0;
	list-style: none;
}
.serv-nav ul li {
	float: left;
	color: #000000;
	font-family: BebasRegular;
	padding: 0px 20px 0 0px;
	font-size: 16px;
	font-weight: normal;
}
.serv-nav ul li.last_item {
	padding-right: 0;
}
.serv-nav ul li a {
	color: #000000;
	font-family: BebasRegular;
	font-size: 16px;
	font-weight: normal;
}
.serv-nav ul li a:hover {
	color: #0C97D1;
}
.serv-nav ul li a.selected_item {
	color: #0C97D1;
	font-family: BebasRegular;
	font-size: 16px;
	font-weight: normal;
}
/*contact us page */

.contact_formcover {
	width: 460px;
	height: 430px;
	padding: 10px;
	/*margin-left:100px;*/
	background: none
}
.form_txtbox {
	width: 440px;
	height: auto;
	margin-bottom: 20px
}
.form_txtbox input {
	width: 420px;
	height: 35px;
	border: 1px solid #6c757c;
	border-left: 5px solid #6c757c;
	color: #6c757c;
	padding: 0 5px
}
.form_txtbox input:focus {
	border-left: 5px solid #968430
}
.form_txtbox textarea {
	width: 420px;
	height: 100px;
	border: 1px solid #6c757c;
	border-left: 5px solid #6c757c;
	color: #6c757c;
	padding: 0 5px;
	outline: 0;
	font-family: Arial, Helvetica, sans-serif
}
.form_txtbox textarea:focus {
	border-left: 5px solid #968430
}
.drop_head {
	width: 440px;
	height: auto;
	margin-bottom: 20px
}
.drop_head input {
	width: 420px;
	height: 35px;
	border: 1px solid #6c757c;
	border-left: 5px solid #6c757c;
	color: #6c757c;
	padding: 0 5px
}
.hidden_select {
	width: 426px;
	height: 28px;
	color: #fff!important;
	padding-left: 10px;
	padding-top: 8px;
	cursor: pointer;
	background: #6c757c url(../images/down.png) no-repeat;
	background-position: right
}
.drop_head .drop_body {
	width: 434px;
	height: auto;
	background: snow;
	color: #fff;
	position: absolute;
	border: 1px solid #6c757c;
	display: none
}
.drop_head .drop_body ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.drop_head .drop_body ul li {
	padding: 5px 2px;
	background: none;
	margin: 4px;
	color: #6c757c;
	cursor: pointer
}
.drop_head .drop_body ul li:hover {
	padding: 5px;
	background: #6c757c;
	margin: 4px;
	color: #fff
}
.form_submit_cover {
	width: 440px;
	height: auto;
	margin-bottom: 20px;
	height: 36px
}
.form_submit_cover input {
	width: 134px;
	height: 36px;
	background: url(../images/send_message.png);
	border: 0;
	font-size: 0;
	float: right;
	cursor: pointer
}
/*contact us page ends */

/*new style*/
img.emblum {
	margin-top: 30px;
	margin-left: 2px
}
.loading_div {
	width: 100%;
	text-align: center;
	position: absolute;
	padding-top: 250px;
	margin-top: 100px;
	z-index: 5
}
/*portfolio*/

.inner_container_portfolio {
	width: 1024px;
	height: auto;
	margin: auto;
	padding: 10px 0
}
.gallery {
	padding: 10px;
	height: auto
}
.gallery_head {
	padding: 18px;
	border-bottom: 3px dotted #978431;
	color: #978431;
	font-family: myriad pro, arial;
	font-size: 16px;
	font-weight: bold
}
.contact-us-right {
	width: 305px;
	height: 223px;
	float: left;
	margin: 0 0 10px 0;
	box-shadow: 2px 1px 3px 1px #d0cfcd;
}
.contact-us-right img {
	margin: 5px;
}
.more_works {
	clear: both;
	text-align: center;
	position: relative;
	top: -10px
}
.more_works a {
	color: #666
}
/*social footer*/
.social_footer {
	width: 1024px;
	height: 118px;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px dotted #4a4a4a;
	border-left: 0;
	border-right: 0
}
.social_footer_f {
	width: 150px;
	height: 100px;
	padding: 5px;
	padding-left: 70px;
	float: left;
	margin-right: 50px;
	background: url(../images/fblike-icon.png) no-repeat
}
.social_footer_l {
	width: 130px;
	height: 100px;
	padding: 5px;
	padding-left: 70px;
	float: left;
	margin-right: 50px;
	background: url(../images/linkidin.png) no-repeat
}
.social_footer_g {
	width: 130px;
	height: 100px;
	padding: 5px;
	padding-left: 70px;
	float: left;
	margin-right: 50px;
	background: url(../images/googleplus.png) no-repeat
}
.social_footer_f .txt, .social_footer_l .txt, .social_footer_g .txt {
	color: #7b7b7c;
	font-family: myriad pro, arial;
	font-size: 12px;
}
.social_other {
	background: url(../images/bg_social_other.png) no-repeat;
	width: 150px;
	height: 40px;
	float: right;
	margin-top: 30px;
	padding: 10px 15px
}
.social_other a {
	float: left;
	display: block;
	margin: 4px
}
/*articles page*/

.right_block_1 .div_article {
	font-size: 12px;
	padding: 0;
	line-height: auto
}
.right_block_1 .div_article .most_read1 {
	width: auto;
	height: 130px;
	margin-bottom: 20px;
}
.right_block_1 .div_article .most_read1 h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0;
	clear: both;
}
.right_block_1 .div_article .most_read1 .right {
	width: 200px;
	height: 100px;
	overflow: auto;
	float: right
}
.right_block_1 .div_article .most_read1 img.left {
	width: 65px;
	height: 65px;
	border: 1px solid #ccc;
	padding: 2px;
	float: left
}
.right_block_1 .div_article .most_read1 .right a {
	float: right;
	clear: both
}
.right_block_1 .div_article ul {
	margin: 0;
	padding: 0;
	margin-left: 20px;
	list-style-type: square;
	font-size: 14px
}
.right_block_1 .div_article ul li {
	padding: 5px 0
}
.right_block_1 .div_article a {
	font-weight: bold;
	color: #2B90BE;
}
.right_block_1 .div_article a:hover {
	text-decoration: underline;
	color: #222C35
}
.right_block_1 .div_article ul li a {
	font-weight: normal;
	color: #2B90BE;
}
/*e-shoppe gallery page */

.eshoppe_gallery_item_home {
	width: 400px;
	height: 250px;
	float: left;
	overflow: hidden;
	border: 5px solid #f5f5f5;
	box-shadow: 0 0 3px #ccc;
	margin: 10px 10px 20px 10px;
	z-index: 1;
	position: relative
}
.eshoppe_gallery_item_home:hover {
	height: auto;
	overflow: auto;
	z-index: 2;
	margin-bottom: -350px
}
.eshoppe_gallery_item_sub {
	width: 400px;
	height: 250px;
	float: left;
	overflow: hidden;
	border: 5px solid #f5f5f5;
	box-shadow: 0 0 3px #ccc;
	margin: 10px 10px 20px 10px;
	z-index: 1;
	position: relative
}
.eshoppe_gallery_item_sub:hover {
	height: auto;
	overflow: auto;
	z-index: 2;
	margin-bottom: -450px
}
.articles {
	width: 220px;
	float: left;
	font: normal 15px myriad pro, arial;
	text-align: left;
	color: #bbb849;
	padding: 6px 0 0 30px;
	margin-top: 30px;
	background: url(../images/ico_articles.png) no-repeat left;
	margin-bottom: 15px;
}
.articles a {
	color: #0C97D1;
}
.articles a:hover {
	color: #bbb849;
	text-decoration: underline
}
.more_article {
	padding: 10px;
	text-align: right
}
.more_article a {
	color: #0c97d1;
	font-size: 12px;
	display: block;
	text-align: right;
	width: auto
}
.more_article a:hover {
	text-decoration: underline
}
/*portfolio_pagination*/

.portfolio_pagination {
	height: 20px;
	float: right;
	width: auto;
	clear: both
}
.portfolio_pagination ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.portfolio_pagination ul li {
	display: inline
}
.portfolio_pagination ul li a {
	display: block;
	padding: 1px 8px;
	margin: 0 2px;
	background: #0C97D1;
	color: #fff;
	float: left;
	border-radius: 4px;
	cursor: pointer
}
.portfolio_pagination ul li a:hover {
	background: #222
}
/*download links-*/

.download_links {
	width: 220px;
	float: left;
	font: normal 15px myriad pro, arial;
	text-align: left;
	color: #bbb849;
	padding: 6px 0 0 35px;
	margin-top: 0px;
	background: url(../images/ico_downloads.png) no-repeat left;
	margin-bottom: 15px;
}
.download_links span {
	color: #0C97D1;
	display: block;
	float: left;
	margin-right: 10px
}
.download_links a {
	color: #0C97D1;
	display: block;
	float: left;
	margin-right: 10px
}
.download_links a:hover {
	color: #bbb849;
	text-decoration: underline
}
.innersub-bnr {
	font-size: 26px;
	color: #fff;
	text-align: left;
	line-height: 70px;
	font-family: 'Marcellus', serif;
	padding: 0 0 0 20px;
}
.case {
	font-size: 14px;
	padding: 5px 0 8px 0px;
	font-weight: bold;
}
/*19/12/2012 css*/
.serv {
	margin-right: 22px;
	width: 320px;
	float: left;
	height: 220px;
}
.inner_main_left .serv ul {
	margin-top: 20px;
}
.inner_main_left .serv ul li {
	color: #121212;
	font: normal 13px "Open sans", arial, "sans serif";
	padding-bottom: 15px;
	padding-left: 13px;
	list-style-type: none;
	height: 17px;
	background: url(../images/services-icon.png) no-repeat 0 1px !important;
}
.inner_main_left .serv ul li:hover {
	background-position: 0 -30px !important;
}
.inner_main_left .serv ul li a:hover {
	color: #0C97D1;
}
.serv h3 {
	color: #5d5d5d;
	display: block;
	font: bold 15px Euphemia;
	height: 17px;
	padding: 10px 0 20px 47px;
	text-transform: none;
	border-bottom: 1px dotted #ccc;
	text-transform: uppercase;
}
.sbg1 {
	background: url(../images/webap-icon.png) no-repeat scroll 0 0 transparent;
}
.sbg2 {
	background: url(../images/mobap-icon.png) no-repeat scroll 0 0 transparent;
}
.sbg4 {
	background: url(../images/internetpromo-icon.png) no-repeat scroll 0 0 transparent;
}
.sbg5 {
	background: url(../images/socialmedia-icon.png) no-repeat scroll 0 0 transparent;
}
.sbg6 {
	background: url(../images/other-icon.png) no-repeat scroll 0 0 transparent;
}
.sbg3 {
	background: url(../images/fbap-icon.png) no-repeat scroll 0 0 transparent;
}
/*19 december 2012 -- suresh edited */

.mobile_app_cover {
	width: 660px;
	height: auto;
	margin-top: 10px;
	background: none;
	padding: 10px
}
.mobile_app_cover h1 {
	margin: 0;
	padding: 0;
	font-family: myriad pro;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px
}
.mobile_app_cover .app_container {
	width: auto;
	height: auto;
	padding: 10px 0;
}
.mobile_app_cover .app_container h2 {
	margin: 0;
	padding: 0 0 0 30px;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	background: #f5f5f5 url(../images/bg_arrow_right.png) no-repeat;
	background-position: 5px 0;
	color: #666;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 2px #999;
	font-weight: normal
}
.mobile_app_cover .app_container .data {
	line-height: 20px;
	font-size: 12px;
	padding: 10px;
	border-bottom: 1px dotted #ccc;
	min-height: 100px;
	display: none
}
.arrowdown {
	background-color: #44aaee!important;
	color: #f5f5f5!important;
	background-image: url(../images/bg_arrow_down.png)!important;
	background-repeat: no-repeat;
	cursor: default!important;
	box-shadow: 0 0 2px #000!important;
}
/*20 december -- suresh */

.portfolio_pagination a.active {
	background: #222!important;
	color: #fff!important;
	cursor: default
}
/*21 devcember -- suresh*/

.mobile_app_cover .app_container h3 {
	margin: 0;
	padding: 0 0 0 30px;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	background: #f5f5f5 url(../images/bg_arrow_right.png) no-repeat;
	background-position: 5px 0;
	color: #666;
	border-radius: 4px;
	cursor: default;
	box-shadow: 0 0 2px #999;
	font-weight: normal
}
.headbg {
	background-color: #ff9845;
	padding: 5px;
	color: #fff;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.ourprocess-area {
	width: 100%;
	height: auto;
	float: left;
	padding-top: 20px;
}
.ourprocess-area .ourprocess-box {
	width: 685px;
	height: auto;
	float: left;
	text-align: left;
	line-height: 18px;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 15px;
	margin-top: 15px;
	border-bottom: #ccc dashed 1px;
}
.ourprocess-area .ourprocess-box .heading {
	width: 170px;
	height: auto;
	float: left;
	margin: 0 10px 10px 0;
}
.ourprocess-area .text {
	width: 500px;
	height: auto;
	float: right;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 18px;
	text-align: left;
}
.ourprocess-area .text .listbox {
	width: 200px;
	height: auto;
	float: left;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	margin: 20px 15px 0 0;
	background: url(../images/liststyle1.png) no-repeat left;
	padding-left: 20px;
}
.visual {
	background-color: #f38002;
	color: #fff;
	padding: 5px;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 30px;
}
.positive {
	background-color: #968102;
	color: #fff;
	padding: 5px;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 30px;
}
.social-facebook {
	background-color: #b89015;
	color: #fff;
	padding: 5px;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 30px;
}
/*****11/1/13****/
.serv h3 span {
	color: #666;
}
.serv h3 span:hover {
	color: #0C97D1;
}
.mob-apps_inside_more {
	height: 30px;
	padding: 5px;
	text-align: right
}
.mob-apps_inside_more a {
	display: block;
	width: auto;
	padding: 5px;
	color: #fff;
	background: #52aee3;
	text-align: center;
	float: right;
	cursor: pointer;
	border-radius: 4px
}
.iphone-solutions {
	float: left;
	width: 200px;
	height: auto;
	margin: 0 10px 0 0;
}
/**17/1/13**/
.margin_top_0 {
	margin-top: 0;
}
.inner_main_left ul {
	list-style: none;
}
.inner_main_left ul li {
	line-height: 22px;
	color: #444;
	background: url(../images/li-bg.png) no-repeat left top;
	padding: 0px 0 9px 19px;
}
.blue-facebook {
	color: #0E71A4;
	font-size: 14px;
	font-weight: bold;
}
.inner_main_left ul.iphone_app_display {
	float: left;
	margin: 10px 0;
	padding: 0;
	width: 67%;
}
.inner_main_left ul.iphone_app_display li {
	display: inline-block;
	font-weight: bold;
	line-height: 14px;
}
.inner_main_left ul.ios_apps {
	padding-left: 0;
	margin-left: 0;
	text-align: left;
}
.ios_apps_style {
	border: 1px dashed #ccc;
	padding: 10px 4px;
	text-align: center;
	min-height: 389px;
}
.blog_head_style {
	text-transform: uppercase;
	color: #0E71A4;
}
.div_style_readmore {
	width: auto !important;
	float: right;
	margin-right: 12px;
}
.inner_main_left ul.markrting-campaign {
	width: 99%;
}
.inner_main_left ul.markrting-campaign li {
	font-size: 12px;
}
.ourprocess-area .text1 {
	width: 100%;
}
/*new css new classes*/

.inner_top_header {
	width: 1024px;
	padding-top: 10px;
	font: normal 35px 'bebas_neueregular';
	line-height: 54px;
	color: #52aee3;
	text-align: left;
	background: #fff;
	border-bottom: 2px dotted #999;
}
.inner-right-head {
	width: 295px;
	height: auto;
	float: left;
	font: normal 28px 'bebas_neueregular';
	color: #8c8c8c;
	line-height: 34px;
	padding: 0 0 20px 0;
}
.innerleft-subhead {
	font: bold 15px Euphemia;
	text-align: left;
	color: #333;
}
.brandarea {
	width: 685px;
	height: auto;
	float: left;
	padding: 0 0 10px 0;
	border-bottom: #666666 dotted 1px;
}
.brandarea .brabdlogo {
	width: 120px;
	height: 100px;
	float: left;
	margin: 0 12px 12px 0;
	background: #0099FF;
}
.rightinnerheading {
	font: normal 30px 'bebas_neueregular';
	color: #8c8c8c;
	line-height: 34px;
}
.row1 {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
}
.row1 .leftcolom {
	width: 440px;
	height: auto;
	float: left;
	border-radius: 5px;
	border: #e7e7e7 solid 1px;
	background: #f1f1f1;
	padding: 6px;
}
.row1 .leftcolom .screeshot {
	width: 438px;
	height: auto;
	float: left;
	border: #e7e7e7 solid 1px;
}
.row1 .leftcolom .row {
	width: 438px;
	height: auto;
	float: left;
	padding: 15px 0 7px 0;
}
.row1 .leftcolom .row .left {
	width: 300px;
	height: auto;
	float: left;
}
.row1 .leftcolom .row .left .name {
	width: 300px;
	height: auto;
	float: left;
	font-family: 'bebas_neueregular';
	font-size: 20px;
	color: #999;
	margin-bottom: 5px;
}
.row1 .leftcolom .row .left .techno {
	width: auto;
	height: auto;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #33;
	border-radius: 10px;
	background: #999;
	padding: 2px 7px;
	text-align: center;
}
.row1 .leftcolom .row .right {
	width: 115px;
	height: auto;
	float: right;
}
.row1 .rightcolom {
	width: 197px;
	height: auto;
	float: right;
	border-radius: 5px;
	border: #e7e7e7 solid 1px;
	background: #f1f1f1;
	padding: 6px;
}
.row1 .rightcolom .scrnshot {
	width: 197px;
	height: auto;
	float: left;
	margin-bottom: 7px;
}
.row1 .rightcolom .name {
	width: 107px;
	height: auto;
	float: left;
	font-family: 'bebas_neueregular';
	font-size: 15px;
	color: #999;
}
.row1 .rightcolom .tech {
	width: 60px;
	height: auto;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #33;
	border-radius: 10px;
	background: #999;
	padding: 2px 5px;
	text-align: center;
}
.row1 .block1 {
	width: 209px;
	height: 305px;
	float: left;
	border: #CCC solid 1px;
}
.row1 .text1 {
	width: 210px;
	height: auto;
	float: left;
	text-align: center;
	color: #333;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 2px;
}
.row1 .text1 a {
	color: #333;
	text-decoration: none;
}
.row1 .text1 a:hover {
	color: #000;
	text-decoration: underline;
}
.row1 .text1.bg1 {
	background: #ffc313
}
.row1 .text1.bg2 {
	background: #009edd
}
.row1 .text1.bg3 {
	background: #d01617
}
/*12 february 2013*/
.link_redesign {
	height: 20px;
	float: right;
	clear: both
}
.link_redesign a {
	display: block;
	float: left;
	background: #3399FF;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 0;
	padding: 10px 5px!important;
	margin: 0 5px;
	border-radius: 4px;
	cursor: pointer
}
.link_redesign a:hover {
	background: #000
}
.redesign1 {
	display: block
}
.redesign2 {
	display: none
}
.redesign3 {
	display: none
}
.punchfont {
	font: normal 20px 'bebas neue';
	color: #ff9845;
}
.rightboxiner {
	width: 270px;
	height: auto;
	float: right;
	padding: 10px;
	margin: 0 0 10px 10px;
	background: #f5f5f5;
	border: #e6e6e6 5px solid;
}
.rightboxiner h2 {
	font: normal 25px 'bebas neue';
	color: #666;
	padding: 0 0 10px 0;
	text-align: center;
	border-bottom: #999 dotted 2px;
}
.rightboxiner .imagebox {
	width: 270px;
	height: auto;
	float: left;
	padding: 10px 0 10px 0;
}
.rightboxiner .txt {
	width: 270px;
	height: auto;
	float: left;
	padding: 10px 0 10px 0;
	text-align: justify;
	line-height: 18px;
}
.rightboxiner .txt a {
	color: #333;
	text-decoration: underline;
}
.rightboxiner .txt a:hover {
	color: #000;
	text-decoration: underline;
}
.ourworks-thumb {
	width: 300px;
	height: 200px;
	margin: 5px;
	float: left;
	border: 10px solid #fff;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
}
/************14/3/13****************/
.testi_name a {
	color: #0c97d1
}
.flikearea {
	width: 105px;
	float: left;
}
.flikeimg {
	width: 66px;
	float: left;
}
.flikenum {
	width: auto;
	height: 21px;
	float: left;
	background: #FFF;
	color: #333;
	text-align: left;
	border-radius: 0 5px 5px 0;
	padding-right: 5px;
}
/***********/
.social_footer_f .txt a, .social_footer_l .txt a, .social_footer_g .txt a {
	color: #7b7b7c;
	font: normal 12px "myriad pro";
}
/************quote menu copied from header.php***************/
.quote_menu {
	background: #202020;
	height: 320px;
	width: 100%;
	padding-top: 10px;
	position: relative;
	z-index: 20;
	top: -330px;
	margin-bottom: -330px
}
.quote_menu_data {
	background: #202020;
	margin: auto;
	width: 1024px;
	height: 300px;
	border-radius: 8px;
	padding: 10px
}
.quote_menu_bar {
	background: #c44500;
	height: 5px;
	width: 100%;
	cursor: pointer;
	position: relative;
	z-index: 2
}
.quote_trigger {
	float: right;
	position: relative;
	margin-bottom: -100px;
	cursor: pointer;
	z-index: 2
}
.quote_txt {
	width: 275px;
	height: 37px;
	background: url(../images/drop_txt.jpg) no-repeat
}
.quote_txt .txt_box {
	width: 260px;
	height: 22px;
	font-size: 11px;
	margin-left: 7px;
	margin-top: 7px;
	color: #fff;
	background: none;
	border: 0;
	outline: 0
}
.quote_area {
	width: 275px;
	height: 83px;
	background: url(../images/drop_area.jpg) no-repeat
}
.quote_area .txt_area {
	width: 260px;
	height: 68px;
	font-size: 11px;
	margin-left: 7px;
	margin-top: 7px;
	color: #fff;
	background: none;
	border: 0;
	outline: 0
}
.drop_btn {
	width: 121px;
	height: 33px;
	background: url(../images/drop_btn.jpg) no-repeat;
	border: 0;
	font-size: 0;
	cursor: pointer;
	margin: 2px
}
#myDiv {
	margin-top: 10px;
	position: absolute;
	width: 580px;
	height: 230px;
	background: #246396;
	margin-left: -320px;
	margin-top: -230px;
	border-radius: 10px;
	padding: 10px;
	display: none
}
/***********************/

/**********flike style copied from footer.php********/
.flikearea {
	width: 105px;
	float: left;
    display: none;
}
.flikeimg {
	width: 66px;
	float: left;
}
.flikenum {
	width: auto;
	height: 21px;
	float: left;
	background: #FFF;
	color: #333;
	text-align: left;
	border-radius: 0 5px 5px 0;
	padding-right: 5px;
}
/********************/


.pageform {
	width: 290px;
	height: auto;
	background: #FFF;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-radius: 10px;
	padding-top: 15px;
}
.pageform .txt {
	width: 290px;
	height: auto;
	float: left;
	padding: 10px 0 10px 0;
}
.pageform .row {
	width: 280px;
	height: auto;
	float: left;
	padding: 10px 0 10px 10px;
	text-align: center;
}
.pageform .row .txtbox {
	width: 260px;
	height: 35px;
	padding: 3px 10px 3px 10px;
	border-radius: 5px;
	background: #f5f5f5;
	color: #666;
	text-align: left;
	font-size: 13px;
	border: none;
	box-shadow: inset 0 2px 3px #666
}
.pageform .row .txtarea {
	width: 260px;
	height: 100px;
	padding: 3px 10px 3px 10px;
	border-radius: 5px;
	background: #f5f5f5;
	color: #666;
	text-align: left;
	font-size: 13px;
	border: none;
	box-shadow: inset 0 2px 3px #666
}
.pageform .row .btn {
	width: 117px;
	height: 41px;
	border: none;
	display: block;
	background: url(../images/submit-form.png) no-repeat;
	cursor: pointer;
}
.inner_main_left .blck {
	width: 200px;
	height: auto;
	float: left;
	padding: 10px;
	border-radius: 7px;
	background: #3677b0;
	border: #6ca4d5 1px solid;
	margin-right: 9px;
}
.inner_main_left .blck .hd1 {
	width: 200px;
	height: auto;
	float: left;
	margin-bottom: 5px;
}
.inner_main_left .blck .contnt {
	width: 200px;
	height: auto;
	float: left;
	margin-bottom: 5px;
	padding: 7px 0 7px 0;
	text-align: center;
}
.inner_main_left .blck .hd2 {
	width: 200px;
	height: auto;
	float: left;
	margin-bottom: 5px;
}
.inner_main_left .row {
	width: 685px;
	height: auto;
	float: left;
	margin: 15px 0 10px 0;
}
.inner_main_left .row .blck2 {
	width: 200px;
	height: auto;
	float: left;
	padding: 10px;
	border-radius: 7px;
	border: #2192d0 1px solid;
	margin-bottom: 15px;
	margin-right: 9px;
	display: block;
}
.inner_main_left .row .blck2 .item1 {
	width: 130px;
	height: auto;
	float: left;
	padding: 10px 10px 10px 50px;
	background: url(../images/enterprise-edition.png) no-repeat left;
	color: #3a82c1;
	font-weight: bold;
}
.inner_main_left .row .blck2 .item2 {
	width: 165px;
	height: auto;
	float: left;
	padding: 10px 10px 10px 35px;
	background: url(../images/magento-extension.png) no-repeat left;
	color: #3a82c1;
	font-weight: bold;
}
.inner_main_left .row .blck2 .item3 {
	width: 145px;
	height: auto;
	float: left;
	padding: 10px 10px 10px 55px;
	background: url(../images/magento-support.png) no-repeat left;
	color: #3a82c1;
	font-weight: bold;
}
.right_block_1 .con1 {
	width: 255px;
	float: left;
	margin-right: 8px;
}
.right_block_1 .con1 h2 {
	color: #09F;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 7px;
	padding: 0
}
.right_block_1 .con1 span {
	color: #000;
	font-size: 16px;
}
.skypecal {
	width: 100%;
	float: left;
	text-align: left;
	padding-top: 5px;
	font-size: 17px;
	color: #333;
	margin: 10px 0;
}
.skypecal img {
	float: left;
	margin-right: 10px;
}
/*new underbanner styles 18-March-2014*/

.square_menus .new_blocks {
	width: 250px;
	height: 225px;
	float: left;
	padding-top: 25px;
}
.square_menus .new_blocks .div1 {
	width: 100px;
	height: 100px;
	margin: auto;
	padding: 15px 0
}
.square_menus .new_blocks .div2 {
	font-family: 'bebas_neueregular';
	font-size: 18px;
	text-align: center;
	color: #666;
}
.square_menus .new_blocks a.more_link {
	display: block;
	margin: auto;
	padding: 4px 10px;
	width: 80px;
	background: #ddd;
	color: #666;
	font-size: 11px;
	line-height: 11px;
	border-radius: 8px;
	margin-top: 15px;
	text-align: center
}
.hyu_sitefinity {
	display: block;
	width: 180px;
	height: 130px;
	background: none;
	position: absolute;
	top: 218px;
	right: 0px
}
.hyu_sa {
	display: block;
	width: 139px;
	height: 59px;
	background: none;
	position: absolute;
	top: 218px;
	right: 200px;
	display: none
}
/*27-march*/

/*banner preloader*/
.preload_this {
	width: 1px;
	height: 1px;
	z-index: -999;
	position: absolute;
	overflow: hidden
}
.loading {
	width: 120px;
	height: 10px;
	background: #fff;
	border: 1px solid #000;
	position: absolute;
	margin-left: 45%;
	top: 380px;
	z-index: 99;
	margin-bottom: -50px
}
.loading_in {
	width: 0px;
	height: 10px;
	float: left;
	background: #0F7AAB
}
/*jan30*/
.imgstyle1 {
	display: block;
	float: left;
	width: 300px;
	margin: 0 0 20px 20px;
}
.imgstyle2 {
	display: block;
	float: left;
	width: 350px;
	margin: 20px 20px 20px 0;
}
.imgstyle3 {
	display: block;
	float: right;
	width: 400px;
	margin: 0 0 20px 20px;
}
.inner_main_left .row {
	width: 685px;
	height: auto;
	float: left;
	margin: 15px 0 10px 0;
}
.inner_main_left .row .blck2 {
	width: 200px;
	height: auto;
	float: left;
	padding: 10px;
	border-radius: 7px;
	border: #2192d0 1px solid;
	margin-bottom: 15px;
	margin-right: 9px;
	display: block;
}
.inner_main_left .row .blck2 .item1 {
	width: 130px;
	height: auto;
	float: left;
	padding: 10px 10px 10px 50px;
	background: url(../images/enterprise-edition.png) no-repeat left;
	color: #3a82c1;
	font-weight: bold;
}
.inner_main_left .row .blck2 .item2 {
	width: 165px;
	height: auto;
	float: left;
	padding: 10px 10px 10px 35px;
	background: url(../images/magento-extension.png) no-repeat left;
	color: #3a82c1;
	font-weight: bold;
}
.inner_main_left .row .blck2 .item3 {
	width: 145px;
	height: auto;
	float: left;
	padding: 10px 10px 10px 55px;
	background: url(../images/magento-support.png) no-repeat left;
	color: #3a82c1;
	font-weight: bold;
}
span.txt_gold2 a:hover {
	color: #fff;
}
label.error {
	color: red
}
.liststyle01 ul {
	width: 100%;
	float: left;
	padding-left: 20px;
	box-sizing: border-box;
}
.liststyle01 ul li {
	line-height: 20px;
	list-style-position: outside;
}
.liststyle01 ol {
	width: 100%;
	float: left;
	padding-left: 20px;
	box-sizing: border-box;
}
.liststyle01 ol li {
	line-height: 25px;
	list-style-position: outside;
	margin-bottom: 10px;
}
.right_block_1 .con1 {
	width: 255px;
	float: left;
	margin-right: 8px;
}
.right_block_1 .con1 h2 {
	color: #09F;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 7px;
	padding: 0
}
.right_block_1 .con1 span {
	color: #000;
	font-size: 16px;
}
.skypecal {
	width: 100%;
	float: left;
	text-align: left;
	padding-top: 5px;
	font-size: 17px;
	color: #333;
	margin: 10px 0;
}
.skypecal img {
	float: left;
	margin-right: 10px;
}
.right_block_1 .con1.adj {
	width: 240px;
	border-right: 1px dotted #666;
	border-bottom: 1px dotted #666;
	height: 227px;
	margin-right: 0;
}
.right_block_1 .con1.adj2 {
	padding-left: 10px;
	height: 227px;
	border-bottom: 1px dotted #666;
}
.right_block_1 .con1.adj3 {
	width: 240px;
	padding-top: 10px
}
.contact-us-right.adj {
	width: 500px;
}
/*new underbanner styles 18-March-2014*/

.square_menus .new_blocks {
	width: 250px;
	height: 225px;
	float: left;
	padding-top: 25px;
}
.square_menus .new_blocks .div1 {
	width: 100px;
	height: 100px;
	margin: auto;
	padding: 15px 0
}
.square_menus .new_blocks .div2 {
	font-family: 'bebas_neueregular';
	font-size: 18px;
	text-align: center;
	color: #666;
}
.square_menus .new_blocks a.more_link {
	display: block;
	margin: auto;
	padding: 4px 10px;
	width: 80px;
	background: #ddd;
	color: #666;
	font-size: 11px;
	line-height: 11px;
	border-radius: 8px;
	margin-top: 15px;
	text-align: center
}
.hyu_sitefinity {
	display: block;
	width: 180px;
	height: 130px;
	background: none;
	position: absolute;
	top: 218px;
	right: 0px
}
.hyu_sa {
	display: block;
	width: 139px;
	height: 59px;
	background: none;
	position: absolute;
	top: 218px;
	right: 200px;
	display: none
}
/*27-march*/

/*banner preloader*/
.preload_this {
	width: 1px;
	height: 1px;
	z-index: -999;
	position: absolute;
	overflow: hidden
}
.loading {
	width: 120px;
	height: 10px;
	background: #fff;
	border: 1px solid #000;
	position: absolute;
	margin-left: 45%;
	top: 380px;
	z-index: 99;
	margin-bottom: -50px
}
.loading_in {
	width: 0px;
	height: 10px;
	float: left;
	background: #0F7AAB
}
/*jan30*/
.imgstyle1 {
	display: block;
	float: left;
	width: 300px;
	margin: 0 0 20px 20px;
}
.imgstyle2 {
	display: block;
	float: left;
	width: 350px;
	margin: 20px 20px 20px 0;
}
.imgstyle3 {
	display: block;
	float: right;
	width: 400px;
	margin: 0 0 20px 20px;
}
.imgstyle4 {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
}
.imgstyle5 {
	float: right;
	margin: 0 10px 0 0;
}
.imgstyle6 {
	float: right;
	margin: 0 0 0 10px;
}
.imgstyle7 {
	float: left;
	margin: 0 10px 0 0;
}
.imgstyle8 {
	margin: auto
}
.imgstyle9 {
	float: left;
	margin: 20px 10px 0 0;
}
span.txt_gold2 a:hover {
	color: #fff;
}
label.error {
	color: red
}
.top-cov {
	width: 1024px;
	margin: auto
}
.rt-col {
	float: right;
	width: 550px;
}
.rt-col2 {
	float: right;
	width: 220px;
}
.rt-col2 .rightcolom {
	margin-bottom: 30px;
}
.row1 .rightcolom.adj {
	margin-bottom: 21px;
	margin-right: 20px;
}
.slider1_cover {
	width: 995px;
	height: 500px;
	padding-left: 16px;
	box-sizing: border-box
}
.cols1 {
	float: left;
	width: 250px
}
.gallery h3 {
	display: block;
	width: 100%;
	float: left;
	padding: 10px 0;
	font-size: 18px;
}
.gallery .ourworks-thumb {
	box-shadow: 0px 0px 5px #ccc;
	width: 280px;
}
.gallery .ourworks-thumb img {
	width: 100%
}
.inner_main_left .row {
	width: 100%;
}
.row01 {
	width: 100%;
	float: left;
	padding: 10px 0;
}
.row01 .b01 {
	width: 50%;
	float: left
}
.gallery .ap-left {
	width: 680px;
	float: left;
	height: auto;
	padding-top: 20px;
	background: #fff;
}
.gallery .ap-right {
	width: 340px;
	height: auto;
	float: right;
	padding-top: 20px;
}
.resmenu {
	display: none;
	width: 100%;
	float: left;
	height: 40px;
	background: url(../images/icon-menu.png) no-repeat right center;
	cursor: pointer;
}
.the-cod-right {
	width: 290px;
	float: right;
}
.mb-btn {
	width: 494px;
	margin: 0 auto;
	display: block
}
.ios_apps_blk {
	width: 210px;
	float: left;
	margin: 0 2px;
	border: 1px dashed #ccc;
	padding: 10px 4px;
	text-align: center;
	min-height: 435px;
	background: #f5f5f5;
	border-radius: 5px;
	box-sizing: border-box;
}
.ios_apps_blk h3 {
	text-align: center;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
	background: #52aee3;
	font-size: 14px;
	font-family: arial;
	padding: 7px;
}
.ios_apps_blk ul {
	width: 100%;
	padding: 0;
	color: #0b5e84;
	line-height: 20px;
	text-align: left;
	margin: 0
}
.ios_apps_blk ul li {
	padding: 4px 0;
	background: url(../images/li-bg.png) no-repeat left 7px;
	list-style-position: outside;
	padding-left: 15px;
}
.drop-head {
	width: 100%;
	float: left;
}
.drop-head .adrs {
	width: 380px;
	float: left;
}
.drop-head .form-col {
	width: 700px;
	float: right;
}
.drop-head .form-col .b1 {
	width: 50%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
}
.prtner-blk {
	width: 150px;
	float: left;
	margin: 10px 32px;
}
.prtner-blk img {
	width: 100%;
	border: 1px solid #ddd;
}
.word-blk {
	width: 50%;
	float: left;
}
.on-bus {
	width: 100%;
	float: left
}
.anm-blk {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.anm-blk img {
	width: 97px;
	float: left;
}
.sf-blk {
	float: left;
	width: 390px;
	text-align: justify;
}
.recent_works_main.adj {
	width: 200px;
	float: right;
	height: 280px;
	border: 1px solid #f0f0f0;
}
.recent_works_main.adj2 {
	width: 323px;
	float: right;
	height: 250px;
	border: 1px solid#f0f0f0;
}
.mb-ap {
	width: 100%;
	float: left;
	margin: 0 0 15px 0;
}
.mb-ap img {
	float: left;
	margin: 0 12px;
}
.inner_main_left.adj2 {
	width: 490px;
}
.inner_main_right.adj {
	width: 530px;
}
.right_block_1.adj {
	float: left;
	width: 530px;
	padding: 10px 0;
}
.contact_formcover.adj {
	float: right;
	width: 280px;
	height: 400px;
}
.form_txtbox.adj {
	width: 100%;
}
.form_submit_cover.adj {
	width: 100%;
}
.txt-xtyle1 {
	font: normal 25px 'Bebas Neue';
	color: #999;
	line-height: 30px;
}
.txt-xtyle1 span {
	color: #378dc7;
}
.txt-xtyle2 {
	font-size: 25px!important;
	color: #8c8c8c;
	line-height: 34px;
}
.txt-xtyle2 span {
	color: #378dc7;
}
.style001 {
	margin: 0;
	padding: 0;
	margin-left: 30px
}
.style002 {
	display: inline-block;
	width: 205px;
	padding-left: 20px;
	line-height: 25px;
	float: left;
}
.style003 {
	width: 30%;
	float: left;
}
.video-cover {
	width: 395px;
	height: 300px;
	border: #41cbfc solid 10px;
	box-shadow: 2px 1px 8px #333;
	border-radius: 8px;
	margin-bottom: 20px;
	box-sizing: border-box
}
.spacer1 {
	margin: 0 12px;
}
.spacer2 {
	padding-left: 200px;
}
.cont-adrs {
	width: 380px;
	float: left
}
.c01 {
	width: 307px;
	float: left
}
.c01 h3 {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: dashed 1px #ccc;
}
.c01 .textbox {
	width: 100%;
	float: left;
	margin: 5px 0 10px;
	padding: 6px;
	box-sizing: border-box;
	background: #246295;
	border-radius: 3px;
}
.c01 .textarea {
	width: 100%;
	height: 120px;
	float: left;
	margin: 5px 0 10px;
	padding: 6px;
	box-sizing: border-box;
	background: #246295;
	border-radius: 3px;
}
.imgtyle001 {
	width: 100%
}
.banner1 {
	width: 100%;
	height: 400px;
	background: url(../images/banner_img01.jpg) no-repeat center top;
	background-size: cover
}
.banner2 {
	width: 100%;
	height: 400px;
	background: url(../images/banner_img02.jpg) no-repeat center top;
	background-size: cover
}
.banner3 {
	width: 100%;
	height: 400px;
	background: url(../images/banner_img03.jpg) no-repeat center top;
	background-size: cover
}
.banner4 {
	width: 100%;
	height: 400px;
	background: url(../images/banner_img04.jpg) no-repeat center top;
	background-size: cover
}
.banner5 {
	width: 100%;
	height: 400px;
	background: url(../images/banner_img05.jpg) no-repeat center top;
	background-size: cover
}
.banner6 {
	width: 100%;
	height: 400px;
	background: url(../images/banner_img06.jpg) no-repeat center top;
	background-size: cover
}
.app-banner img {
    width: 100%;
    height: auto;
}







/***************************************************/
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);



/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
  
}

.fade-in.two {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.fade-in.three {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

/*---make a basic box ---*/

/* Scroll down indicator (bouncing) */

/******************
* Bounce in left *
*******************/

@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        transform: translateX(-400px); 
    } 
    60% { 
       
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateX(0); 
    } 
} 

.bounceInLeft { 
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
	animation-duration: 3s;
  animation-name: bounceInLeft;
  animation-iteration-count: bounceInLeft 1s linear infinite;

}
.app-banner { text-align:center;}
.app-banner img{ width:100%; height:auto;}
.aps{font-size: 15px; font-weight: bold;}