/* -- FONTS -- */

@font-face {
    font-family: 'colaboratelightregular';
    src: url('fonts/colablig-webfont.eot');
    src: url('fonts/colablig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colablig-webfont.woff') format('woff'),
         url('fonts/colablig-webfont.ttf') format('truetype'),
         url('fonts/colablig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaLTStdBold';
    src: url('fonts/helveticaltstd-bold.eot');
    src: url('fonts/helveticaltstd-bold.eot') format('embedded-opentype'),
         url('fonts/helveticaltstd-bold.woff') format('woff'),
         url('fonts/helveticaltstd-bold.ttf') format('truetype'),
         url('fonts/helveticaltstd-bold.svg#HelveticaLTStdBold') format('svg');
}

@font-face {
    font-family: 'HelveticaLTStdRoman';
    src: url('fonts/helveticaltstd-roman.eot');
    src: url('fonts/helveticaltstd-roman.eot') format('embedded-opentype'),
         url('fonts/helveticaltstd-roman.woff') format('woff'),
         url('fonts/helveticaltstd-roman.ttf') format('truetype'),
         url('fonts/helveticaltstd-roman.svg#HelveticaLTStdRoman') format('svg');
}


/* -- GLOBAL -- */

html {
	overflow-y: scroll;
}

#header, #content {
  width:980px;
  margin:0 auto;
}

body {
	background: url(../images/background.jpg);
	font: 13px Helvetica, Arial,sans-serif;
}


/* -- HEADER -- */

.header-con {
	width: 100%;
	height: 105px;
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
}

#header .logo {
	margin: 22px 0 0 0;
	border: 0;
	width: 260px;
}

#header ul {
	float: right;
	margin: 40px 0 0 0;
	padding: 0;
}

#header li {
	float: left;
	list-style-type: none;
	padding: 0 30px 0 0;
	font: bold 14px/32px Helvetica, Arial ,sans-serif;
	color: #444;
}

	#header li.signin {
		height: 26px;
		background: url(../images/signin-button.png);
		padding: 6px 12px 0 15px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font: bold 13px Helvetica, Arial ,sans-serif;
	}
	
		#header li.signin:hover {
			background: url(../images/signin-button-hover.png);
		}
	
	#header li.signin a {
		color: #fff;
		text-shadow: 0px -1px rgba(0,0,0,0.5);
	}
	
	#header li.signin a .icon-lock {
		padding: 5px 0 0 25px;
		font-size: 16px;
	}

#header li a {
	color: #444;
}

#header li a:hover {
	color: #007AC3;
}

	#header li.signin a:hover {
		color: #fff;
	}


/* -- SLIDESHOW -- */

.slideshow {
	width: 980px;
	height: 380px;
	margin: 0 auto;
}

	.slideshow .slides li {
		list-style-type: none;
	}
	
	.slideshow .slides li .image {
		width: 980px;
		height: 380px;
		background-position: center right;
		background-repeat: no-repeat;
	}
	
	.slideshow .slides li .slider-text {
		float: left;
		width: 490px;
		margin: 50px 0 0 0;
	}
	
	.slideshow .slides li .slider-text span {
		font-size: 20px;
	}
	
	.slideshow .slides li .slider-text h1, .slideshow .slides li .slider-text h2.h1 {
		font: bold 22px/32px Helvetica, Arial ,sans-serif;
		color: #d91c5c;
		margin: 0 0 25px 0;
	}

	.LiALA.slideshow .slides li .slider-text h1, .LiALA.slideshow .slides li .slider-text h2.h1 {
		font: bold 22px/32px Helvetica, Arial ,sans-serif;
		color: #A12D90;
		margin: 0 0 25px 0;
	}

	.slideshow .slides li .slider-text h2 {
		font: bold 22px/32px Helvetica, Arial ,sans-serif;
		color: #007ac3;
		margin: 0 0 25px 0;
	}
	
	.slideshow .slides li .slider-text p {
		font: 30px/32px 'colaboratelightregular',sans-serif;
		color: #4f4f4f;
	}
	
	.slideshow .slides li .slider-text .slider-button {
		display: inline-block;
		height: 38px;
		width: 190px;
		background: #007AC3;
		margin: 10px 0 0 0;
		padding: 0 15px;
		font: bold 18px/38px Helvetica, Arial ,sans-serif;
		color: #fff;
		text-shadow: 0px -1px rgba(0,0,0,0.5);
		text-align: center;
	}

	/*.LiALA.slideshow .slides li .slider-text .slider-button {
		background: #A12D90;
	}*/
	
	
/* -- CONTENT -- */

.index .slides hr {
	width: 50%;
	margin: 0 20%;
	border-top: 3px solid #007AC3;
	margin-bottom: 5px;
}

.gradientRule {
	margin-top: 40px;
	padding-bottom: 5px;
	width: 80%;
	background: #00AEEF; /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left, transparent,#00AEEF,#007AC3,#5C55A3,#84449B,#A12D90,#C52786,#D91C5C, transparent);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(left, transparent,#00AEEF,#007AC3,#5C55A3,#84449B,#A12D90,#C52786,#D91C5C, transparent);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(left, transparent,#00AEEF,#007AC3,#5C55A3,#84449B,#A12D90,#C52786,#D91C5C, transparent);
  /* Standard syntax */
  background: linear-gradient(to right, transparent, #00AEEF,#007AC3,#5C55A3,#84449B,#A12D90,#C52786,#D91C5C, transparent);
}

.content-con {
	width: 100%;
	background: #fff;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.LiA.content-con, .LiALA.content-con {
	padding-top: 40px;
}

.LiA.content-con h2 {
	color: #d91c5c;
	font-size: 20px;
	line-height: 26px;
}

.LiALA.content-con h2 {
	color: #A12D90;
	font-size: 20px;
	line-height: 26px;
}

.LiA .content-right h2, .LiALA .content-right h2 {
	font: bold 16px Helvetica, Arial ,sans-serif;
	color: #444;
}

.content-con-nb {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
}

.content {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	line-height: 20px;
	color: #444;
}

.content h1 {
	margin: 5px 0 0 0;
	font: 32px/80px 'colaboratelightregular',sans-serif;
	color: #d91c5c;
	text-align: center;
}

.content h2 {
	font: bold 16px Helvetica, Arial ,sans-serif;
	color: #444;
}

.content-left {
	float: left;
	width: 420px;
	margin: 0 50px 0 0;
}

.content-right {
	float: left;
	width: 510px;
}

.LiA.content-con .content-right p, .LiALA.content-con .content-right p {
	margin-bottom: 0;
}

.content-right ul {
	margin: 0 0 0 2px;
	padding: 0;
}

.LiA.content-con .content-right ul, .LiALA.content-con .content-right ul {
	margin: 0 0 0 15px;
}

.content-right li {
	position: relative;
	list-style-type: none;
	padding: 8px 0 8px 25px;
	line-height: 18px;
}

.LiA.content-con .content-right li, .LiALA.content-con .content-right li {
	list-style-type: disc;
	padding: 3px 0 3px 5px;
}

.content-right li .icon-ok-sign {
	position: absolute;
	top: 8px;
	left: 0px;
	font-size: 18px;
	color: #d91c5c;
}

.contact a.contactLink, .contactPage a.contactLink {
	display: block;
	color: #007ac3;
	font-size: 22px;
	line-height: 40px;
	font-family: 'colaboratelightregular', sans-serif;
}

a.contactLink.emailIcon {
	background: url(../images/contact-email.png) no-repeat center left;
	padding: 0 0 0 40px;
	display: inline-block;
}

.contact a.phoneLink, .contactPage a.phoneLink {
	color: #007ac3;
	font-size: 22px;
	line-height: 40px;
	font-family: 'colaboratelightregular', sans-serif;
}

a.phoneLink.phoneIcon {
	background: url(../images/contact-phone.png) no-repeat center left;
	padding: 0 0 0 40px;
	display: inline-block;
}

a.contactLink.webIcon {
	position: relative;
	padding: 0 0 1px 40px;
	line-height: 30px;
}

.webIcon:after {
        content: "\f109";
        font-family: FontAwesome;
        font-size: 18px;
        line-height: 30px;
        color: #fff;
        background: #0795E3;
        position: absolute;
        left: 0px;
        top: 0px;
        width:30px;
        height:30px;
        border-radius: 9px;
        text-align: center;
}
			
			/*.content-right li:before {
				position: absolute;
				top: 0px;
				left: 0px;
				display: block;
				width: 28px;
				content: '\F058';
				font-family: 'FontAwesome';
				font-size: 18px;
				margin: 0 0 0 -28px;
				color: #d91c5c;
			}*/
	

.testimonials-con {
	width: 100%;
	background: #f6f6f6;
	border-bottom: 1px solid #d9d9d9;
}

	.testimonials {
		width: 980px;
		min-height: 180px;
		margin: 0 auto;
		text-align: center;
		color: #444;
	}
		
		.testimonials img {
			padding: 25px 0 15px 0;
		}

        .testimonials .testimonials-slider div{
            width: 980px;
            background-color: transparent !important;
        }
	
	.testimonials h2 {
		font: 24px/28px 'colaboratelightregular',sans-serif;
		padding: 0 110px 0 110px;
	}
	
	.testimonials h3 {
		font: bold 13px/20px Helvetica, Arial ,sans-serif;
	}
	
	
/* -- IMPACT -- */

.slideshow-impact {
	width: 100%;
	height: 380px;
	margin: 0 auto;
	overflow: hidden;
}

	.slideshow-impact .slides {
		margin: 0;
		padding: 0;
	}

	.slideshow-impact .slides li {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.slideshow-impact .slides li .image {
		height: 380px;
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	
	.slideshow-impact .slides li .slider-text {
		width: 980px;
		margin: 0 auto;
	}
	
	.slideshow-impact .slides li .slider-text h2 {
		font: normal 32px/50px 'colaboratelightregular',sans-serif;
		color: #fff;
		text-shadow: 0px 2px rgba(0,0,0,.75);
		margin: 0;
		padding: 40px 0 15px 0;
	}
	
	.slideshow-impact .slides li .slider-text p {
		font: bold 16px/18px Helvetica, Arial ,sans-serif;
		color: #fff;
		text-shadow: 0px 2px rgba(0,0,0,.75);
		padding: 5px 0 0 2px;
	}
	
	.slideshow-impact .slides li ul {
		margin: 0 0 0 10px;
		padding: 0;
	}
	
	.slideshow-impact .slides li ul li {
		position: relative;
		color: #fff;
		padding: 9px 0 9px 20px;
	}
	
	.slideshow-impact .slides li ul li .icon-ok-sign {
		position: absolute;
		top: 8px;
		left: 0px;
		font-size: 18px;
	}
	
	.lt-ie7 .icon-ok-sign, .lt-ie7 .icon-lock, .lt-ie7 .icon-caret-right {
		display: none;
	}
	
	/*.slideshow-impact .slides li ul li:before {
		display: inline-block;
		width: 20px;
		content: '\F058';
		font-family: 'FontAwesome';
		font-size: 18px;
		margin: 0 0 0 -20px;
		color: #fff;
	}*/
	
	.impact-right {
		float: right;
		width: 470px;
	}
	
	.impact-right ul {
		float: right;
		margin: 30px 0 0 0;
		padding: 0;
	}
	
	.impact-right ul li {
		float: left;
		width: 235px;
		height: 215px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;
		color: #444;
	}
	
	.impact-right ul li p {
		padding: 10px 30px 0 30px;
	}
	
	.impact-right ul li a {
		color: #007AC3;
		font: bold 14px/20px Helvetica, Arial ,sans-serif;
	}
	
	.impact-right ul li a:hover {
		text-decoration: underline;
	}
	
		.impact-right ul li img {
			width: 205px;
			height: 152px;
			box-shadow: 0px 0px 15px rgba(0,0,0,.25);
		}
		
	.impact-right ul li .icon-caret-right {
		position: absolute;
		font-size: 20px;
		padding: 0 0 0 10px;
	}
	
	.impact-right ul li .icon-caret-right:hover {
		text-decoration: none;
	}
	
/* -- CONTACT -- */

.contact {
	float: left;
	width: 460px;
}

	.contact h1 {
		text-align: left;
	}

.contactPage .slideshow {
	height: 400px;
}

.contactPage .slideshow .slides li .slider-text {
	margin: 0 0 0 0;
}

	.contactPage .slideshow .slides li .slider-text h1, .contactPage .slideshow .slides li .slider-text h2.h1 {
		margin: 5px 0 0 0;
		font-size: 32px;
		line-height: 80px;
		font-family: 'colaboratelightregular', sans-serif;
		font-weight: 400;
	}

	.contactPage .slideshow .slides li .slider-text p {
		font-size: 13px;
		line-height: 20px;
		font-family: Helvetica, Arial, sans-serif;
	}
	
	.contact .email, .contact .phone {
		font: 22px/40px 'colaboratelightregular',sans-serif;
		color: #007ac3;
		padding: 0 0 0 40px;
	}
	
	.contact .email {
		background: url(../images/contact-email.png) no-repeat center left;
	}
	
	.contact .phone {
		background: url(../images/contact-phone.png) no-repeat center left;
	}
	
.content-left h1 {
	text-align: left;
}

.content-left a {
	position: relative;
	font: bold 14px/20px 'Arial',sans-serif;
	color: #007AC3;
}

	.icon-caret-right {
		position: absolute;
		font-size: 20px;
		padding: 0 0 0 10px;
		color: #007AC3;
	}

.content-left a:hover {
	text-decoration: underline;
}


/* -- FOOTER -- */

#footer {
	width: 980px;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 10px;
	font: 11px 'HelveticaLTStdRoman',sans-serif;
	color: #444;
	text-align: center;
}

	#footer a {
		color: #444;
	}
