body
@media (max-width: 320px) {
h1 {font-size:1.0rem; color:#0083a3; font-family:Exo, Sans-serif;}
h1.features {font-size:1.7rem; color:#000000; font-family:Exo, Sans-serif; line-height: 125%;}
h1.icons {font-size:6.0rem; color:#0083a3; font-family:"Exo", Sans-serif;}
h2 {color:#0083a3; font-family:Exo, Sans-serif; text-transform:none;} 
h3 {font-size: 1.0rem; color:#0083a3; font-family:Exo, Sans-serif;letter-spacing:1.3px;}
h4 {color:#ffffff; font-family:Exo, Sans-serif;letter-spacing:1.3px;}
h5 {font-size:1.0rem; color:#0083a3; font-family:Exo, Sans-serif; font-sftyle:normal;}
p {color:#000000;font-family:Open Sans, Sans-serif;}
p.header3 {font-size:0.9rem; color:#000000; font-family:Open Sans, Sans-serif; text-transform:none;}
p.button {font-size:1.5rem; height:15px; color:#ffffff; font-family:Exo, Sans-serif; text-transform:none;}
p.enterprise {font-size:0.9rem;color:#000000;font family:Open Sans, Sans-serif;padding-right:30px;padding-left:30px;}
}
@media (min-width: 320px) {
h1 {font-size:1.0rem; color:#0083a3; font-family:Exo, Sans-serif;}
h1.features {font-size:1.7rem; color:#000000; font-family:Exo, Sans-serif; line-height: 125%;}
h1.icons {font-size:6.0rem; color:#0083a3; font-family:"Exo", Sans-serif;}
h2 {color:#0083a3; font-family:Exo, Sans-serif; text-transform:none;} 
h3 {font-size: 1.0rem; color:#0083a3; font-family:Exo, Sans-serif;letter-spacing:1.3px;}
h4 {color:#ffffff; font-family:Exo, Sans-serif;letter-spacing:1.3px;}
h5 {font-size:1.0rem; color:#0083a3; font-family:Exo, Sans-serif; font-sftyle:normal;}
p {color:#000000;font-family:Open Sans, Sans-serif;}
p.header3 {font-size:0.9rem; color:#000000; font-family:Open Sans, Sans-serif; text-transform:none;}
p.button {font-size:1.5rem; height:15px; color:#ffffff; font-family:Exo, Sans-serif; text-transform:none;}
p.enterprise {font-size:0.9rem;color:#000000;font family:Open Sans, Sans-serif;padding-right:30px;padding-left:30px;}
}
@media (min-width: 640px) {
h1 {font-size:1.0rem; color:#0083a3; font-family:Exo, Sans-serif;}
h1.features {font-size:1.7rem; color:#000000; font-family:Exo, Sans-serif; line-height: 125%;}
h1.icons {font-size:6.0rem; color:#0083a3; font-family:"Exo", Sans-serif;}
h2 {color:#0083a3; font-family:Exo, Sans-serif; text-transform:none;} 
h3 {font-size: 1.0rem; color:#0083a3; font-family:Exo, Sans-serif;letter-spacing:1.3px;}
h4 {color:#ffffff; font-family:Exo, Sans-serif;letter-spacing:1.3px;}
h5 {font-size:1.0rem; color:#0083a3; font-family:Exo, Sans-serif; font-sftyle:normal;}
p {color:#000000;font-family:Open Sans, Sans-serif;}
p.header3 {font-size:0.9rem; color:#000000; font-family:Open Sans, Sans-serif; text-transform:none;}
p.button {font-size:1.5rem; height:15px; color:#ffffff; font-family:Exo, Sans-serif; text-transform:none;}
p.enterprise {font-size:0.9rem;color:#000000;font family:Open Sans, Sans-serif;padding-right:30px;padding-left:30px;}
}
@media (min-width:980px) {
h1 {font-size:1.2rem; color:#0083a3; font-family:Exo, Sans-serif;}
h1.features {font-size:2.2rem; color:#000000; font-family:Exo, Sans-serif; line-height: 125%;}
h1.icons {font-size:7.0rem; color:#0083a3; font-family:"Exo", Sans-serif;}
h2 {color:#0083a3; font-family:Exo, Sans-serif; text-transform:none;} 
h3 {font-size: 1.0rem; color:#0083a3; font-family:Exo, Sans-serif;letter-spacing:1.3px;}
h4 {color:#ffffff; font-family:Exo, Sans-serif;letter-spacing:1.3px;}
h5 {font-size:1.0rem; color:#0083a3; font-family:Exo, Sans-serif; font-sftyle:normal;}
p {color:#000000;font-family:Open Sans, Sans-serif;}
p.header3 {font-size:1.0rem; color:#000000; font-family:Open Sans, Sans-serif; text-transform:none;}
p.button {font-size:1.7rem; height:15px; color:#ffffff; font-family:Exo, Sans-serif; text-transform:none;}
p.enterprise {font-size:0.9rem;color:#000000;font family:Open Sans, Sans-serif;padding-right:30px;padding-left:30px;}
}
@media (min-width:1200px) {
h1 {font-size:1.8rem; color:#0083a3; font-family:Exo, Sans-serif;} 
h1.features {font-size:2.7rem; color:#000000; font-family:Exo, Sans-serif; line-height: 125%;}
h1.icons {font-size:8.0rem; color:#0083a3; font-family:"Exo", Sans-serif;}
h2 {color:#0083a3; font-family:Exo, Sans-serif; text-transform:none;} 
h3 {font-size: 1.2rem; color:#0083a3; font-family:Exo, Sans-serif;letter-spacing:1.3px;}
h4 {color:#ffffff; font-family:Exo, Sans-serif;letter-spacing:1.3px;}
h5 {font-size:1.4rem; color:#0083a3; font-family:Exo, Sans-serif; font-sftyle:normal;}
p {color:#000000;font-family:Open Sans, Sans-serif;}
p.header3 {font-size:1.0rem; color:#000000; font-family:Open Sans, Sans-serif; text-transform:none;}
p.button {font-size:2.0rem; height:15px; color:#ffffff; font-family:Exo, Sans-serif; text-transform:none;}
p.enterprise {font-size:1.0rem;color:#000000;font family:Open Sans, Sans-serif;padding-right:30px;padding-left:30px;}
}
p.header4 {font-size:1.0em; color:#000000; font-family:Open Sans, Sans-serif; text-transform:none;}
.thumbnail > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
img {
    border: 0 none;
    vertical-align: middle;
}
.thumbnail {
    line-height: 1;
}
a.purple
{color: #AB4BA5
}
a.purple:hover
{color: #d4a5c9
}
.sub-copy
{padding-top:10px;
vertical-align:middle;
}
.sub-image-right
{
position:absolute;
right:0px;
}
.hero-unit
{
background-color:#f9f9f9;
border-bottom-width:medium;
border-top-width:medium;
border-bottom-style:solid;
border-top-style:solid;
}
.heroheader
{
color:#ffffff; font family:Open Sans, Arial, Sans-serif;
margin-top:-20px; 
margin-bottom:-20px;
}
.padding
{margin-right:25px;
margin-left:25px;
}
.marginwide-left
{
margin-left:126px;
margin-right:-30px;
}
.pos-down 
{ 
position:relative; 
top:25px; 
}
marginright5
{
margin-right:5px;
}
.pos-top-10
{
position:relative;
top:-10px;
}
.pos-top-right-pos
{
position:relative;
top: 20px;
right:-30px;
}
.pos-top-right
{
position:relative;
top:-20px;
right:-30px;
}
.pos-top-pos95
{
position:relative;
top:95px;
}
.posnumbers
{
position:relative;
top:5px;
}
.pos-top-pos130
{
position:relative;
top:133px;
}
.pos-top-pos35
{
position:relative;
top:58px;
}
.pos-top-pos
{
position:relative;
top:30px;
}
.pos-top-pos50
{
position:relative;
top:52px;
}
.pos-right
      {
      position:relative;
      right:-30px;
      }
.marginvideo
{
margin-top:-40px
}
.marginwide-right
{
margin-right:75px;
}
.marginleft
{
margin-left:30px;
}
.marginform
{
margin-top:10px;
margin-bottom:10px;
}
.marginbanner
{
margin-top:-22px;
}
.marginheader
{
margin-left:25px;
margin-bottom:50px;
}
.marginright
{
margin-right:80px;
}
.margin10
{
margin-bottom:10px;
}
.margin20
{
margin-bottom:20px;
}
.margin25
{
margin-bottom:25px;
}
.margin30
{
margin-bottom:30px;
}
.margintop90
{
margin-top:90px;
}
.margintop70
{
margin-top:70px;
}
.margintop50
{
margin-top:50px;
}
.margintop40
{
margin-top:40px;
}
.margintop30
{
margin-top:30px;
}
.margintop33
{
margin-top:33px;
}
.margintop20
{
margin-top:20px;
}
.margintop10
{
margin-top:10px;
}
.margin-right
{
margin-right:40px;
}
.marginright10
{
margin-right:10px;
}
.margintop
{
margin-top:35px;
}
.paddingclients
{
padding-left:20px;
}
.pos-up
{
position:relative;
top:-40px;
}
.pos-up25
{
position:relative;
top:-25px;
}
.pos-top10
{
position:relative;
top:10px;
}
.pos-top
{
position:relative;
top:-20px;
}
.pos-top20
{
position:relative;
top:20px;
}
.pos-top30
{
position:relative;
top:30px;
}
.pos-top35
{
position:relative;
top:35px;
}
.pos-top-40
{
position:relative;
top:-40px;
}
.pos-top40-right
{
position:relative;
top:-40px;
right:-30px;
}
.pos-top40
{
position:relative;
top:40px;
}
.pos-top50
{
position:relative;
top:50px;
}
.well
{background-color:#f9f9f9;
border-bottom-width:2px;
border-left-width:0px;
border-right-width:0px;
}
.wellalt
{background-color:#f9f9f9;
border-bottom-width:5px;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-color: #0083a3; 
border-style:solid;
min-width:370px;
}
.wellalt2
{
background-color:#f9f9f9;
border-left-style:solid;
border-left-width:2px;
border-left-color:#aeaeae;
border-right-style:solid;
border-right-width:2px;
border-right-color:#aeaeae;
border-bottom-style:solid;
border-bottom-width:5px;
border-bottom-color:#0083a3;
border-top: none;
}
.video
{position:relative;
top: -265px;
right: -510px;
}
img.verticaldivider
{
position:absolute;
z-index:1;
}
.background1
{
margin-top:22px;
width:-762px;
background-color:#1095b5;
border-top-style:solid; 
border-color:#5eb4d4;
z-index:-1000;
}
.background2
{
width:-762px;
background-color:#f9f9f9;
border-bottom-style:solid;
border-color:#eaeaea;
}
.green
{color:#00ff12;
font-family:Open Sans, Sans-serif;
}
.blue
{color:#0083a3; 
}
.white
{color:#ffffff;
}
.black
{color:#000000;
font-family:Open Sans, Sans-serif;
}
.well blockquote
{
border-color: #838383
}
blockquote
{
border-left: 5px solid #838383;
}
blockquote small
{
font-size: 13px;
color: #000000
}
p small
{
font-size: 13px;
color: #000000
}
a.featureslink
{
color:#ffffff;
}
a.featureslink:hover
{
color:#000000;
}
p smallwhite
{
font-size: 13px;
color: #ffffff;
}
a.icon-under
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
a.white
{color: #0083a3;
}
a.white:hover
{color: #ffffff;
}
a.black
{
color: #000000;
}
a.black:hover
{color: #005370;
}
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#f9f9f9;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#f9f9f9;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #000000; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; f
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -170px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -220px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge2{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge2 li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge2 img{
background-color:#f9f9f9;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge2 span{
position:absolute;
left: -9999px;
background-color:#f9f9f9;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #000000; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; f
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge2 li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge2 span img{
padding:2px;
background:#ccc;
}
ul.enlarge2 li:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -500px; /*distance from the left of the thumbnail to the left of the popup image*/
}