@import "main.css";
@import "http://www.google.com/fonts#UsePlace:use/Collection:Ubuntu:300,400,500,700";

body {
	margin: 0;
	font-family: 'Lato', sans-serif;
	text-shadow: 0 0 1px rgba(255, 255, 255, .2);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

article {
	padding: 20px 0
}
.left {
	float: left
}
.right {
	float: right
}
.headertext-big {
	font-size: 1.6em;
	font-weight: 300;
	padding-top: 14px;
	line-height: 30px
}
.headertext-small {
	font-size: 0.722em;
	font-weight: 400;
	padding-top: 8px;
	line-height: 22px
}
#header-container nav {
	position: relative
}
#mainmenu ul {
	height: 46px;
	position: relative;
	float: left
}
ul.red-list li {
	background: url("../img-new/bullet-red.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
	margin-bottom: 25px;
	padding-left: 14px;
	font-size:18px; font-weight:300;
}
.box-highlight h1 {
	font-size: 21px;
	color: #515050;
	font-weight: 400;
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 10px;
	margin-top: 0
}
.title-border {
	margin-top: 0;
	color: #323232;
    font-size: 28px;
    font-weight: 400;
   
	border-bottom: 1px solid #efefef;
	padding-bottom: 16px;

}
a.backlink::before {
	background: none repeat scroll 0 0 transparent;
	border-color: transparent #00acee transparent transparent;
	border-style: solid;
	border-width: 15px;
	content: "";
	height: 0;
	left: -30px;
	padding: 0;
	position: absolute;
	top: 0;
	width: 0;
}
a.backlink {
	background-color: #00acee;
	color: #fff;
	display: block;
	float: right;
	font-size: 16px;
	font-weight: 400;
	padding: 4px 12px;
	position: relative;
}
.img-left {
	float: left;
	margin: 15px 22px 14px 0;
}
.redlink {
	font-weight: 300
}



.black {
	color: #000;
}

.min-hgt {
	min-height: 500px;
}
.pdlt {
	display: inline-block;
	margin-top: -28px;
	padding-left: 20px;
}

element.style {
    position: absolute;
    vertical-align: middle;
}
th, td, caption {
    padding: 4px 10px 4px 5px;
	 color: #4a4949;
    font-size: 18px;
    font-weight: 300;
}

.casestu{ border-bottom: 1px solid #efefef;}
.red-list{color:#515050;}
.casest p {
      color: #4a4949;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    margin: 10px 0 20px;
/*    padding-left: 37px;*/
    text-align: left;
}
.titleh3{color: #e74d4c;
    font-size: 22px;}
.bld {
    font-weight: 600;
}
.fntst{font-size:18px;font-weight:600;}	
.red-list.marT0 li {
    margin: 0 0 20px !important;
	font-size:18px !important; font-weight:300;
}
h2.titleh3 {
    color: #454545;
    font-size: 20px;
    font-weight: 700;
}
.casestudy-list .web-thumb {
    display: block;
    float: left;
    margin-right: 18px;
}
.client{margin-bottom:0;}

.img-left {
    float: left;
    margin: 17px 22px 14px 0;
}
audio, canvas, img, video {
    vertical-align: middle;
}
img {
    border: 0 none;
}
audio, canvas, img, video {
    vertical-align: middle;
}
*, .focus {
    outline: medium none;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #f5484b;
    color: #fff;
    text-shadow: none;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #f5484b;
    color: #fff;
    text-shadow: none;
}
label {
	cursor: pointer
}
legend {
	border: 0;
*margin-left:-7px;
	padding: 0;
	white-space: normal
}
input[placeholder], [placeholder], *[placeholder] {
color:#515050
}
::-webkit-input-placeholder {
color:#515050
}
:-moz-placeholder {
color:#515050
}
::-moz-placeholder {
color:#515050
}
:-ms-input-placeholder {
color:#515050
}
button, input, select, textarea {
	border: 1px solid #8e8f8f;
	padding: 4px 8px;
	font-size: 13px;
	color: #515050;
	width: 94%;
	margin: 5px 5px 5px 0;
	vertical-align: baseline;
*vertical-align:middle
}
input:focus, select:focus, textarea:focus {
	background-color: #dbdbdb;
	color: #181212;
	font-weight: 600
}
body {
    font-family: "Lato",sans-serif;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}
body {
    font-family: "Lato",sans-serif;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}
html {
    font-size: 1em;
    line-height: 1.4;
}
html, button, input, select, textarea {
    color: #222;
}
html {
    font-family: "Lato",sans-serif;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}
html {
    font-size: 1em;
    line-height: 1.4;
}
html, button, input, select, textarea {
    color: #222;
}
.img-left {
    float: left;
    margin: 13px 22px 14px 0;
}
audio, canvas, img, video {
    vertical-align: middle;
}
img {
    border: 0 none;
}
audio, canvas, img, video {
    vertical-align: middle;
}
*, .focus {
    outline: medium none;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #f5484b;
    color: #fff;
    text-shadow: none;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #f5484b;
    color: #fff;
    text-shadow: none;
}
body {
    font-family: "Lato",sans-serif;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}
body {
    font-family: "Lato",sans-serif;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}
html {
    font-size: 1em;
    line-height: 1.4;
}
html, button, input, select, textarea {
    color: #222;
}
html {
    font-family: "Lato",sans-serif;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}
html {
    font-size: 1em;
    line-height: 1.4;
}
html, button, input, select, textarea {
    color: #222;
}
.casestudy-list p {
    margin: 0;
}

.img-left {
    float: left;
    margin: 13px 22px 14px 0;
}
audio, canvas, img, video {
    vertical-align: middle;
}
img {
    border: 0 none;
}
audio, canvas, img, video {
    vertical-align: middle;
}
*, .focus {
    outline: medium none;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #f5484b;
    color: #fff;
    text-shadow: none;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #f5484b;
    color: #fff;
    text-shadow: none;
}
body {
    font-family: "Lato",sans-serif;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}
body {
    font-family: "Lato",sans-serif;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}
html {
    font-size: 1em;
    line-height: 1.4;
}
html, button, input, select, textarea {
    color: #222;
}
html {
    font-family: "Lato",sans-serif;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}
html {
    font-size: 1em;
    line-height: 1.4;
}
html, button, input, select, textarea {
    color: #222;
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}
.listpad10 dd {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.casestudy-list dd {
    background: url("../img-new/casestudies/hr-shadow3.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    border-bottom: 1px solid #f6f7f7;
    display: block;
    line-height: 20px;
    margin: 0 0 20px;
    padding-bottom: 20px;
    position: relative;
}

.video-chat th, td, caption {
    color: #4a4949;
    font-size: 17px;
}

dl.faq-list {
	font-size: 16px;
	font-weight: 300;
	color: #515050
}
dl.faq-list dt {
	font-weight: 600
}
dl.faq-list dt:before {
	content: 'Q :'
}
dl.faq-list dd {
	padding: 0;
	margin: 0 0 8px
}
dl.faq-list dd:before {
	content: 'A :'
}
dl.faq-list dt, dl.faq-list dd {
	padding-left: 32px;
	position: relative
}
dl.faq-list dt:before, dl.faq-list dd:before {
	position: absolute;
	left: 0
}
/*********27-12-13*********/
.title-border.withicon {
	padding-left: 46px;
	padding-top: 0
}
.title-border.googleglass-icon {
	background: url(../img/googleglass-icon.png) no-repeat 0 0
}
.title-border.headless-icon {
	background: url(../img/headless-icon.png) no-repeat 0 0
}
.title-border.download-icon {
	background: url(../img/download_icon.png) no-repeat 0 7px;
}
.title-border.framework-icon {
	background: url(../img/frame-icon.jpg) no-repeat 0 0;
	padding-left: 36px
}
.title-border.withicon2 {
	padding-left: 0;
	padding-top: 8px;
	margin-top: 0
}

h3.sub-title{
	font-size: 22px;
    font-weight: 300;
	color:#E53736;
	margin-top: 38px;
	text-align: center;
}
h3.sub-title span{
	color:#515050;
}
.desc{
	width: 550px;
	float: left;
}
.desc ul{
	margin: 0px;
	padding: 0px;
}
.desc ul li{
	background: url(../img/tick-old.png) no-repeat 0 15px;
	list-style-type: none;
	font-size: 18px;
	font-weight: 300;
	color:#515050;
	padding: 15px 0 0 35px;
}
.form{
	background: #fff;
	width: 562px;
	float: right;
	height: 316px;
	margin: 23px 0 45px;
	-webkit-box-shadow: 0px 0px 5px 0px #e0e0e0;
	-moz-box-shadow: 0px 0px 5px 0px #e0e0e0;
	box-shadow: 0px 0px 5px 0px #e0e0e0;
}
.form h2.title{
	background-color: #f6f6f6;
	width: 543px;
	height: 55px;
	padding: 0px 0 0 20px;
	margin: 0px;
	font-weight: 500;
	font-size: 22px;
	color:#e53736;
	line-height: 55px;
}
.book-img{
	margin: 20px 0 0 0;
	float: left;
	width: 228px;
}
.book-img img{
	padding: 0 0 0 15px;
}
.email-form{
	float: right;
	width: 334px;
	margin: 15px 0 0 0;
}
.email-form input{
	border-radius: 3px;
    height: 24px;
    line-height: 24px;
    margin: 0;
    outline: 0 none;
    padding: 10px;
	color: #515050;
    font-size: 15px;
    font-weight: 600;
	width: 284px;
	}
.email-form label{
	color: #000;
    font-size: 16px;
}
.email-form input.button{
	background-color: #E53736;
    border-radius: 16px;
	border: 0px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 18px;
    font-weight: 400;
    height: 32px;
    line-height: 28px;
    margin-right: 28px;
    width: 154px;
    padding: 0 12px;
    text-decoration: none;
}
.landing_page {
	margin-bottom: 20px
}
.call2 .like {
	display: block;
	float: left;
	width: 101px;
	height: 44px;
	line-height: 42px;
	margin: -1px 8px 0 0;
	color: #FFF;
	background: url(../img/like.png) no-repeat 0 0;
	padding-left: 10px
}
.call2 {
	background-color: #f2f2f2;
	border: 1px solid #e1e1e1;
	height: 42px;
	line-height: 30px;
	font-size: 22px;
	font-weight: 400;
	color: #3e3e3e
}
ul.red-list { margin:1em 0; }
ul.red-list22 {
	padding-left: 0;
	list-style: none
}
ul.red-list22 li {
	padding-left: 14px;
	background: url(../img/bullet-red.png) no-repeat 0 6px;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.3
}
ul.red-list3 {
	padding-left: 0;
	list-style: none
}
ul.red-list3 li {
	padding-left: 14px;
	background: url(../img/bullet-red.png) no-repeat 0 6px;
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: 400;
	line-height: 1.3
}
article p { font-size:18px; font-weight:300;  }
.ordered-list {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}
.ordered-list li {
	border-bottom: 1px solid #f0f0f0;
	padding: 16px 0 16px 40px !important;
	font-size: 18px;
	font-weight: 300;
	position: relative;
}
.ordered-list li.hasmoreline {
	padding-bottom: 6px;
	padding-top: 8px
}
.ordered-list li .biglist {
	display: block;
	width: 40px;
	height: 40px;
	padding: 0 7px 0 5px;
	font-size: 30px;
	font-weight: 700;
	color: #FFF;
	line-height: 40px;
	text-align: center;
	background: url("../img/check.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	/*background: url(../img/ol-arrow.png) no-repeat 0 0;*/
	
	margin-right: 8px;
	position: absolute;
/*	top: 7px;*/
	left: 0
}
.ordered-list li .biglist img {
	position: absolute;
	left: 18px;
	top: 8px
}
.ordered-list strong { font-weight:500; }
.call {
	background-color: #f2f2f2;
	border: 1px solid #e1e1e1;
	height: 42px;
	line-height: 42px;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #3e3e3e
}
.call .ready {
	display: block;
	float: left;
	width: 116px;
	height: 44px;
	margin: -1px 8px 0 -1px;
	color: #FFF;
	background: url(../img/call-arrow.png) no-repeat 0 0;
	padding-left: 26px
}
.call3 {
    background-color: #F2F2F2;
    border: 1px solid #E1E1E1;
    color: #3E3E3E;
    font-size: 21px;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
    margin-bottom: 20px;
}

.call3 .ready {
    background: url("../img/call-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: block;
    float: left;
    height: 44px;
    margin: -1px 8px 0 -1px;
    padding-left:20px;
    width: 115px;
}
.appsnav {
	float: right
}
.appsnav li {
	float: left
}
.appsnav li a {
	display: block;
	height: 44px;
	width: 80px;
	text-indent: -999em;
	background: #f2f2f2 url(../img/appsnav-sprite.png) no-repeat 0 0;
	margin-left: 10px
}
.appsnav li a.iphoneapps {
	background-position: 0 0
}
.appsnav li:hover a.iphoneapps {
	background-position: -80px 0
}
.appsnav li a.androidapps {
	background-position: 0 -44px
}
.appsnav li:hover a.androidapps {
	background-position: -80px -44px
}
.appsnav li a.iOS7 {
	background-position: -0px -704px
}
.appsnav li:hover a.iOS7 {
	background-position: -80px -704px
}
.appsnav li a.ipadapp {
	background-position: -0px -745px
}
.appsnav li:hover a.ipadapp {
	background-position: -80px -745px
}
.appsnav li a.windows8apps {
	background-position: 0 -88px
}
.appsnav li:hover a.windows8apps {
	background-position: -80px -88px
}
.appsnav li a.otherapps {
	background-position: 0 -132px
}
.appsnav li:hover a.otherapps {
	background-position: -80px -132px
}
.appsnav li a.responsive {
	background-position: 0 -616px
}
.appsnav li:hover a.responsive {
	background-position: -80px -616px
}
.appsnav li a.customweb {
	background-position: 0 -176px
}
.appsnav li:hover a.customweb {
	background-position: -80px -176px
}
.appsnav li a.webdev {
	background-position: 0 -220px
}
.appsnav li:hover a.webdev {
	background-position: -80px -220px
}
.appsnav li a.hirephp {
	background-position: 0 -264px
}
.appsnav li:hover a.hirephp {
	background-position: -80px -264px
}
.appsnav li a.hiredotnet {
	background-position: 0 -308px
}
.appsnav li:hover a.hiredotnet {
	background-position: -80px -308px
}
.appsnav li a.saas {
	background-position: 0 -352px
}
.appsnav li:hover a.saas {
	background-position: -80px -352px
}
.appsnav li a.mobileweb {
	background-position: 0 -396px
}
.appsnav li:hover a.mobileweb {
	background-position: -80px -396px
}
.appsnav li a.partner {
	background-position: 0 -440px
}
.appsnav li:hover a.partner {
	background-position: -80px -440px
}
.appsnav li a.industryapps {
	background-position: 0 -572px
}
.appsnav li:hover a.industryapps {
	background-position: -80px -572px
}
.appsnav li a.carapps {
	background-position: 0 -484px
}
.appsnav li:hover a.carapps {
	background-position: -80px -484px
}
.appsnav li a.wearable {
	background-position: 0 -528px
}
.appsnav li:hover a.wearable {
	background-position: -80px -528px
}
.appsnav li a.appwireframe {
	background-position: 0 -660px
}
.appsnav li:hover a.appwireframe {
	background-position: -80px -660px
}
.bb-img{
	height: 241px;
    position: absolute;
    right: 37px;
    top: 21px;
    width: 278px;
}
.blocksection {
	border-bottom: 1px solid #e0e1e4;
	background: url(../img/hr-shadow.jpg) no-repeat center bottom;
	margin-bottom: 20px
}
.joomla {height:258px; margin-top:-13px; padding-right:234px; background: url(img/joomla.jpg) no-repeat bottom;}
.joomla-icon {position:absolute; right:0; top:46px; padding-right:20px;} 
ul.red-list.sixcol li {
	float: left;
	width: 148px
}
.doublecol ul {
	margin: 0
}
.doublecol.no-shadow {
	background: 0;
	padding-bottom: 0
}
.doublelinebox {
	border-top: 1px solid #ced0d5;
	border-bottom: 1px solid #ced0d5;
	height: 256px;
	background: url(../img/boxshadow-bg.jpg) no-repeat center top;
	margin-bottom: 20px;
	padding-right: 352px
}
.doublecol .col {
	width: 580px
}
.doublecol .col.left {
	padding-right: 20px
}
/*twitter*/
.social_plan {
	border: solid 1px #e6e7ea;
	margin-bottom: 1.2em
}
.social_plan table {
	margin-bottom: 0;
	border-collapse: separate
}
.social_plan table td {
	vertical-align: middle
}
.social_paln_col {
	border-right: solid 1px #FFF;
	color: #fff;
	font-size: 15px;
	font-weight: 700
}
.social_paln_col3 {
	font-size: 15px;
	font-weight: 700;
	background-color: #f2f2f2;
	border-bottom: 1px solid #f2f2f2
}
.social_paln_col2 {
	border-right: solid 1px #FFF;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	padding-left: 20px
}
.yellow {
	color: #dec114;
	font-size: 13px;
	font-weight: normal
}
.social_grey {
	font-size: 15px;
	font-weight: 400;
	line-height: 32px;
	padding-left: 20px;
	border-bottom: solid 1px #e6e7ea;
	border-right: solid 1px #e6e7ea
}
.social_grey2 {
	font-size: 15px;
	font-weight: 400;
	line-height: 32px;
	border-bottom: solid 1px #e6e7ea;
	border-right: solid 1px #e6e7ea
}
.social_grey3 {
	font-size: 15px;
	font-weight: 400;
	line-height: 32px;
	border-bottom: solid 1px #e6e7ea
}
.social h2 {
	padding: 0!important;
	font-weight: 700;
	color: #e53736!important;
	margin: 0!important;
	line-height: 1;
	font-size: 18px
}

.pvcply strong { font-weight:600; color:#666; }

/*testimonial*/
blockquote {
	color: #515050;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #f6f7f7;
	padding-bottom: 16px;
	margin: 0 0 18px;
	background: url(../img/hr-shadow3.jpg) no-repeat center bottom
}
blockquote i {
	display: block;
	color: #de2626;
	margin-top: 6px
}
.testi-aside {
	width: 306px;
	float: right
}
.testi-left {
	width: 654px;
	float: left;
	margin-right: 20px
}
.abtnav {
	float: right;
	position: relative;
	top: 2px
}
.abtnav ul {
	margin: 0
}
.abtnav li {
	float: left
}
.abtnav li a {
	font-size: 16px;
	color: #454545;
	font-weight: 400;
	background-color: #f2f2f2;
	padding: 4px 12px;
	margin-left: 12px
}
.abtnav li a:hover {
	text-decoration: none;
	color: #f2f2f2;
	background-color: #454545
}
.without-icon {
	margin-top: 0
}