@charset "utf-8";
@import"//fonts.googleapis.com/css?family=Roboto:100,300,600";
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400);

* {	border: 0; outline: none; padding: 0; margin: 0; list-style-type: none; font-weight: normal; }
html, body,
div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, a,
em, img, q, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
html {overflow-y: scroll;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer { display: block; }
body, html {
	background: #ffffff;
	font-family: Arial;
	color: #2A4E77;
	font-size: 14px;
}
a {	color:#0089D0;	text-decoration: none; font-weight:bold;}
a:hover { text-decoration: none; }
strong, b { font-weight: bold; }
p, blockquote { padding: 0 0 10px 0; line-height: 20px; }
textarea { resize: none; }
.center { text-align: center; }
.clear {	display: block; clear: both; overflow: hidden; height: 0px; }
.clear5 { display: block; clear: both; overflow: hidden; height: 5px; }
.clear10 { display: block; clear: both; overflow: hidden; height: 10px; }
.clear20 { display: block; clear: both; overflow: hidden; height: 20px; }
.left { float: left; }
.right {	float: right; }
.block { display: block; }
.hidden { display: none; }
.visibility { visibility: hidden; }
.relative { position: relative; }
.overflow { overflow: hidden; }
.superscript{font-size:xx-small; vertical-align:top;} 

/*#header h1 a,*/
#content .paging a,
#customers .partners a,
#footer .copyright .share a,
#header .header a.request-demo,
#header .header a.free-trial,
#header .header a.start-project,
a.free-trial {
	display: block;
	background: transparent url(../../images/site/global.png) left top no-repeat;
}

#footer .logo a {
	display: block;
	background: transparent url(../../images/site/codigital_logo_light_small.png) left top no-repeat;
}

.width-of-site {
	width: 1150px;
	max-width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	width: 100%;
	height: 461px;
	background: transparent url(../../images/site/header.gif) left top repeat-x;
}

#header h1 {
	float: left;
	padding-top: 12px;
}

#header h3 {
	float: left;
	color: #ffffff;
	font-size: 30px;
	/*line-height: 70px;*/
	line-height: 55px;
	text-shadow: #2b4e77 1px 1px 1px;
	cursor: default;
}

#header .subnav {
	float: right;
	/*margin-top: 18px;*/
	margin-top: 15px;
	margin-right: 0;
	padding: 0 0 0 0;
	height: 35px;
	/*background: #4372AA;*/
	
	background: #2A4E77;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A4E77', endColorstr='#2A4E77');
	background: -webkit-gradient(linear, left top, left bottom, from(#2A4E77), to(#2A4E77));
	background: -moz-linear-gradient(top, #2A4E77, #2A4E77);
	/*
	background: #487AB6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#487AB6', endColorstr='#487AB6');
	background: -webkit-gradient(linear, left top, left bottom, from(#487AB6), to(#487AB6));
	background: -moz-linear-gradient(top, #487AB6, #487AB6);
	*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

#header .subnav li {
	float: right;
	padding-right: 0px;
	border-right-color: #4d6f99;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #4d6f99;
	border-top-style: solid;
	border-top-width: 1px;
}

#header .subnav li.latest {
	/*border-right: 0;*/
}

#header .subnav li.first {
	border-left-color: #4d6f99;
	border-left-style: solid;
	border-left-width: 1px;
}

#header .subnav li a {
	color: #ffffff;
	font-weight:normal;
	font-size: 12px;
	height: 35px;
	line-height: 35px;
	padding: 0 20px;
	display: block;
}

#header .subnav li a:hover,
#header .subnav li a.active {
	color: #fff;
	/*background: #376092;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#376092', endColorstr='#376092');
	background: -webkit-gradient(linear, left top, left bottom, from(#376092), to(#376092));
	background: -moz-linear-gradient(top, #376092, #376092);
	background: transparent url(../../images/site/header-nav.gif) 0px -1px repeat-x;*/
	font-weight: normal;
}

#header .subnav li.first a:hover,
#header .subnav li.first a.active {
	-moz-border-radiustopleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-khtml-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	
	-moz-border-radiusbottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-khtml-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	
}

#header .subnav li.latest a:hover,
#header .subnav li.latest a.active {
	-moz-border-radiustopright: 3px;
	-webkit-border-top-right-radius: 3px;
	-khtml-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	
	-moz-border-radiusbottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-khtml-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


#header h1 a {
	width: 108px;
	height: 28px;
	/*background-position: left top;*/
	background: none;
	text-indent: -9999px;
	overflow: hidden;
}


#header h1 .logo {
	display: block;
	width: 130px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url('//app.codigital.com/img/custom/codigital_trans_edged.png') 0px 0px no-repeat;
	background-size: 113px 30px;
	margin-top: 13px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
}

#header nav {
	float: right;
	width: 700px;
	height: 51px; 
}

#header nav.active-subnav {
	height: 51px/*65px*/;
}

#header nav li {
	float: right;
}

#header nav li a {
	display: block;
	height: 51px;
	line-height: 51px;
	color: #000000;
	padding: 0 15px;
	float: left;
}

#header nav li a:hover,
#header nav li a.active {
	/*background: transparent url(../../images/site/header-nav.gif) 0px 0px repeat-x;*/
	color: #ff0000;
	text-decoration: none;
}

#header nav li.login a,
.demo-project {
	padding: 2px;
	/*padding: 0 15px;*/
	margin-left: 10px;
	/*width: 195px;*/
	height: 43px;
	display: block;
	text-align: center;
	line-height: 35px;
	height: 37px;
	background: #616161;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color:#a61000;
	background-color: #f6f6f6;
	font-size: 15px;
	color: #000000;
	/*border-color:#a61000 #a61000 #446e0b #97c53d;*/
	/*text-shadow:0 -1px 0 rgba(0,0,0,.3);*/
	/*
	-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffff3355,EndColorStr=#ffa61000);
	background-image:-moz-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:-ms-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:-o-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff3355),color-stop(100%,#a61000));
	background-image:-webkit-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:linear-gradient(to bottom,#ff3355 0,#a61000 100%);
	*/
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	/*width: 100px;*/
	margin-top: 5px;
	border: 1px solid #f6f6f6;
}

#header nav li.login a:hover,
.demo-project:hover {
	/*
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa61000,EndColorStr=#ffa61000);
	background-image:-moz-linear-gradient(top,#a61000 0,#a61000 100%);
	background-image:-ms-linear-gradient(top,#a61000 0,#a61000 100%);
	background-image:-o-linear-gradient(top,#a61000 0,#a61000 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a61000),color-stop(100%,#a61000));
	background-image:-webkit-linear-gradient(top,#a61000 0,#a61000 100%);
	background-image:linear-gradient(to bottom,#a61000 0,#a61000 100%); 
	*/
	background-color: #f6f6f6;
	text-decoration: none;
}

#header nav li.login span {
	background: none; /*transparent url(../../images/site/login-button.png) left center no-repeat;*/
	padding-left: 0px;
}

#header nav.active-subnav li a.active {
	height: 51px/*61px*/;
}

#header .header {
	height: 340px;
	padding-top: 70px;
	background: transparent url(../../images/site/header-image.gif) right bottom no-repeat;
}

#header .header h2 {
	color: #ffffff;
	font-size: 40px;
}

#header .header p {
	color: #ffffff;
	font-size: 15px;
	padding-top: 15px;
}

#header .header a.request-demo {
	background: none;
	width: 195px;
	height: 43px;
	display: block;
	text-align: center;
	line-height: 37px;
	height: 37px;
	background: #616161;
	font-weight: bold;
	text-shadow: 0px 0px #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color:#6891e7;
	font-size: 16px;
	color: #ffffff;
	border-color:#0053a6 #0053a6 #000;
	text-shadow:0 -1px 0 rgba(0,0,0,.5);
	-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff4495e7,EndColorStr=#ff0053a6);
	background-image:-moz-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-ms-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-o-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4495e7),color-stop(100%,#0053a6));
	background-image:-webkit-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:linear-gradient(to bottom,#4495e7 0,#0053a6 100%);
	width: 150px;
}

.submit-demo {
	background: none;
	width: 195px;
	height: 43px;
	text-align: center;
	line-height: 37px;
	height: 37px;
	background: #616161;
	font-weight: bold;
	text-shadow: 0px 0px #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color:#6891e7;
	font-size: 16px;
	color: #ffffff;
	border-color:#0053a6 #0053a6 #000;
	text-shadow:0 -1px 0 rgba(0,0,0,.5);
	-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff4495e7,EndColorStr=#ff0053a6);
	background-image:-moz-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-ms-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-o-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4495e7),color-stop(100%,#0053a6));
	background-image:-webkit-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:linear-gradient(to bottom,#4495e7 0,#0053a6 100%);
	width: 150px;
}

#header .header a.request-demo:hover,
.submit-demo:hover {
	color: #dddddd;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff0053a6,EndColorStr=#ff0053a6);
	background-image:-moz-linear-gradient(top,#0053a6 0,#0053a6 100%);
	background-image:-ms-linear-gradient(top,#0053a6 0,#0053a6 100%);
	background-image:-o-linear-gradient(top,#0053a6 0,#0053a6 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0053a6),color-stop(100%,#0053a6));
	background-image:-webkit-linear-gradient(top,#0053a6 0,#0053a6 100%);
	background-image:linear-gradient(to bottom,#0053a6 0,#0053a6 100%);
}

#header .header a.free-trial,
#header .header a.start-project,
a.read-more,
a.free-trial {
    
	width: 195px;
	height: 43px;
	background-position: left -29px;
	display: block;
	text-align: center;
	line-height: 47px;
	height: 47px;
	background: #616161;
	font-weight: bold;
	text-shadow: 0px 0px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color:#a61000;
	font-size: 18px;
	color: #ffffff;
	border-color:#a61000 #a61000 #446e0b #97c53d;
	/*text-shadow:0 -1px 0 rgba(0,0,0,.3);*/
	-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffff3355,EndColorStr=#ffa61000);
	background-image:-moz-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:-ms-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:-o-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff3355),color-stop(100%,#a61000));
	background-image:-webkit-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:linear-gradient(to bottom,#ff3355 0,#a61000 100%);
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	width: 150px;
	margin-top: 10px;
	border: 1px solid #a61000;
	
	/*
	background:#a61000;
	height: 80px;
    line-height: 40px;
	padding: 0 22px;
	font-size: 18px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	margin-top: 25px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #ffffff;
	*/
}

.read-more:hover {
	color: #ffffff;
}


.submit-trial {
	width: 195px;
	height: 43px;
	background-position: left -29px;
	display: block;
	text-align: center;
	line-height: 37px;
	height: 37px;
	background: #616161;
	font-weight: bold;
	text-shadow: 0px 0px #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color:#6891e7;
	font-size: 16px;
	color: #ffffff;
	border-color:#0053a6 #0053a6 #000;
	text-shadow:0 -1px 0 rgba(0,0,0,.5);
	-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffff3355,EndColorStr=#ffa61000);
	background-image:-moz-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:-ms-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:-o-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff3355),color-stop(100%,#a61000));
	background-image:-webkit-linear-gradient(top,#ff3355 0,#a61000 100%);
	background-image:linear-gradient(to bottom,#ff3355 0,#a61000 100%);
	width: 150px;
}

#header .header a.free-trial:hover,
#header .header a.start-project:hover,
.submit-trial:hover,
a.free-trial:hover {
	color: #dddddd;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa61000,EndColorStr=#ffa61000);
	background-image:-moz-linear-gradient(top,#a61000 0,#a61000 100%);
	background-image:-ms-linear-gradient(top,#a61000 0,#a61000 100%);
	background-image:-o-linear-gradient(top,#a61000 0,#a61000 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a61000),color-stop(100%,#a61000));
	background-image:-webkit-linear-gradient(top,#a61000 0,#a61000 100%);
	background-image:linear-gradient(to bottom,#a61000 0,#a61000 100%);
}

.start-project-entry {
    font-family: Arial,Source Sans Pro;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 70px;
}

.start-project-entry .email {
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	font-size: 28px;
	line-height: 40px;
	padding: 15px;
	padding-left: 15px;
	float: left;
	width: 450px;
	height: 35px;
	color: #555555;
}

.start-project-entry .go {
	display: block;
	background: #e8f2fd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #4d87ce;
	text-align: center;
	color: #4d87ce;
	text-decoration: none;
	width: 130px;
	height: 45px;
	line-height: 35px;
	padding: 0 22px;
	padding-top: 0px;
	background-color:#6891e7;
	font-size: 20px;
	color: #ffffff;
	font-weight: normal;
	border-color:#0053a6 #0053a6 #000;
	-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff3D9F22,EndColorStr=#ff13630a);
	background-image:-moz-linear-gradient(top,#3D9F22 0,#13630a 100%);
	background-image:-ms-linear-gradient(top,#3D9F22 0,#13630a 100%);
	background-image:-o-linear-gradient(top,#3D9F22 0,#13630a 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3D9F22),color-stop(100%,#13630a));
	background-image:-webkit-linear-gradient(top,#3D9F22 0,#13630a 100%);
	background-image:linear-gradient(to bottom,#3D9F22 0,#13630a 100%);
    line-height: 20px;
    display: block;
    text-shadow:0 -1px 0 rgba(0,0,0,.5);
	cursor: pointer;
}

.start-project-entry .go:hover {
	
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff13630a,EndColorStr=#ff13630a);
	background-image:-moz-linear-gradient(top,#13630a 0,#13630a 100%);
	background-image:-ms-linear-gradient(top,#13630a 0,#13630a 100%);
	background-image:-o-linear-gradient(top,#13630a 0,#13630a 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#13630a),color-stop(100%,#13630a));
	background-image:-webkit-linear-gradient(top,#13630a 0,#13630a 100%);
	background-image:linear-gradient(to bottom,#13630a 0,#13630a 100%);
   
}

.demo-link {
    display: block;
	background: #e8f2fd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #4d87ce;
	text-align: center;
	color: #4d87ce;
	text-decoration: none;
	width: 130px;
	height: 45px;
	line-height: 35px;
	padding: 0 22px;
	padding-top: 0px;
	background-color:#6891e7;
	font-size: 20px;
	color: #ffffff;
	font-weight: normal;
	border-color:#0053a6 #0053a6 #000;
	-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff3969a0,EndColorStr=#ff2b507b);
	background-image:-moz-linear-gradient(top,#3969a0 0,#2b507b 100%);
	background-image:-ms-linear-gradient(top,#3969a0 0,#2b507b 100%);
	background-image:-o-linear-gradient(top,#3969a0 0,#2b507b 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3969a0),color-stop(100%,#2b507b));
	background-image:-webkit-linear-gradient(top,#3969a0 0,#2b507b 100%);
	background-image:linear-gradient(to bottom,#3969a0 0,#2b507b 100%);
    line-height: 20px;
    display: block;
    text-shadow:0 -1px 0 rgba(0,0,0,.5);
	cursor: pointer;
}

.demo-link:hover {
    
    background: #2e4a8c;
}

#content {
	padding-top: 40px;
}

#content .generic-page {
	padding: 0 0 30px 0;
}

#content .generic-page h3 {
	color: #253446;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 15px;
}

#content .generic-page h3 a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

#content .generic-page h3 a:hover {
	text-decoration: none;
}

#content .generic-page .separator {
	height: 1px;
	overflow: hidden;
	margin: 20px 0 25px 0;
	background: transparent url(../../images/site/page-separator.gif) left top no-repeat;
}

#content .generic-page ul {

}

#content .generic-page ul li {
	line-height: 20px;
    padding: 0 0 10px;
	list-style-type: disc;
	margin-left: 17px;
}

#content .generic-page .team-listing .item {
	padding-bottom: 80px;
	background: transparent url(../../images/site/sections.gif) left bottom no-repeat;
}

#content .generic-page .team-listing .item.latest {
	background: none;
	padding-bottom: 0;
}

#content .generic-page .team-listing .item .fname {
	float: left;
	text-align: right;
	width: 480px;
}

#content .generic-page .team-listing .item .fname img {
	float: right;
	margin-left: 30px;
	border: 1px solid #e1e1e1;
}

#content .generic-page .team-listing .item .fname p {
	color: #555555;
	font-size: 14px;
	font-weight: bold;
}

#content .generic-page .team-listing .item .desc {
	overflow: hidden;
	padding-left: 30px;
}


#content article {
	float: left;
	width: 21%;
	padding-right: 4%;
	font-size: 12px;
}



#content article h3,
#content .body h3 {
	color: #2A4E77;
	font-size: 18px;
	font-weight: bold;
	padding-left: 45px;
	height: 34px;
	line-height: 34px;
	padding-bottom: 15px;
}


#content .body h3 {
	padding-left: 0;
	padding-bottom: 5px;
}

#content article.engagement h3 {
	background: transparent url(../../images/site/icons/engagement.gif) left top no-repeat;
}
#content article.ideas h3 {
	background: transparent url(../../images/site/icons/ideas.gif) left top no-repeat;
}
#content article.insight h3 {
	background: transparent url(../../images/site/icons/insight.gif) left top no-repeat;
}
#content article.concise-output h3 {
	background: transparent url(../../images/site/icons/concise-output.gif) left top no-repeat;
}

#articles {
	background: transparent url(../../images/site/header.gif) left top repeat-x;
}

#content feature {
	float: left;
	width: 29%;
	padding-right: 4%;
	font-size: 12px;
}

#content feature h3{
	color: #253446;
	font-size: 15px;
	font-weight: bold;
	padding-left: 40px;
	height: 34px;
	line-height: 34px;
	padding-bottom: 15px;
	background: transparent url(../../images/site/icons/tick.png) left 6px no-repeat;
	background-size: 30px 20px;
}

.tick {
    color: #253446;
	font-size: 15px;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	padding-bottom: 15px;
	background: transparent url(../../images/site/icons/tick.png) left 6px no-repeat;
	background-size: 30px 20px;   
}


#content .learn-more {
	display: block;
	height: 17px;
	line-height: 17px;
	padding-left: 23px;
	font-size: 12px;
	margin-top: 10px;
	font-weight: bold;
	background: transparent url(../../images/site/buttons/learn-more.gif) left top no-repeat;
}

#content .learn-more:hover {
	background-position: left bottom;
	text-decoration: underline;
}

#content .title-of-section {
	color: #2A4E77;
	font-size: 18px;
	font-weight: bold;
	display: block;
	padding-bottom: 20px;
}

#content .testimonials .title-of-section {
	float: left;
}

#content .paging {
	float: right;
	text-align: right;
	color: #4d6f99;
	width: 500px;
	padding-top: 5px;
}

#content .paging a {
	float: right;
	width: 12px;
	height: 12px;
	background-position: -193px top;
	text-indent: -9999px;
	margin-left: 5px;
	overflow: hidden;
}

#content .paging a.active,
#content .paging a:hover {
	background-position: -206px top;
}

#content .examples,
#content .testimonials,
#content .separator,
.separator {
	margin-top: 35px;
	padding-top: 35px;
	background: transparent url(../../images/site/sections.gif) left top no-repeat;
}

.separator-top {
	height: 30px;
	background: transparent url(../../images/site/sections_top.png) left top no-repeat;
}

.separator-bottom {
	height: 30px;
	background: transparent url(../../images/site/sections_bottom.png) left top no-repeat;
}

#content .testimonials .item {
	width: 44%;
	padding-right: 3%;
	padding-left: 3%;
	float: left;
	padding-bottom: 15px;
}

#content .examples h4 {
	width: 27%;
	padding-right: 3%;
	padding-left: 3%;
	float: left;
	padding-bottom: 15px;
}

#content .examples h4 a {
	display: block;
	padding-left: 15px;
	background: transparent url(../../images/site/buttons/example.gif) left 5px no-repeat;
	font-weight: bold;
}

#content .examples h4 a:hover {
	text-decoration: underline;
}

#content .testimonials blockquote,
#content .testimonials .item .fname {
	font-size: 13px;
	padding-left: 40px;
	color: #2A4E77;
}

#content .testimonials blockquote {
	background: transparent url(../../images/site/testimonials-quote.gif) left 6px no-repeat;
}

#content .testimonials .item .fname {
	font-style: italic;
}

#customers {
	width: 100%;
	height: 171px;
	margin-top: 20px;
	background: transparent url(../../images/site/customers_back.gif) left top repeat-x;
}

#clients {
	width: 100%;
	height: 95px;
	margin-top: 0px;
	background: transparent url(../../images/site/client_logos_v04.png) center top no-repeat;
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

#clients .more-logos {
    color: #333333;
    float: right; 
    margin-right: 58px; 
    margin-top: 4px; 
    font-size: 10px;  
}

#clients .more-logos:hover {
    text-decoration: underline;
}

#clients2 {
	width: 100%;
	height: 95px;
	margin-top: 0px;
	background: transparent url(../../images/site/client_logos_v03.png) center top no-repeat;
}


#footer {
	/*width: 100%;*/
	padding: 15px 0;
	height: 250px;
	/*padding-right: 25%;*/
	margin-top: 0px;
	/*background: transparent url(../../images/site/footer_v02.gif) left top repeat-x;*/
	background: #2A4E77;
	background: #000000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
	background: -moz-linear-gradient(top, #000000, #000000);
	
}

#footer.generic-page {
	height: 60px;
	background-position: left bottom;
}

#footer ul,
#footer .location,
#footer .email,
#footer .logo {
	float: right;
	padding-right: 35px;
	margin-right: 5px;
	border-right: 1px dotted #444444;
	margin-top: 20px;
	height: 115px;
}

#footer .logo a {
	width: 108px;
	height: 28px;
	background-position: left top;
	text-indent: -9999px;
	overflow: hidden;
}

#footer .location {
	width: 145px;
}

#footer ul.latest {
	border-right: 0;
}

#footer ul li.section,
#footer .location span.section {
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 5px;
	display: block;
}

#footer .location span.section .inactive {
	color: #638cb9;
	cursor: pointer;
}

#footer .location span.text,
#footer ul li a {
	color: #c0c0c0;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}

#footer .location span.text {
	line-height: 15px;	
}

#footer ul li a:hover {
	color: #d51213;
}

#footer .copyright {
	/*float: right;*/
} 

#footer .logo .text {	
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	display: block;
	padding-top: 0px;
	/*padding-right: 120px;*/
	/*margin:0px auto;*/
	 /*text-align: center;*/ 
}

#footer .copyright .text small {
	/*float: right;*/
}

#customers .partners {
	height: 139px;
	padding-top: 32px;
}

#customers .partners a {
	float: left;
	height: 91px;
	margin-right: 90px;
	cursor: default;
}

#customers .partners a.latest {
	margin-right: 0;
}

#customers .partners a.octane90 {
	width: 132px;
	background-position: left -73px;
}
#customers .partners a.hachette {
	width: 141px;
	background-position: left -165px;
}
#customers .partners a.gathering {
	width: 78px;
	background-position: left -257px;
}
#customers .partners a.pacific {
	width: 65px;
	background-position: left -349px;
}
#customers .partners a.school {
	width: 165px;
	background-position: -132px -349px;
}
#customers .partners a.octane90:hover {
	background-position: -133px -73px;
}
#customers .partners a.hachette:hover {
	background-position: -142px -165px;
}
#customers .partners a.gathering:hover {
	background-position: -79px -257px;
}
#customers .partners a.pacific:hover {
	background-position: -66px -349px;
}
#customers .partners a.school:hover {
	background-position: -298px -349px;
}

#footer .copyright .share,
#footer .copyright .codigital {
	
	/*line-height: 60px;*/
	color: #dcedf4;
	font-size: 12px;
	display: block;
	/*float: left;*/
	
}
/*
#footer .copyright .share {
	width: 500px;
	float: right;
}
*/
#footer .copyright .share span,
#footer .copyright .share a {
	float: right;
}

#footer .copyright .share a {
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	margin: 19px 0 0 8px;
	overflow: hidden;
}

#footer .copyright .share a.google {
	background-position: -151px top;
}
#footer .copyright .share a.facebook {
	background-position: -172px top;
}
#footer .copyright .share a.twitter {
	background-position: -109px top;
}

/*
#footer {
    position:relative;
    width:100%;
    padding-top:10px; }
    #footer .inner { height:20px; }
    
    #footer .inner > ul {
        float:left;
        padding-right:60px; }
        #footer ul > li,
        #footer ul > li > a {
            font-family:DepotBold,Futura,Arial,sans-serif;
            font-weight:normal;
            color:#fff;
            text-decoration:none;
            font-size:15px; }
        #footer ul > li > a.email {
        	display: block;
			background: transparent url(../../images/site/global.png) left top no-repeat;
            background-position: -130px top;
            width: 20px;
			height: 20px;
			text-indent: -9999px;
			overflow: hidden;
			margin-left: 10px;
        }
        #footer ul > li > a.contact {
        	display: block;
        }
        #footer ul > li a:hover { color:#ff0000; }
        #footer ul ul { padding-top:5px; }
        #footer ul ul li a {
            font-family:HelveticaNeueRoman,Helvetica,Verdana,sans-serif;
            font-size:12px;
            line-height:20px;
            color:#d9e4e9;
            text-decoration:none; }
        #footer ul a {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            -o-transition: color 0.2s ease-in-out;
            -ms-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out; }
*/

#request-demo,
#free-trial,
#start-project {
	padding: 10px; 
	background: #fff;
}

#request-demo span.h1,
#request-demo span.p,
#free-trial span.h1,
#free-trial span.p,
#start-project span.h1,
#start-project span.p {
	display: block;
}

#request-demo span.h1,
#free-trial span.h1,
#start-project span.h1 {
	font-size: 35px;
	padding-bottom: 10px;
}

#request-demo span.h2,
#free-trial span.h2
#start-project span.h2 {
	font-size: 20px;
	font-weight: bold;
}

#request-demo span.p,
#free-trial span.p,
#start-project span.p {
	line-height: 18px;
	padding-bottom: 15px;
}

#request-demo fieldset,
#free-trial fieldset,
#start-project fieldset {
	padding-bottom: 5px;
}

#request-demo form label,
#free-trial form label,
#start-project form label {
	display: block;
	float: left;
	width: 140px;
	line-height: 24px;
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
}

#request-demo form input.text,
#request-demo form textarea.text,
#request-demo form select.text,
#free-trial form input.text,
#free-trial form textarea.text,
#free-trial form select.text,
#start-project form input.text,
#start-project form textarea.text,
#start-project form select.text {
	width: 230px;
	height: 16px;
	padding: 4px;
	font-family: Arial;
    font-size: 12px;
	color: #555555;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #999999;
}


#request-demo form input.error,
#request-demo form textarea.error,
#request-demo form select.error,
#free-trial form input.error,
#free-trial form textarea.error,
#free-trial form select.error,
#start-project form input.error,
#start-project form textarea.error,
#start-project form select.error {
	border: 1px solid red;
}

#request-demo form select.text,
#free-trial form select.text,
#start-project form select.text {
	width: 240px;
	height: 26px;
}

#request-demo form textarea.text,
#free-trial form textarea.text,
#start-project form textarea.text {
	height: 60px;
}

#request-demo form input.submit,
#free-trial form input.submit,
#start-project form input.submit {
	/*
	width: 115px;
	height: 33px;
	background-position: -266px -107px;
	cursor: pointer;
	margin: 0 0 0 150px;
	*/
}

.submit-demo,
.submit-trial {
	width: 115px;
	height: 33px;
	cursor: pointer;
	margin: 0 0 0 150px;
}

#request-demo form input.submit:hover,
#free-trial form input.submit:hover,
#start-project form input.submit:hover {
	/*background-position: -266px -73px;*/
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../../images/site/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../../images/site/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../../images/site/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../../images/site/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../../images/site/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../../images/site/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../../images/site/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../../images/site/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../../images/site/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../images/site/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../images/site/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../../images/site/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../images/site/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../../images/site/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../../images/site/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../../images/site/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../../images/site/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../../images/site/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../../images/site/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../../images/site/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../../images/site/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../../images/site/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}