﻿img { border: none; }
div.container {width: 940px; margin: 0 auto; text-align: left;}
#fbreadcrumb { margin: 0; }

#sfeature { height: 380px; margin-bottom: 30px; border-bottom: 1px solid #9f9f9f; background: #e7ebec; background: -moz-linear-gradient(top, #e7ebec 0%, #b7bcc0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7ebec), color-stop(100%,#b7bcc0)); background: -webkit-linear-gradient(top, #e7ebec 0%,#b7bcc0 100%); background: -o-linear-gradient(top, #e7ebec 0%,#b7bcc0 100%); background: -ms-linear-gradient(top, #e7ebec 0%,#b7bcc0 100%); background: linear-gradient(to bottom, #e7ebec 0%,#b7bcc0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebec', endColorstr='#b7bcc0',GradientType=0 ); position: relative; font-family: Arial, Helvetica, sans-serif; }

#sfeature.index, #sfeature.small { border-bottom: 1px solid #9f9f9f; background: #e7ebec; background: -moz-linear-gradient(top, #e7ebec 0%, #b7bcc0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7ebec), color-stop(100%,#b7bcc0)); background: -webkit-linear-gradient(top, #e7ebec 0%,#b7bcc0 100%); background: -o-linear-gradient(top, #e7ebec 0%,#b7bcc0 100%); background: -ms-linear-gradient(top, #e7ebec 0%,#b7bcc0 100%); background: linear-gradient(to bottom, #e7ebec 0%,#b7bcc0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebec', endColorstr='#b7bcc0',GradientType=0 ); position: relative; font-family: Arial, Helvetica, sans-serif; background-size: contain; margin-bottom: 30px; }

.differentiateyourproduct,.loweroperationscost, .increaserevenue, .improvecustomerservice, .solutionsforbusiness, .solutionsfordevelopers { margin: 0 auto; height: 315px; padding: 35px 0 30px 0; min-width: 960px;}

.solutionsforbusiness { background:  url('/images/personas/solutionsforbusiness.png') right top no-repeat;}

.solutionsfordevelopers { background:  url('/images/personas/developers.png') right center no-repeat;}

.differentiateyourproduct { background:  url('/images/personas/differeniateyourproducts.png') right center no-repeat;}

.loweroperationscost { background:  url('/images/personas/loweroperationscost.png') right center no-repeat;}

.increaserevenue { background:  url('/images/personas/increaserevenue.png') right center no-repeat;}

.improvecustomerservice { background:  url('/images/personas/improvecustomerservice.png') right center no-repeat;}

.titleicon { width: 80px; height: 80px; float: left; margin: -20px 10px 5px 0; }
#sfeature h1 {text-shadow: 0px 1px #fff; font-size: 32px; font-weight:bold; color:#464646; margin: 0 0 30px 0; text-align:left; padding:0;}


#sfeature p {width: 460px; font-size:16px; line-height:1.8em; color:#464646; margin-bottom: 25px;}

#scontent p a.bigbutton { display: inline-block; padding: 7px 30px; background: #4682a6; background: -moz-linear-gradient(top, #4682a6 0%, #1c506f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4682a6), color-stop(100%,#1c506f)); background: -webkit-linear-gradient(top, #4682a6 0%,#1c506f 100%); background: -o-linear-gradient(top, #4682a6 0%,#1c506f 100%); background: -ms-linear-gradient(top, #4682a6 0%,#1c506f 100%); background: linear-gradient(to bottom, #4682a6 0%,#1c506f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4682a6', endColorstr='#1c506f',GradientType=0 ); color: #FFF; text-decoration: none; border: 1px solid #2c506f; border-radius: 5px; font-size: 22px; text-shadow: 0 1px #000; margin-top: 30px;}

#sfeature ul {margin:0; padding:0; list-style:none; width:460px; }
#sfeature  li {display:block; float:left; width: 220px; text-align:center; margin-left:10px; position:relative; height:140px; vertical-align:baseline;}

#sfeature .whitepaper {width:300px; height:101px; margin:0 auto; text-align: left; }
#sfeature .iconwhite { vertical-align: top; float: left; margin: 0 10px 0 0;}
#sfeature .text { padding-top: 23px; display: block;}

#sfeature .dualwhitepaper { text-align: center; width: 170px; margin: 0 auto; }
#sfeature .dualiconwhite { margin: 0 auto; }
#sfeature .dualtext { text-align: center; display: block;}
#sfeature li.dual { width: 180px; }

#sfeature .video {width:160px; height:90px; background-color:#313131; margin:20px auto 0 auto;}


#scontent { clear: both; font-size: 16px; line-height: 1.5em; }
#scontent h3 { font-size: 16px; font-weight: bold; margin: 0 0 15px 0; }
#scontent ul.exec_list {position:relative; width:470px; float:left; margin:40px 0 0 0; padding:0; list-style:none;}
#scontent ul.exec_list li {list-style:none; padding: 0 20px 40px 80px;}
#scontent ul.exec_list h2 {font-size: 24px; color:#555; margin-bottom: 15px;}
#scontent ul.exec_list p {font-size:14px; line-height:1.8em; color:#777;}

.bullet { width: 60px; height: 60px; float: left; margin: 0 0 0 -70px; border: none;}

#srightnav { font-size: 14px; line-height: 22px; float: right; width: 220px; padding: 15px; margin: 0 0 20px 20px; background: -moz-linear-gradient(top, #e7ebec 0%, #b7bcc0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7ebec), color-stop(100%,#b7bcc0)); background: -webkit-linear-gradient(top, #e7ebec 0%,#b7bcc0 100%); background: -o-linear-gradient(top, #e7ebec 0%,#b7bcc0 100%); background: -ms-linear-gradient(top, #e7ebec 0%,#b7bcc0 100%); background: linear-gradient(to bottom, #e7ebec 0%,#b7bcc0 100%); border-radius: 15px; }
#srightnav .servicelink { display: block; float: left; margin-bottom: 8px; clear: left; }

#snavigation { text-align: left; width: 680px; margin: 0 auto; margin-top: 50px; }
#snavigation div { width: 50%; float: left; font-size: 16px;  line-height: 50px;}
#snavigation img { width: 50px; height: 50px; float: left; margin: 0 8px 0 0; vertical-align: middle;}

#relatedservice { 
background: -moz-linear-gradient(top, #81c6a7 0%, #d8ebf5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81c6a7), color-stop(100%,#d8ebf5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #81c6a7 0%,#d8ebf5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #81c6a7 0%,#d8ebf5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #81c6a7 0%,#d8ebf5 100%); /* IE10+ */
background: linear-gradient(to bottom, #81c6a7 0%,#d8ebf5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81c6a7', endColorstr='#d8ebf5',GradientType=0 ); font-size: 14px; line-height: 22px; float: right; width: 210px; padding: 15px; margin: 0 0 20px 20px; border-radius: 15px; }
#relatedservice:hover {  cursor: pointer; }
#relatedservice img { position: relative; left: 50%; margin-left: -55px; }
