@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
}
.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;
	background:url(../images/bg_inner_matter.png) repeat-y center; 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;}
.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:200px; margin-right:0;}
.right_block_1 .con1.adj2 { padding-left:10px; height:200px; 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}