/* ================================================================== */
/* === Resolution independent styles ================================ */
/* ================================================================== */

/* Reset */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; }

/* HTML5 reset */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Custom fonts */
@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url('http://gomobilepd.com/fonts/modernpictograms/modernpics-webfont.eot');
    src: url('http://gomobilepd.com/fonts/modernpictograms/modernpics-webfont.eot#iefix') format('embedded-opentype'),
         url('http://gomobilepd.com/fonts/modernpictograms/modernpics-webfont.woff') format('woff'),
         url('http://gomobilepd.com/fonts/modernpictograms/modernpics-webfont.ttf') format('truetype'),
         url('http://gomobilepd.com/fonts/modernpictograms/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal; }

/* Proper box model */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* General styles */
::-moz-selection {  }
::selection {  }

a{  
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s; }

a:hover{ text-decoration:none !important; }
a:active{ text-decoration:none !important; }
a:visited{ text-decoration:none !important; }

address{  }

aside{  }

b, strong{  }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; padding:0px !important; margin:0px !important; }
body { background:url("img/background.png"); font-size: 1em; overflow: auto; line-height: 1.4; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; padding:0px !important; margin:0px !important;}


blockquote{  }

button{ cursor: pointer; }
button:hover{  }
button:active{  }

caption, th, td{ vertical-align: middle; }

h1{  }
h2{  }
h3{  }
h4{  }
h5{  }
h6{  }

i, em{  }

img{  }

input, select, textarea{ 
font-family: 'Helvetica Neue', Arial, sans-serif;
 }

input[type=radio]{  }
input[type=checkbox]{  }

label{  }

li{  }

p{ margin:0 0 1em 0; }

select{  }
select option{  }

table{ border: 0; border-spacing:0; empty-cells:show; }

textarea{ resize: none; }

ul, ol{  }

.clearFix {
    clear:both;
}

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.centered {
    text-align:center;
}

/* Header  */

.header {
    display:block;
}

.topBar {
    width:100%;
    height:4px;
    background: #529edc;
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
    box-shadow: 0px 1px 0px rgba(255,255,255,.5);
}

.headerInner {
    width:1024px;
    height:120px;
    margin:0 auto;
}

.headerInner > div, .headerInner > a{
    float:left;
}

.mpdLogo {
    width:275px;
    height:60px;
    background: url('img/mpdLogo.png');
    position:relative;
    top:30px;
}

.headerNav {
    width:749px;
}
.headerNav > div  {
    float:right;
    text-decoration:none;
}

.headerNav > a, .headerNavItems > a {
    float:left;
    text-decoration:none;
}

.navItem {
    margin-right:34px;
    color:rgb(92,92,92);
    text-shadow: 0px 1px rgba(255, 255, 255, .6);
    font-family:'Open Sans', 'Helvetica Neue', helvetica, arial, sans-serif;
    font-size:15px;
    font-weight:bold;
    line-height:20px;
    margin-top:50px;
    cursor:pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.navItem:hover, .navItemActive {
    color:rgb(40,135,212);
}

.headerButton {
    background: rgb(82,158,220); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyOWVkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTdhYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(82,158,220,1) 0%, rgba(37,122,191,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(82,158,220,1)), color-stop(100%,rgba(37,122,191,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(82,158,220,1) 0%,rgba(37,122,191,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(82,158,220,1) 0%,rgba(37,122,191,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(82,158,220,1) 0%,rgba(37,122,191,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(82,158,220,1) 0%,rgba(37,122,191,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#529edc', endColorstr='#257abf',GradientType=0 ); /* IE6-8 */
    font-size:14px;
    line-height:14px;
    font-weight:bold;
    text-shadow: 0px 1px rgba(0,0,0,.4);
    color:rgb(255,255,255);
    padding:14px 20px;
    margin-top:36px;
    border-style: solid;
    border-width: 2px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border:1px solid rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.6), 0px 1px 0px rgba(255,255,255,.6) inset, 0px -1px 0px rgba(255,255,255,.30) inset, 1px 0px 0px rgba(255,255,255,.2) inset, -1px 0px 0px rgba(255,255,255,.2) inset;
    box-shadow: 0px 1px 0px rgba(255,255,255,.6), 0px 1px 0px rgba(255,255,255,.6) inset, 0px -1px 0px rgba(255,255,255,.30) inset, 1px 0px 0px rgba(255,255,255,.2) inset, -1px 0px 0px rgba(255,255,255,.2) inset;
    cursor:pointer;
    text-decoration: none;
    text-align:center;
}

.callUs {
    margin-left:4px;
    margin-top:2px;
    font-size:13px;
    text-shadow: 0px 1px rgba(255,255,255,.6);
    color:rgb(92,92,92);
}

.callUsNum {
    font-size:14px;
    color: rgb(47,139,217);
}

/* Home Content Top */

.homeContentTop {
    width:1024px;
    margin:0 auto;
    background:url('img/topGraphic.png');
    height:490px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border:1px solid rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,.75) inset, -1px 0px 0px rgba(255,255,255,.3) inset, 1px 0px 0px rgba(255,255,255,.3) inset, 2px 0px 1px rgba(0,0,0,.10), -2px 0px 1px rgba(0,0,0,.10), 0px -2px 1px rgba(0,0,0,.1);
    box-shadow: 0px 1px 1px rgba(255,255,255,.75) inset, -1px 0px 0px rgba(255,255,255,.3) inset, 1px 0px 0px rgba(255,255,255,.3) inset, 2px 0px 1px rgba(0,0,0,.10), -2px 0px 1px rgba(0,0,0,.10), 0px -2px 1px rgba(0,0,0,.10);
    overflow:hidden;
    -webkit-animation: BackgroundFade .85s 0s ease-out 1 both;
    -moz-animation: BackgroundFade .85s 0s ease-out 1 both;
    -ms-animation: BackgroundFade .85s 0s ease-out 1 both;
    animation: BackgroundFade .85s 0s ease-out 1 both;
}

.homeContentLeft {
    width:500px;
    height:100%;
    float:left;
}

.leftInner {
    width:425px;
    height:425px;
    margin-top:40px;
    margin-left:40px;
    color: rgb(255,255,255);
    text-shadow: 0px 1px 1px rgba(0,0,0,.85);
    -webkit-animation: topContentLeftEntrance .85s 0s ease-out 1 both;
    -moz-animation: topContentLeftEntrance .85s 0s ease-out 1 both;
    -ms-animation: topContentLeftEntrance .85s 0s ease-out 1 both;
    animation: topContentLeftEntrance .85s 0s ease-out 1 both;
}

.homeTagLine {
    font-size:36px;
    font-weight:500;
    line-height:44px;
}

.homeDesc {
    font-size:21px;
    margin-top:20px;
    line-height:24px;
}

/* Benefits Row will be taken out when vide is ready */

.homeBenefits {
    margin-top:30px;
}
.homeBenefitItem {
    margin-top:8px;
    margin-left:15px;
}

.homeBenefitItem > div{
    display: inline-block;
    vertical-align: top;
}

.homeBenefitCheck {
    width:18px;
    height:18px;
    background:url('img/check.png');
    margin-top:2px;
}

#benefitText {
    margin-left:15px !important;
    color:white;
}

.homeVideoRow > a > div {
    float:left;
}

.homeVideoRow {
    margin-top:40px;
    margin-left:13px;
}

.homeVideoScreen {
    width:160px;
    height:100px;
    border-radius:8px;
    border:1px solid rgba(0,0,0,.8);
    background: url("img/homeVideo.png") no-repeat;
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.3) inset, 0px 2px 3px rgba(0,0,0,.3), 0px 0px 2px rgba(255,255,255,.2) inset;
    box-shadow: 0px 1px 0px rgba(255,255,255,.3) inset, 0px 2px 3px rgba(0,0,0,.3), 0px 0px 2px rgba(255,255,255,.2) inset;
    cursor:pointer;
}

.playButton {
    width:70px;
    height:70px;
    background: url("img/videoPlay.png") 0px 0px;
    margin-top:15px;
    margin-left:45px;
}

.playButton:hover {
    background: url("img/videoPlay.png") 0px -70px;

}

.homeVideoText {
    margin-left:15px;
    margin-top:38px;
    font-size:18px;
    color:white;
}

.homeVideoText > div {
    display:inline-block;
    vertical-align: top;
}

.vimeo {
    text-decoration:none;
}

.homeVideoArrow {
    width:15px;
    height:15px;
    background: url('img/homeVideoArrow.png');
    margin-top:6px;
    margin-left:3px;
}

.homeTopButtons {
    margin-top:40px;
    padding:6px;
    background:rgba(0,0,0,.3);
    border:1px solid rgba(0,0,0,.8);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.4) inset, 0px 1px 0px rgba(255,255,255,.25);
    box-shadow: 0px 1px 2px rgba(0,0,0,.4) inset, 0px 1px 0px rgba(255,255,255,.25);
    border-radius:8px;
    display:inline-block;
}

.homeTopButtons > div, .homeTopButtons > a {
    display:inline-block; 
    text-decoration:none;
}

.homeTopButtons .button {
    -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,.2), 0px 1px 0px rgba(255,255,255,.6) inset, 0px -1px 0px rgba(255,255,255,.1) inset, 1px 0px 0px rgba(255,255,255,.2) inset, -1px 0px 0px rgba(255,255,255,.2) inset;
    box-shadow: 0px 2px 1px rgba(0,0,0,.2), 0px 1px 0px rgba(255,255,255,.6) inset, 0px -1px 0px rgba(255,255,255,.1) inset, 1px 0px 0px rgba(255,255,255,.2) inset, -1px 0px 0px rgba(255,255,255,.2) inset;
}

.buttonLink {
    text-decoration:none;
    border-radius:6px;
}

.button {
    color:white;
    font-size:14px;
    font-family:'Open Sans', 'Helvetica Neue', helvetica, arial, sans-serif;
    text-shadow: 0px 1px rgba(0,0,0,.4);
    font-weight:bold;
    text-align:center;
    line-height:14px;
    padding:14px 30px;
    border-radius:6px;
    border:1px solid rgb(75,95,110);
    border:1px solid rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.6), 0px 1px 0px rgba(255,255,255,.6) inset, 0px -1px 0px rgba(255,255,255,.30) inset, 1px 0px 0px rgba(255,255,255,.2) inset, -1px 0px 0px rgba(255,255,255,.2) inset;
    box-shadow: 0px 1px 0px rgba(255,255,255,.6), 0px 1px 0px rgba(255,255,255,.6) inset, 0px -1px 0px rgba(255,255,255,.30) inset, 1px 0px 0px rgba(255,255,255,.2) inset, -1px 0px 0px rgba(255,255,255,.2) inset;
    cursor:pointer;
}

.blueButton {
    background: #257abf; /* Old browsers */
    background: -webkit-linear-gradient(to bottom, #529edc 0%,#257abf 100%);
    background: -moz-linear-gradient(to bottom, #529edc 0%,#257abf 100%);
    background: -o-linear-gradient(to bottom, #529edc 0%,#257abf 100%);
    background: -ms-linear-gradient(to bottom, #529edc 0%,#257abf 100%);
    background: linear-gradient(to bottom, #529edc 0%,#257abf 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#529edc', endColorstr='#257abf',GradientType=0 );
    /* IE6-9 */ 
    color:rgb(245,245,255) !important;
}

.blueButton:hover, .headerButton:hover {
    background: rgb(109,184,224); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjhlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTdhYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(109,184,224,1) 0%, rgba(37,122,191,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,184,224,1)), color-stop(100%,rgba(37,122,191,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(109,184,224,1) 0%,rgba(37,122,191,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(109,184,224,1) 0%,rgba(37,122,191,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(109,184,224,1) 0%,rgba(37,122,191,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(109,184,224,1) 0%,rgba(37,122,191,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db8e0', endColorstr='#257abf',GradientType=0 ); /* IE6-8 */
}

.blueButton:active, .headerButton:active {
    background: rgb(32,104,163); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwNjhhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjllZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(32,104,163,1) 0%, rgba(82,158,220,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,104,163,1)), color-stop(100%,rgba(82,158,220,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(32,104,163,1) 0%,rgba(82,158,220,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(32,104,163,1) 0%,rgba(82,158,220,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(32,104,163,1) 0%,rgba(82,158,220,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(32,104,163,1) 0%,rgba(82,158,220,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2068a3', endColorstr='#529edc',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.8), 0px 2px 4px rgba(0,0,0,.45) inset;
    box-shadow: 0px 1px 0px rgba(255,255,255,.8), 0px 2px 4px rgba(0,0,0,.45) inset;
}

.blueButton.homeTopButton:active {
    -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,.2), 0px 1px 0px rgba(255,255,255,.3) inset, 0px -1px 0px rgba(255,255,255,.1) inset, 1px 0px 0px rgba(255,255,255,.2) inset, -1px 0px 0px rgba(255,255,255,.2) inset !important;
    box-shadow: 0px 2px 1px rgba(0,0,0,.2), 0px 1px 0px rgba(255,255,255,.3) inset, 0px -1px 0px rgba(255,255,255,.1) inset, 1px 0px 0px rgba(255,255,255,.2) inset, -1px 0px 0px rgba(255,255,255,.2) inset !important;
    background: #257abf !important; /* Old browsers */
    background: -webkit-linear-gradient(to bottom, #257abf 0%,##529edc 100%) !important;
    background: -moz-linear-gradient(to bottom, #257abf 0%,##529edc 100%) !important;
    background: -o-linear-gradient(to bottom, #257abf 0%,##529edc 100%) !important;
    background: -ms-linear-gradient(to bottom, #257abf 0%,##529edc 100%) !important;
    background: linear-gradient(to bottom, #257abf 0%,##529edc 100%) !important;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#529edc', endColorstr='#257abf',GradientType=0 ) !important;
    /* IE6-9 */ 
    color:rgb(245,245,255) !important;
}

.greenButton {
    background: #158217; /* Old browsers */
    background: -webkit-linear-gradient(to bottom, #45a646 0%,#158217 100%);
    background: -moz-linear-gradient(to bottom, #45a646 0%,#158217 100%);
    background: -o-linear-gradient(to bottom, #45a646 0%,#158217 100%);
    background: -ms-linear-gradient(to bottom, #45a646 0%,#158217 100%);
    background: linear-gradient(to bottom, #45a646 0%,#158217 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a646', endColorstr='#158217',GradientType=0 );
    /* IE6-9 */ 
    color: rgb(245,255,245) !important;
}

.greenButton:hover {
    background: rgb(80,191,80); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwYmY1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTgyMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(80,191,80,1) 0%, rgba(21,130,23,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,191,80,1)), color-stop(100%,rgba(21,130,23,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(80,191,80,1) 0%,rgba(21,130,23,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(80,191,80,1) 0%,rgba(21,130,23,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(80,191,80,1) 0%,rgba(21,130,23,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(80,191,80,1) 0%,rgba(21,130,23,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bf50', endColorstr='#158217',GradientType=0 ); /* IE6-8 */
}

.greenButton:active {
    background: rgb(19,114,24); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzNzIxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTliNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(19,114,24,1) 0%, rgba(65,155,69,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,114,24,1)), color-stop(100%,rgba(65,155,69,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(19,114,24,1) 0%,rgba(65,155,69,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(19,114,24,1) 0%,rgba(65,155,69,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(19,114,24,1) 0%,rgba(65,155,69,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(19,114,24,1) 0%,rgba(65,155,69,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137218', endColorstr='#419b45',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.8), 0px 2px 4px rgba(0,0,0,.45) inset;
    box-shadow: 0px 1px 0px rgba(255,255,255,.8), 0px 2px 4px rgba(0,0,0,.45) inset;
}

.greenButton.homeTopButton:active {
    background: #158217; /* Old browsers */
    background: -webkit-linear-gradient(to bottom, #158217 0%,#45a646 100%);
    background: -moz-linear-gradient(to bottom, #158217 0%,#45a646 100%);
    background: -o-linear-gradient(to bottom, #158217 0%,#45a646 100%);
    background: -ms-linear-gradient(to bottom, #158217 0%,#45a646 100%);
    background: linear-gradient(to bottom, #158217 0%,#45a646 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a646', endColorstr='#158217',GradientType=0 );
    /* IE6-9 */ 
    color: rgb(245,255,245) !important;
    -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,.2), 0px 1px 0px rgba(255,255,255,.3) inset, 0px -1px 0px rgba(255,255,255,.1) inset, 1px 0px 0px rgba(255,255,255,.2) inset, -1px 0px 0px rgba(255,255,255,.2) inset !important;
    box-shadow: 0px 2px 1px rgba(0,0,0,.2), 0px 1px 0px rgba(255,255,255,.3) inset, 0px -1px 0px rgba(255,255,255,.1) inset, 1px 0px 0px rgba(255,255,255,.2) inset, -1px 0px 0px rgba(255,255,255,.2) inset !important;
    
}

.topButtonsOr {
    padding:0px 15px;
    font-size:14px;
    font-family:'Open Sans', 'Helvetica Neue', helvetica, arial, sans-serif;
    text-shadow: 0px 1px rgba(0,0,0,.4);
    font-weight:bold;
}

.homeTopButton {
    width:174px;
    border:1px solid rgba(0,0,0,.65);
}

.homeContentRight {
    width:522px;
    height:489px;
    position:absolute;
    margin-left:500px;
    overflow:hidden;
}

.homeTopPhone {
    width: 515px;
    height: 488px;
    position: absolute;
    background: url("img/topPhone.png") no-repeat;
    -webkit-animation: iphoneAnimation .85s 0s ease-out 1 both;
    -moz-animation: iphoneAnimation .85s 0s ease-out 1 both;
    -ms-animation: iphoneAnimation .85s 0s ease-out 1 both;
    animation: iphoneAnimation .85s 0s ease-out 1 both;
    right:0px;
    bottom:1px;
}

/* Home Content */

.homeContent {
    width:1024px;
    margin:0 auto;
    border:1px solid rgb(80,80,80);
    border:1px solid rgba(0,0,0,.4);
    border-top:none;
    background: rgb(245,245,246);
    -webkit-box-shadow: rgba(0,0,0,.24) 0px 0px 3px, rgba(255,255,255,1) -1px 0px 0px inset, rgba(255,255,255,1) 1px 0px 0px inset, rgba(0,0,0,.5) 0px 1px 2px inset;
    -moz-box-shadow: rgba(0,0,0,.24) 0px 0px 3px, rgba(255,255,255,1) -1px 0px 0px inset, rgba(255,255,255,1) 1px 0px 0px inset, rgba(0,0,0,.5) 0px 1px 2px inset;
    box-shadow: rgba(0,0,0,.24) 0px 0px 3px, rgba(255,255,255,1) -1px 0px 0px inset, rgba(255,255,255,1) 1px 0px 0px inset, rgba(0,0,0,.5) 0px 1px 2px inset;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    -webkit-animation: BackgroundFade .70s 0s ease-out 1 both;
    -moz-animation: BackgroundFade .70s 0s ease-out 1 both;
    -ms-animation: BackgroundFade .70s 0s ease-out 1 both;
    animation: BackgroundFade .70s 0s ease-out 1 both;
}

.contentHeader {
    color: rgb(51,57,70);
    font-size:28px;
}

.contentSubHeader {
    color: rgb(109,109,109);
    font-size:18px;
}

.subHeaderPadding {
    padding: 0px 120px !important;
    margin-top:5px;
}

/* Content Section */

.contentSection {
    padding: 20px 40px 40px 40px;
}

/* Home Customers */

.homeCustomersInner, .contentInner {
    margin-top:30px;
}

.homeCustomersInner > .featuredCustomer {
    float:left;
}

.featuredCustomer:nth-child(2) {
    margin-left:39px;
}
.featuredCustomer:nth-child(3) {
    margin-left:39px;
}

.featuredCustomer {
    width:288px;
}
.customerBox{
    width:288px;
    height:180px;
    border:1px solid rgb(217,217,217);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.85) inset, inset 0 0 0 1px rgba(255,255,255,.5);
    box-shadow: 0px 1px 0px rgba(255,255,255,.8) inset, inset 0 0 0 1px rgba(255,255,255,.8);
    border-radius:10px;
}

.customerLogo {
    margin:0 auto;
    height:150px;
    width:150px;
    margin-top:15px;
}

.customerLogo.scpd {
    background: url('img/customerBadges.png') 0px 0px;
}

.customerLogo.lbpd {
    background: url('img/customerBadges.png') 0px -150px;
}

.customerLogo.mesapd {
    background: url('img/customerBadges.png') 0px -300px;
}

.customerLogo.wpd {
    background: url('img/customerBadges.png') 0px -450px;
}

.customerLogo.vicpd {
    background: url('img/vicpdLogo.png');
}

.customerQuote {
    text-align:center;
    margin-top:15px;
    text-shadow: 0px 1px rgba(255,255,255,.75);
    font-size: 14px;
    padding-left:3px;
    padding-right:3px;
}

.customerQuote .quote {
    font-style: italic;
    line-height: 22px;
    color: rgb(100,104,106);
    font-family: Georgia, "Times New Roman", Times, serif;
}

.customerQuote .author, .customerQuote .subAuthor {
    color: rgb(119,120,122);
    font-weight:bold;
    margin-top:10px;
}

.subAuthor {
    margin-top: 0px !important;
}

.customerQuote .authorTitle {
    color: rgb(119,120,122);
}

.customerQuote .customerLink a {
    color:rgb(16, 114, 167);
    text-decoration:none;
}

/* Home Seperator */

.homeSeperator {
    width:1024px;
    margin-top:40px;
}

.homeSeperator.noMargin {
    margin-top:0px !Important;
}

.homeCustomersButton {
    margin: 0 auto;
    width:390px;
    margin-top:-24px;
}

.homeWhyButton {
    margin: 0 auto;
    width:334px;
    margin-top:-24px;
}

.seperatorLine {
    width:1022px;
    height:1px;
    background:rgb(205,205,205);
}

/* Home LBPD Video */

.homVideoInner {
    width:100%;
}

.homeVideoInner > div {
    float:left;
}

.videoQuoteDiv {
    width:510px;
    padding-top:65px;
}

.videoPlayDiv {
    width:430px;
}

.homeVideo.lbpd {
    margin-top:30px;
    border:4px solid white;
    border-radius:2px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.15) inset;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.15) inset;
    box-shadow: 0 0 3px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.15) inset;
    width:425px;
    height:235px;
    background: url('img/lbpdVideo.png');
}

.homeVideo.lbpd .playButton {
    width:70px;
    height:70px;
    background: url('img/videoPlay.png') 0px 0px;
    margin-top:82px;
    margin-left:177px;
}

.homeVideo.lbpd .playButton:hover {
    background: url('img/videoPlay.png') 0px -70px;
}

.homeQuote {
    font-size:21px !Important;
}
/* Home Why */

.homeWhyInner {
    margin-top:30px;
}

.homeWhyInner > div {
    float:left;
}

.homeWhyInner {
    margin-top:50px;
}

.homeFeaturesDiv > div {
     display:inline-block;
}

.homeFeaturesDiv:nth-child(2), .homeFeaturesDiv:nth-child(3) {
    margin-top:50px !important;
}

.homeFeaturesGraphic {
    width:80px;
    height:80px;
}

.homeFeaturesGraphic.app {
    background:url('img/whyIcons.png') 0px 0px;
}

.homeFeaturesGraphic.agency {
    background:url('img/whyIcons.png') 0px -80px;
}

.homeFeaturesGraphic.results {
    background:url('img/whyIcons.png') 0px -160px;
}

.homeFeaturesText {
    margin-left:20px;
    width:380px;
}

.homeFeaturesTitle {
    font-size:18px;
    color: rgb(51,57,70);
}

.homeFeaturesDescription {
    margin-top:6px;
    font-size:14px;
    color: rgb(109,109,109);
}

.homeIphone {
    width:280px;
    height:480px;
    margin-left:180px;
    margin-top:-80px;
    background:url('img/iPhoneHome.png');
    position:absolute;
}

/* Home Bottom */

.homeBottom {
    width:100%;
    height:310px;
    
}

.homeBottom > div {
    float:left;
}

.homeBottomLeft, .homeBottomMiddle, .homeBottomRight {
    margin:0px;
    padding:15px;
    width:100%;
    height:250px;
    background: url('img/grain.png') repeat;
    border:1px solid rgb(217,217,217);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.85) inset, inset 0 0 0 1px rgba(255,255,255,.5);
    box-shadow: 0px 1px 0px rgba(255,255,255,.8) inset, inset 0 0 0 1px rgba(255,255,255,.8);
    border-radius:8px;
    margin-top:20px;
    text-shadow: 0px 1px rgba(255,255,255,.75);
}

.homeBottomLeft, .homeBottomRight {
    width:28%;
    height:210px !important;
    margin-top:90px;
}

.homeBottomMiddle {
    height:300px !important;
}

.homeBottomLeft {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right:none !important;
}

.homeBottomMiddle {
    width:44%;
    border:1px solid rgb(217,217,217);
}

.homeBottomRight {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left:none !important;
}

.bottomTel, .bottomLink {
    font-size: 14px;
    color: rgb(40,135,212) !important;
    text-shadow: 0px 1px rgba(255,255,255,.8);
    line-height:40px;
    font-weight:bold;
}

.bottomLink {
    text-decoration:none;
}

.bottomLink:hover {
    text-decoration:underline !important;
}

.bottomTitleMiddle {
    text-align:center;
    font-size:22px;
    text-shadow: 0px 1px rgba(255,255,255,.75);
    color: rgb(51,57,70);
    margin-top:10px;
    font-weight:400;
}

.bottomInputs {
    margin-top:10px;
}

.bottomInputs > div {
    float:left;
    margin-top:15px;
}

.bottomInputDiv {
    width:183px;
}

.homeBottomButton {
    padding:0px;
    position:relative;
    top:20px;
}

.submit {
    width:100%;
    height:42px;
    background:none;
    border:none;
    color:rgb(245,245,255) !important;
    font-weight:400;
    font-size:14px;
    font-family:'Open Sans', 'Helvetica Neue', helvetica, arial, sans-serif;
    text-shadow: 0px 1px rgba(0,0,0,.4);
    text-align:center;
    line-height:14px;
    cursor:pointer;
}

.bottomRightInput {
    margin-left:15px;
}

.whyCaseButton {
    margin-top:25px !important;
}

.bottomGraphicTitle {
    margin-top:0px;
}

.bottomGraphicTitle > div {
    display:inline-block;
    vertical-align: top;
}

.bottomTitleSmall {
    margin-top:12px;
    height:51px;
    font-size:18px;
    text-shadow: 0px 1px rgba(255,255,255,.75);
    color: rgb(51,57,70);
    font-weight:400;

}

.bottomCircleGraphic {
    width:50px;
    height:50px;
}

.bottomCircleGraphic.resources {
    background:url('img/bottomCircles.png') 0px 0px;
}

.bottomCircleGraphic.phone {
    background:url('img/bottomCircles.png') 0px -50px;
}

.bottomSmallDesc {
    font-size:14px;
    color: rgb(109,109,109);
    text-shadow: 0px 1px rgba(255,255,255,.75);
    margin-top:6px;
}


.homeBottomButton.greenButton {
    margin-top:34px !important;
}

/* Footer */

.footer {
    width:1024px;
    margin:0 auto;
    margin-top:15px;
}

.footer .footerCol {
    display:inline-block;
    vertical-align:top;
    padding-right:40px;
}

.footerColTitle {
    font-size: 15px;
    color: rgb(40,135,212) !important;
    text-shadow: 0px 1px rgba(255,255,255,.8);
    font-family:'Open Sans', 'Helvetica Neue', helvetica, arial, sans-serif;
    line-height:40px;
    font-weight:bold;
}


.footerCol > div > a, .footerCol > div, .footerDiv > div > a {
    text-decoration:none;
    color: rgb(109,109,109);
    text-shadow: 0px 1px rgba(255,255,255,.8);
    font-size:15px;
    margin-top:4px;
}

.footerCol > div > a:hover, .footerDiv > div > a:hover {
    text-decoration:underline !important;
}

.footerCol.contact {
    margin-left:125px !important;
    padding-right:0px !important;

}

.footerDiv > div {
    display:inline-block;
    vertical-align: top;
}

.footerNumber {
    font-weight:bold !important;
    font-size:20px !important;
    padding-bottom:5px !important;
}

.mailIcon {
    width:24px;
    height:14px;
    background:url('img/mailIcon.png') no-repeat;
    margin-top:4px;
}


.phoneIcon {
    width:24px;
    height:20px;
    background:url('img/phoneIcon.png') no-repeat;
    margin-top:4px;
}

.footerIcon {
    width:134px;
    height:85px;
    margin:0 auto;
    background:url('img/mpdTransparent.png') no-repeat;
    margin-top:20px;
}

.copyright {
    font-size:12px;
    text-align:center;
    color: rgb(135,135,135);
    text-shadow: 0px 1px rgba(255,255,255,.8);
    padding-bottom:5px;
}



/* Form Inputs */

.inputDiv {
    height: 34px;
    border:1px solid rgb(174,178,183);
    background: white;
    border-radius:4px;
    -webkit-box-shadow: rgba(255,255,255,.8) 0px 1px 0px, rgba(45, 60, 75, 0.34902) 0px 1px 5px -1px inset; 
    -moz-box-shadow: rgba(255,255,255,.8) 0px 1px 0px, rgba(45, 60, 75, 0.34902) 0px 1px 5px -1px inset; 
    box-shadow: rgba(255,255,255,.8) 0px 1px 0px, rgba(45, 60, 75, 0.34902) 0px 1px 5px -1px inset; 
    padding:2px;
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
}

.inputActive {
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
    border: 1px solid rgb(70,143,204);
    -webkit-box-shadow: rgb(70,143,204) 0px 0px 0px 1px;
    -moz-box-shadow:rgb(70,143,204) 0px 0px 0px 1px;
    box-shadow: rgb(70,143,204) 0px 0px 0px 1px;

}
.input {
    width:100%;
    height:100%;
    background:none;
    border:none;
    padding:5px;
    font-size:15px;
    outline:none;
    color:rgb(90,91,93);
}

/* Why MobilePD */

.homeContent.why {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px; 
}

.tabBar {
    position:absolute;
    z-index:100;
    height:70px;
    width:1023px;
    background: rgb(53,63,70); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1M2Y0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM0M2Y0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzI2MmUzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDNmNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjMyYTMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(53,63,70,1) 0%, rgba(52,63,71,1) 50%, rgba(38,46,52,1) 50%, rgba(52,63,71,1) 100%, rgba(35,42,48,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,63,70,1)), color-stop(50%,rgba(52,63,71,1)), color-stop(50%,rgba(38,46,52,1)), color-stop(100%,rgba(52,63,71,1)), color-stop(100%,rgba(35,42,48,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(53,63,70,1) 0%,rgba(52,63,71,1) 50%,rgba(38,46,52,1) 50%,rgba(52,63,71,1) 100%,rgba(35,42,48,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(53,63,70,1) 0%,rgba(52,63,71,1) 50%,rgba(38,46,52,1) 50%,rgba(52,63,71,1) 100%,rgba(35,42,48,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(53,63,70,1) 0%,rgba(52,63,71,1) 50%,rgba(38,46,52,1) 50%,rgba(52,63,71,1) 100%,rgba(35,42,48,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(53,63,70,1) 0%,rgba(52,63,71,1) 50%,rgba(38,46,52,1) 50%,rgba(52,63,71,1) 100%,rgba(35,42,48,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353f46', endColorstr='#232a30',GradientType=0 ); /* IE6-8 */
    border:1px solid rgba(0,0,0,.75);
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border:1px solid rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.3) inset, -1px 0px 0px rgba(255,255,255,.15) inset, 1px 0px 0px rgba(255,255,255,.15) inset, 2px 0px 2px rgba(0,0,0,.15), -2px 0px 2px rgba(0,0,0,.15), 0px -2px 2px rgba(0,0,0,.15);
    box-shadow: 0px 1px 0px rgba(255,255,255,.3) inset, -1px 0px 0px rgba(255,255,255,.15) inset, 1px 0px 0px rgba(255,255,255,.15) inset, 2px 0px 2px rgba(0,0,0,.15), -2px 0px 2px rgba(0,0,0,.15), 0px -2px 2px rgba(0,0,0,.15);
}

.tabBar.active {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important; 
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1M2Y0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM0M2Y0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzI2MmUzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDNmNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjMyYTMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(53,63,70,0.98) 0%, rgba(52,63,71,0.98) 50%, rgba(38,46,52,0.98) 50%, rgba(35,42,48,0.98) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,63,70,0.98)), color-stop(50%,rgba(52,63,71,0.98)), color-stop(50%,rgba(38,46,52,0.98)), color-stop(100%,rgba(35,42,48,0.98))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(53,63,70,0.98) 0%,rgba(52,63,71,0.98) 50%,rgba(38,46,52,0.98) 50%,rgba(35,42,48,0.98) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(53,63,70,0.98) 0%,rgba(52,63,71,0.98) 50%,rgba(38,46,52,0.98) 50%,rgba(35,42,48,0.98) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(53,63,70,1) 0%,rgba(52,63,71,1) 50%,rgba(38,46,52,1) 50%,rgba(52,63,71,1) 100%,rgba(35,42,48,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(53,63,70,0.98) 0%,rgba(52,63,71,0.98) 50%,rgba(38,46,52,0.98) 50%,rgba(35,42,48,0.98) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353f46', endColorstr='#232a30',GradientType=0 ); /* IE6-8 */
}

.tabBar > a {
    float:left;
}

.tabBarSection:nth-child(1),.tabBarSection:nth-child(3) {
    width:340px;
    height:100%;
}
.tabBarSection:nth-child(2) {
    width:339px;
    height:100%;
}

.tabBarSection:hover {
    background:rgba(245,250,255,.06);
    background-image: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 80, color-stop(35%, rgba(255,255,255,0.16)), color-stop(80%, rgba(255,255,255,0)));
    background-image: -webkit-radial-gradient(50% 100%, rgba(255,255,255,0.16) 35%,rgba(255,255,255,0) 80%);
    background-image: -moz-radial-gradient(50% 100%, rgba(255,255,255,0.16) 35%,rgba(255,255,255,0) 80%);
    background-image: -o-radial-gradient(50% 100%, rgba(255,255,255,0.16) 35%,rgba(255,255,255,0) 80%);
    background-image: -ms-radial-gradient(50% 100%, rgba(255,255,255,0.16) 35%,rgba(255,255,255,0) 80%);
    background-image: radial-gradient(50% 100%, rgba(255,255,255,0.16) 35%,rgba(255,255,255,0) 80%);
    background-repeat: no-repeat;
}

.tabBarSection.selected {
    background:rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 40px rgba(0,0,0,.6) inset;
    box-shadow: 0px 0px 40px rgba(0,0,0,.6) inset;
}

.tabBarSection:active {
    background:rgba(0,0,0,.3);
    box-shadow: 0px 30px 40px rgba(0,0,0,.3) inset;
}

.tabBarSection.selected:nth-child(2) {
    border-left:1px solid rgba(0,0,0,0);
}

.tabBarInner > div {
    float:left;
}

.tabBarInner {
    margin-top:9px;
}

.tabBarSection:nth-child(1) {
    border-right:1px solid black;
    border-right:1px solid rgba(0,0,0,.65);
    border-top-left-radius: 14px;
}

.tabBar.active .tabBarSection:nth-child(1) {
    border-top-left-radius: 0px !important;
}

.tabBarSection:nth-child(2) {
    border-left:1px solid rgb(100,100,100);
    border-left:1px solid rgba(255,255,255,.14);
    border-right:1px solid black;
    border-right:1px solid rgba(0,0,0,.65);
}

.tabBarSection:nth-child(3) {
    border-left:1px solid rgb(100,100,100);
    border-left:1px solid rgba(255,255,255,.14);
    border-top-right-radius: 14px;
}

.tabBar.active .tabBarSection:nth-child(3) {
    border-top-right-radius: 0px !important;
}

.tabBarIcon {
    width:50px;
    height:50px;
}

.tabBarIcon.app {
    margin-left:80px;
    background:url('img/tabBarIcons.png') 0px 0px;
}

.tabBarIcon.promote {
    margin-left:50px;
    background:url('img/tabBarIcons.png') 0px -50px;
}

.tabBarIcon.results {
    margin-left:60px;
    background:url('img/tabBarIcons.png') 0px -100px;
}

.tabBarSection:hover .tabBarIcon.app {
    background:url('img/tabBarIcons.png') -50px 0px;
}

.tabBarSection:hover .tabBarIcon.promote {
    background:url('img/tabBarIcons.png') -50px -50px;
}

.tabBarSection:hover .tabBarIcon.results {
    background:url('img/tabBarIcons.png') -50px -100px;
}

.tabBarSection.selected .tabBarIcon.app {
    background:url('img/tabBarIcons.png') -100px 0px;
}

.tabBarSection.selected .tabBarIcon.promote {
    background:url('img/tabBarIcons.png') -100px -50px;
}

.tabBarSection.selected .tabBarIcon.results {
    background:url('img/tabBarIcons.png') -100px -100px;
}

.tabBarInner:nth-child(2) {
    margin-left:66px;
}

.tabBarTitle {
    line-height:20px;
    margin-top:15px;
    color:rgb(200,201,202);
    margin-left:15px;
    text-shadow: 0px 1px rgba(0,0,0,.6);
}

.tabBarSection.selected .tabBarTitle {
    color: rgb(244,244,245) !important;
}

.whyTop {
    margin-top:70px;
}

.whyHeader {
    margin-top:30px !important;
}

.aURL {
    position:absolute;
    margin-top:-70px;
}

/* Features */


.featuresBox {
    float:left;
    width:235.5px;
    margin-top:30px;
}

.featuresIcon {
    width:60px;
    height:60px;
    margin:0 auto;
}

.featuresIcon.news {
    background:url('img/featuresIcons.png') 0px 0px;
}

.featuresIcon.photos {
    background:url('img/featuresIcons.png') 0px -60px;
}

.featuresIcon.crimeMaps {
    background:url('img/featuresIcons.png') 0px -120px;
}

.featuresIcon.scanner {
    background:url('img/featuresIcons.png') 0px -180px;
}

.featuresIcon.videos {
    background:url('img/featuresIcons.png') 0px -240px;
}

.featuresIcon.crimeTips {
    background:url('img/featuresIcons.png') 0px -300px;
}

.featuresIcon.events {
    background:url('img/featuresIcons.png') 0px -360px;
}

.featuresIcon.wanted {
    background:url('img/featuresIcons.png') 0px -420px;
}

.featuresIcon.commend {
    background:url('img/featuresIcons.png') 0px -480px;
}

.featuresIcon.missing {
    background:url('img/featuresIcons.png') 0px -540px;
}

.featuresIcon.facebook {
    background:url('img/featuresIcons.png') 0px -600px;
}

.featuresIcon.twitter {
    background:url('img/featuresIcons.png') 0px -660px;
}
.featuresTitle {
    text-align:center;
    color: rgb(51, 57, 70);
    font-weight:500;
    font-size:14px;
    margin-top:5px;
}

.featuresDesc {
    color: rgb(109,109,109);
    text-align:center;
    font-size:14px;
    margin-top:10px;
    padding:0px 10px;
    height:70px;
}

/* - Why App Demo Top */

#bx-pager > a {
    float:left;
    width:250px;
    text-decoration:none;
    padding:20px;
    border-radius:;
    border:1px solid rgb(245,245,246);
    margin-top:55px;
}

#bx-pager > a:hover {
    border:1px solid rgb(218,218,218);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1);
    box-shadow: 0px 1px 0px rgba(255,255,255,1);
    border-radius:10px;
    background:rgba(0,0,0,.01);
}

#bx-pager > a.active {
    background: url('img/grain.png') repeat;
    border:1px solid rgb(217,217,217);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.85) inset, inset 0 0 0 1px rgba(255,255,255,.5);
    box-shadow: 0px 1px 0px rgba(255,255,255,.8) inset, inset 0 0 0 1px rgba(255,255,255,.8);
    border-radius:10px;
}

#bx-pager > a:nth-child(2), #bx-pager > a:nth-child(4) {
    margin-left:442px;
}

.bxItemIcon {
    width:120px;
    height:100px;
    margin: 0 auto;
}

.bxItemIcon.branding {
    background: url('img/demoIcons/whyDemo.png') 0px 0px;
}

.bxItemIcon.maps {
    background: url('img/demoIcons/whyDemo.png') 0px -100px;
}

.bxItemIcon.tips {
    background: url('img/demoIcons/whyDemo.png') 0px -200px;
}

.bxItemIcon.social {
    background: url('img/demoIcons/whyDemo.png') 0px -300px;
}

.demoTitle {
    font-size:18px;
    text-shadow: 0px 1px rgba(255,255,255,.75);
    font-weight:normal;
    margin-top:10px;
}

.demoDesc {
    text-shadow: 0px 1px rgba(255,255,255,.75);
}

.bxSliderPhone {
    position:absolute;
    width:320px;
    height:600px;
    background:url('img/phone.png');
    margin-left:312px;
    margin-top:40px;
}

.bxSliderPhone .bx-wrapper {
    width:252px;
    height:362px;
    margin-top:126px;
    margin-left:34px;
}

.phoneScreen {
    width:252px;
    height:362px;
}

.phoneScreen.branding {
    background: url('img/demoIcons/branding.png');
}

.phoneScreen.maps {
    background: url('img/demoIcons/maps.png');
}

.phoneScreen.tips {
    background: url('img/demoIcons/tips.png');
}

.phoneScreen.social {
    background: url('img/demoIcons/social.png');
}


/* Why - Promote Agency */

.promotePhones {
    height:400px;
    width:1022px;
    background:url('img/promotePhones.png');
    margin:0 auto;
    margin-top:60px;
}
.whyMedia {
    margin-top:50px;
}

.whyMedia > div {
    float:left;
}

.mediaLinkDiv:nth-child(2) {
    margin-left:39px;
}
.mediaLinkDiv:nth-child(3) {
    margin-left:39px;
}

.mediaLinkDiv {
    width:288px;
}

.mediaLogo {
    width:280px;
    height:80px;
    margin: 0 auto;
    background:red;
}

.mediaLogo.lawOfficer {
    background:url('img/mediaLogos.png') 0px 0px;
}

.mediaLogo.mercury{
    background:url('img/mediaLogos.png') 0px -80px;
}

.mediaLogo.tnw{
    background:url('img/mediaLogos.png') 0px -160px;
}

.mediaQuote {
    text-align:center;
    margin-top:5px;
    text-shadow: 0px 1px rgba(255,255,255,.75);
    font-size: 14px;
    padding-left:25px;
    padding-right:25px;
    font-style: italic;
    line-height: 22px;
    color: rgb(100,104,106);
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* -- why Results  */

.subHeaderResults {
    padding-right:200px;
}

.resultsDivs > div {
    float:left;
    width:33%;
    padding:15px;
    text-shadow: 0px 1px rgba(255,255,255,.75);
    font-size: 14px;
}

.resultsDivs > div:nth-child(3) {
    background: url('img/grain.png') repeat;
    border:1px solid rgb(217,217,217);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.85) inset, inset 0 0 0 1px rgba(255,255,255,.5);
    box-shadow: 0px 1px 0px rgba(255,255,255,.8) inset, inset 0 0 0 1px rgba(255,255,255,.8);
    border-radius:10px;
    margin-left:55px;
    padding:20px;
    width:265px;
}

.resultsDivs > div:nth-child(1), .resultsDivs > div:nth-child(2) {
    padding-top:25px;
}

.resultsDivs {
    margin-top:50px;
}

.resultsIcon {
    width:120px;
    height:120px;
    margin: 0 auto;
}

.resultsIcon.graph {
    background:url('img/resultsIcons.png') 0px 0px;
}

.resultsIcon.engage {
    background:url('img/resultsIcons.png') 0px -120px;
}

.resultsIcon.award {
    background:url('img/resultsIcons.png') 0px -240px;
}

.resultsQuote {
     font-style: italic;
    line-height: 22px;
    color: rgb(100,104,106);
}

.resultsQuoteAuthor {
    color: rgb(119,120,122);
    font-weight:bold;
    margin-top:10px;
}

.resultsQuoteDept {
    color:rgb(16, 114, 167) !important;
}

.resultsQuoteBottom {
    margin-top:20px;
}

.resultsQuoteBottom > div {
     float:left;
}

.resultsQuotePhoto {
    width:70px;
    height:70px;
    border:3px solid white;
    border-radius:1px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.35);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.35);
    background: url('img/vogel.png');
}

.resultsQuoteText {
    margin-left:10px;
}

/* Customers */

.bookShelf {
    width:1024px;
    margin:0 auto;
    background:url('img/book-shelf.png');
    height:200px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border:1px solid rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,.55) inset, -1px 0px 0px rgba(255,255,255,.2) inset, 1px 0px 0px rgba(255,255,255,.2) inset, 2px 0px 2px rgba(0,0,0,.15), -2px 0px 2px rgba(0,0,0,.15), 0px -2px 2px rgba(0,0,0,.15);
    box-shadow: 0px 1px 1px rgba(255,255,255,.55) inset, -1px 0px 0px rgba(255,255,255,.2) inset, 1px 0px 0px rgba(255,255,255,.2) inset, 2px 0px 2px rgba(0,0,0,.15), -2px 0px 2px rgba(0,0,0,.15), 0px -2px 2px rgba(0,0,0,.15);
    overflow:hidden;
    -webkit-animation: BackgroundFade .85s 0s ease-out 1 both;
    -moz-animation: BackgroundFade .85s 0s ease-out 1 both;
    -ms-animation: BackgroundFade .85s 0s ease-out 1 both;
    animation: BackgroundFade .85s 0s ease-out 1 both;
}

.bookShelfInner {
    padding-left:82px;
    width:100%;
    height:100%;
}

.bookShelfInner > div, .customerDiv {
    float:left;
    width:172px;
    height:100%;
}

.customerDiv {
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

.customerDiv.active, .customerDiv.active:hover {
    background:url('img/light.png');
}

.customerDiv:hover {
    background:url('img/lightLow.png');
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.customerIcon {
    width:98px;
    height:98px;
    margin:0 auto;
    margin-top:60px;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.55);
    box-shadow: 0px 2px 3px rgba(0,0,0,.55);
    border-radius:17px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transform: scale(.92,.92);
    -ms-transform: scale(.92,.92);
    -webkit-transform: scale(.92,.92);
}

.customerIcon:active {
    transform: scale(.80,.80);
    -ms-transform: scale(.80,.80);
    -webkit-transform: scale(.80,.80);
}

.customerDiv.active > .customerIcon {
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
}

.customerIcon.scpd {
    background:url('img/customerAppsDark.png') 0px 0px;
}

.customerDiv.active > .customerIcon.scpd, .customerDiv.active:hover > .customerIcon.scpd {
    background:url('img/customerApps.png') 0px 0px;
}

.customerDiv:hover > .customerIcon.scpd {
    background:url('img/customerAppsMiddle.png') 0px 0px;
}

.customerIcon.lbpd {
    background:url('img/customerAppsDark.png') 0px -100px;
}

.customerDiv.active > .customerIcon.lbpd , .customerDiv.active:hover > .customerIcon.lbpd {
    background:url('img/customerApps.png') 0px -100px;
}

.customerDiv:hover > .customerIcon.lbpd {
    background:url('img/customerAppsMiddle.png') 0px -100px;
}

.customerIcon.worcester {
    background:url('img/customerAppsDark.png') 0px -200px;
}

.customerDiv.active > .customerIcon.worcester, .customerDiv.active:hover > .customerIcon.worcester {
    background:url('img/customerApps.png') 0px -200px;
}

.customerDiv:hover > .customerIcon.worcester {
    background:url('img/customerAppsMiddle.png') 0px -200px;
}

.customerIcon.mesapd {
    background:url('img/customerAppsDark.png') 0px -300px;
}

.customerDiv.active > .customerIcon.mesapd, .customerDiv.active:hover > .customerIcon.mesapd {
    background:url('img/customerApps.png') 0px -300px;
}

.customerDiv:hover > .customerIcon.mesapd {
    background:url('img/customerAppsMiddle.png') 0px -300px;
}

.customerIcon.gilbert {
    background:url('img/customerAppsDark.png') 0px -400px;
}

.customerDiv.active > .customerIcon.gilbert, .customerDiv.active:hover > .customerIcon.gilbert {
    background:url('img/customerApps.png') 0px -400px;
}

.customerDiv:hover > .customerIcon.gilbert {
    background:url('img/customerAppsMiddle.png') 0px -400px;
}

.customerDetails {
    width:1024px;
    margin:0 auto;
    height:480px;
    -webkit-animation: BackgroundFade .85s 0s ease-out 1 both;
    -moz-animation: BackgroundFade .85s 0s ease-out 1 both;
    -ms-animation: BackgroundFade .85s 0s ease-out 1 both;
    animation: BackgroundFade .85s 0s ease-out 1 both;
}

.customerDetailsInner > div {
    float:left;
}

.customerDetailsInner {
    width:1024px;
    height: 480px;
}

.customerDetailsLeft {
    width: 473px;
    height:100%;
}

.CustomerApp {
    width:350px;
    height:440px;
    float:right;
    margin-right:60px;
}

.CustomerApp.worcester {
    background:url('img/worcesterApp.png');
}

.CustomerApp.scpd {
    background:url('img/scpdApp.png');
}

.CustomerApp.lbpd {
    background:url('img/lbpdApp.png');
}

.CustomerApp.mesapd {
    background:url('img/mesaApp.png');
}

.CustomerApp.gilbert {
    background:url('img/gilbertApp.png');
}

.customerDetailsRight{
    width: 550px;
    height:100%;
    padding-right:40px;
}

.customerInfo {
    margin-top:70px;
}

.customerInfo {
   
}

.customerName {
    font-size:22px;
    font-weight:500px;
    color: rgb(51,57,70);
}

.customerInfoList {
    margin-top:10px;
}

.customerInfoList > div > span {
    font-size:14px;
    color:rgb(109,109,109);
}

.customerListTitle {
    font-weight:bold;
    color: rgb(51,57,70) !important;
}

.customerListDesc {
    padding-left:8px;
}

.featuredCustomerQuote {
    margin-top:25px;
    background: url('img/grain.png') repeat;
    border: 1px solid rgb(217,217,217);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.85) inset, inset 0 0 0 1px rgba(255,255,255,.5);
    box-shadow: 0px 1px 0px rgba(255,255,255,.8) inset, inset 0 0 0 1px rgba(255,255,255,.8);
    border-radius: 10px;
    padding:10px;
    padding-bottom:20px;
    text-shadow:rgba(255,255,255,.85) 0px 1px;
}

.featuredCustomerQuote > div {
    display:inline-block;
    vertical-align: top;
}

.quoteImg {
    width:40px;
    height:30px;
    background: url('img/quotes.png');
}

.QuoteOuter {
    margin-left:10px;
    margin-top:10px;
}

.featuredQuote {
    font-style: italic;
    font-size:16px;
    color:rgb(109,109,109);
    width:400px;
}

.featuredQuoteAuthor {
    color: rgb(119,120,122);
    font-weight:bold;
    font-size:14px;
    margin-top:15px;
}

.storeBadges > a {
    float:left;
}

.storeBadges {
    margin-top:50px;
}

.iOSBadge {
    width:135px;
    height:40px;
    background:url('img/appBadgesBlue.png') 0px -40px;
}

.androidBadge {
    width:135px;
    height:40px;
    margin-left:20px;
    background:url('img/appBadgesBlue.png') 0px 0px;
}

/* Customers Case Study */

.customersCaseStudy {
    background:red;
    width:100%;
    padding:10px;
    padding-left:20px;
    padding-bottom:5px;
    border-radius: 10px;
    margin-top:20px;
    border:1px solid rgb(218,218,218);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1);
    box-shadow: 0px 1px 0px rgba(255,255,255,1);
    border-radius:10px;
    background:rgb(242,242,243);
}

.customersCaseStudy > div {
    display:inline-block;
    vertical-align: top;
}

.customersCaseStudy .left {
    width:560px;
    padding-right:0px;
    margin-top:10px;
}

.customersCaseStudy .right {
    width:300px;
    padding-left:15px;
    margin-top:-45px;
}

.caseStudyHeader > div {
    float:left;
}

.caseStudyLogo {
    width:70px;
    height:70px;
    background:url('img/caseStudyLogo.png');
}

.caseStudyTitle {
    margin-left: 20px;
    margin-top:26px;
    font-size:22px;
    font-weight:500px;
    color: rgb(51,57,70);
}

.caseStudyDesc {
    margin-top:20px;
    font-size:16px;
    line-height:24px;
    color:rgb(109,109,109);
    padding-right:10px;
}

.caseStudyQuoteDiv {
    margin-top:105px;
    
    padding:10px;
    padding-bottom:20px;
    text-shadow:rgba(255,255,255,.85) 0px 1px;
}

.caseStudyQuoteDiv > div {
    display:inline-block;
    vertical-align: top;
}

.caseStudyQuote {
    font-style: italic;
    font-size:15px;
    color:rgb(109,109,109);
    width:200px;
}

.caseStudyButtons {
    margin-top:30px;
}

.caseStudyButtons > div, .caseStudyButtons > a {
    display:inline-block;
}


/* Resources */

.contentTop {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border:1px solid rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,.75) inset, -1px 0px 0px rgba(255,255,255,.3) inset, 1px 0px 0px rgba(255,255,255,.3) inset, 2px 0px 1px rgba(0,0,0,.10), -2px 0px 1px rgba(0,0,0,.10), 0px -2px 1px rgba(0,0,0,.10);
    box-shadow: 0px 1px 1px rgba(255,255,255,.75) inset, -1px 0px 0px rgba(255,255,255,.3) inset, 1px 0px 0px rgba(255,255,255,.3) inset, 2px 0px 1px rgba(0,0,0,.10), -2px 0px 1px rgba(0,0,0,.10), 0px -2px 1px rgba(0,0,0,.10);
}

.resourcesDiv {
    width:100%;
    margin-top:50px;
}

.resourcesDiv > div {
    display:inline-block;
    vertical-align: top;
    width:33%;
}

.resourceImg {
    border:4px solid white;
    border-radius:2px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.15) inset;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.15) inset;
    box-shadow: 0 0 3px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.15) inset;
    width:150px;
    height:193px;
    margin:0 auto;
}

.resourceImg.powerpoint {
    background:url('img/powerpoint.png');
}

.resourceImg.whitepaper {
    background:url('img/whitepaper.png');
}

.resourceImg.caseStudy {
    background:url('img/scpdCase.png');
}

.resourceDesc {
    padding: 0px 15px !important;
}

.resourcesInner > .buttonLink > .button {
    width:246px;
    margin: 0 auto;
    margin-top:20px;
}

.faq-accordion {
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
}
.faq-accordion h3 {
    margin: 5px 0px;
    padding: 0.4em .25em;
    color: #458fcc;
    font-size: 18px;
    font-weight: normal;
    border: 1px solid rgb(217,217,217);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.85) inset, inset 0 0 0 1px rgba(255,255,255,.5);
    box-shadow: 0px 1px 0px rgba(255,255,255,.8) inset, inset 0 0 0 1px rgba(255,255,255,.8);
    border-radius: 5px;
    text-shadow:rgba(255,255,255,.85) 0px 1px;
    background: url('img/arrow.png') right top no-repeat;
}

.faq-accordion h3:hover {
    cursor: pointer;
}

.faq-accordion div {
    padding: 1em .5em;
    color:rgb(109,109,109);
}

.open {
    background: url('img/arrow-down.png') right top no-repeat !important;
}

.subHeaderPaddingRight {
    padding-right:280px;
}

.resourcesDemoVideo > div {
    display:inline-block;
    vertical-align: top;
}

.resourcesDemoVideoText {
    width:500px;
    margin-top:50px;
}

.resourcesDemoVideoDiv {
    width:360px;
    height:220px;
    background:red;
    border:4px solid white;
    border-radius:2px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.15) inset;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.15) inset;
    box-shadow: 0 0 3px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.15) inset;
    margin-left:75px;
    margin-top:15px;
}

/* --- Contact US Form ---*/

.contactContentTop {
    padding:20px;
}

.contactContentMain {
    width:100%;
}

.contactContentMain > div {
    display:inline-block;
    vertical-align: top;
}

.contactLeft {
    width:717px;
    padding:40px;
    padding-left:60px;
}

.contactRight {
     width:300px;
     height:910px;
     padding:40px;
     padding-right:40px;
     border-left:1px solid rgb(205,205,205);
}

.contactTitle {
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    color: rgb(51, 57, 70);
    font-weight: 500;
    font-size: 18px;
}

/* Custom Radio Button */

.regular-radio {
    display: none;
}

.regular-radio + label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}

.regular-radio:checked + label:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #529edc;
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
}

.regular-radio:checked + label {
    background-color: white;
    color: #99a1a7;
}

.regular-radio + label:active, .regular-radio:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
    padding: 16px;
}

.big-radio:checked + label:after {
    width: 24px;
    height: 24px;
    left: 4px;
    top: 4px;
}

/* Customer Checkbox */

.regular-checkbox {
    display: none;
}

.regular-checkbox + label {
    padding: 9px;
    float:left;
    position: relative;
    font-weight:bold;
    background: rgb(250,250,250); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U4ZTllYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGQxZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(241,242,243,1) 50%, rgba(232,233,235,1) 50%, rgba(205,209,211,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(50%,rgba(241,242,243,1)), color-stop(50%,rgba(232,233,235,1)), color-stop(100%,rgba(205,209,211,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(241,242,243,1) 50%,rgba(232,233,235,1) 50%,rgba(205,209,211,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(241,242,243,1) 50%,rgba(232,233,235,1) 50%,rgba(205,209,211,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(241,242,243,1) 50%,rgba(232,233,235,1) 50%,rgba(205,209,211,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(241,242,243,1) 50%,rgba(232,233,235,1) 50%,rgba(205,209,211,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#cdd1d3',GradientType=0 ); /* IE6-8 */
    border-bottom-color: rgb(174, 178, 183);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(187, 190, 196);
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: rgb(194, 199, 202);
    border-top-style: solid;
    border-top-width: 1px;
    -webkit-box-shadow: rgb(255, 255, 255) 0px 1px 0px  inset, rgba(255, 255, 255, 0.4) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.6) 0px 1px 0px;
    -moz-box-shadow: rgb(255, 255, 255) 0px 1px 0px  inset, rgba(255, 255, 255, 0.34) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.6) 0px 1px 0px;
    box-shadow: rgb(255, 255, 255) 0px 1px 0px  inset, rgba(255, 255, 255, 0.4) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.6) 0px 1px 0px;
    text-shadow: 0px 1px rgba(255,255,255,.7);
    color: rgb(40,135,212);
}

.regular-checkbox + label.first {
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}

.regular-checkbox + label.last {
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-right-color: rgb(187, 190, 196);
    border-right-style: solid;
    border-right-width: 1px;
}

.regular-checkbox:checked + label.last {
    border-right: 1px solid rgb(24, 114, 151);
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
    background: rgb(84,175,232); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0YWZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzRkYTFkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ2OGZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDZmYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(84,175,232,1) 0%, rgba(77,161,213,1) 50%, rgba(70,143,204,1) 50%, rgba(20,111,177,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,175,232,1)), color-stop(50%,rgba(77,161,213,1)), color-stop(50%,rgba(70,143,204,1)), color-stop(100%,rgba(20,111,177,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(84,175,232,1) 0%,rgba(77,161,213,1) 50%,rgba(70,143,204,1) 50%,rgba(20,111,177,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(84,175,232,1) 0%,rgba(77,161,213,1) 50%,rgba(70,143,204,1) 50%,rgba(20,111,177,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(84,175,232,1) 0%,rgba(77,161,213,1) 50%,rgba(70,143,204,1) 50%,rgba(20,111,177,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(84,175,232,1) 0%,rgba(77,161,213,1) 50%,rgba(70,143,204,1) 50%,rgba(20,111,177,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54afe8', endColorstr='#146fb1',GradientType=0 ); /* IE6-8 */
    color: #fff;
    text-shadow: 0 -1px #003564;
    -webkit-box-shadow: rgba(255, 255, 255, .3) 0px 1px 0px  inset, rgba(255, 255, 255, .2) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.6) 0px 1px 0px;
    -moz-box-shadow: rgba(255, 255, 255, .3) 0px 1px 0px  inset, rgba(255, 255, 255, .2) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.6) 0px 1px 0px;
    box-shadow: rgba(255, 255, 255, .3) 0px 1px 0px  inset, rgba(255, 255, 255, .2) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.6) 0px 1px 0px;
    border-left: 1px solid rgb(24, 114, 151);
    border-right: 1px solid rgb(24, 114, 151);
    border-top: 1px solid rgb(30, 141, 170);
    border-bottom: 1px solid rgb(30, 141, 170);
}

.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: rgba(0,0,0,0);
    text-shadow: none !important;

}

.big-checkbox + label {
    width:90px;
    height:40px;
    text-align: center;
}

.time-checkbox + label {
    width:113px;
    text-align: center;
    font-size:14px;
}

.big-checkbox:checked + label:after {
    font-size: 28px;
    left: 6px;
}


.radioButtons {
    margin-top:15px;
    padding-bottom:25px;
}

.radioButtons > div {
    margin-top:6px;
}

.radioTitle {
    color: rgb(109,109,109);
    text-shadow: 0px 1px rgba(255,255,255,.8);
    font-size: 16px;
    vertical-align: top;
    margin-left:5px;
}

.inputWrap > div {
    display:inline-block;
    vertical-align: top;
}

.contactInput {
    margin-top:8px;
    width:300px;
}

.inputTextarea {
    width:450px;
    height:150px;
}

.contactOffice {
    margin-top:30px;
}

.week, .time {
    margin-top:8px;
}

.contactButtonDiv {
    margin-top:35px;
    width:453px;
}

.contactNumber {
    color:#2887D4;
    text-shadow: 0px 1px rgba(255,255,255,.8);
    font-weight:bold;
    font-size:18px;
    margin-top:12px;
    margin-bottom:10px;
}

.contactTitleMargin {
    margin-top:35px;
}

.mapOuter {
    padding:4px;
    background: url('img/map-bg.png') repeat;
    width:220px;
    height:160px;
    -moz-box-shadow: rgba(0,0,0,.4) 0px 0px 4px, rgba(255,255,255,.9) 0px 2px 2px inset, rgba(255,255,255,.6) 0px 0px 3px inset, rgba(0,0,0,.4) 0px 1px 2px;
    -webkit-box-shadow: rgba(0,0,0,.4) 0px 0px 4px, rgba(255,255,255,.9) 0px 2px 2px inset, rgba(255,255,255,.6) 0px 0px 3px inset, rgba(0,0,0,.4) 0px 1px 2px;
    -ms-box-shadow: rgba(0,0,0,.4) 0px 0px 4px, rgba(255,255,255,.9) 0px 2px 2px inset, rgba(255,255,255,.6) 0px 0px 3px inset, rgba(0,0,0,.4) 0px 1px 2px;
    box-shadow: rgba(0,0,0,.4) 0px 0px 4px, rgba(255,255,255,.9) 0px 2px 2px inset, rgba(255,255,255,.6) 0px 0px 3px inset, rgba(0,0,0,.4) 0px 1px 2px;
    border-radius:2px;
    margin-top:15px;
}


.mapBorder {
    width:100%;
    height:100%;
    border:1px solid rgb(140,140,140);    
    border:1px solid rgba(0,0,0,.25);
    padding:2px;
}

.mapInner {
    width:100%;
    height:100%;
    border:1px solid rgba(0,0,0,.5);
}

#map_canvas {
    width:100%;
    height:100%;
}

.target {
    width:44px;
    height:40px;
    background:url('img/mapMarker.png');
    position:absolute;
    z-index:20;
    margin-top:42px;
    margin-left:85px;
}

.contactText {
    color:rgb(109,109,109);
    text-shadow: 0px 1px rgba(255,255,255,.8);
    font-size: 15px;
    margin-top:15px;
}

.contactRightSection {
    margin-top:8px;
}

.contactPicture {
    padding:4px;
    border: 4px solid white;
    width:124px;
    height:130px;
    background: url('img/founder.png');
    -moz-box-shadow: rgba(0,0,0,.4) 0px 0px 4px, rgba(0,0,0,.4) 0px 1px 2px, 0px 0px 0px 1px rgba(0,0,0,.3) inset;
    -webkit-box-shadow: rgba(0,0,0,.4) 0px 0px 4px, rgba(0,0,0,.4) 0px 1px 2px, 0px 0px 0px 1px rgba(0,0,0,.3)inset;
    -ms-box-shadow: rgba(0,0,0,.4) 0px 0px 4px, rgba(0,0,0,.4) 0px 1px 2px, 0px 0px 0px 1px rgba(0,0,0,.3) inset;
    box-shadow: rgba(0,0,0,.4) 0px 0px 4px, rgba(0,0,0,.4) 0px 1px 2px, 0px 0px 0px 1px rgba(0,0,0,.3) inset;
    border-radius:2px;
    margin-top:15px;
}
.contactPersonalInfo {
    margin-top:12px;
}

.contactRow {
    margin-top:5px;
}

.contactCell {
    margin-top:3px;
}

.thankyou {
    margin:0 auto;
    margin-top:20px;
    width:450px;
    height:100px;
    background: url('img/thankYou.png');
}

/* --- Download Form ---*/

.downloadContentTop {
    padding:20px;
}

.downloadContentMain {
    width:100%;
}

.downloadContentMain > div {
    display:inline-block;
    vertical-align: top;
}

.downloadLeft {
    width:510px;
    padding:40px;
    padding-top:20px !important;
    padding-left:100px;
}

.downloadRight {
     width:490px;
     padding:40px;
     height:420px !important;
     padding-right:20px !important;
     border-left:1px solid rgb(205,205,205);
}

.downloadButtonDiv {
    margin-top:35px;
    width:300px;
}

.downloadRightTop > div {
    display: inline-block;
    vertical-align: top;
}

.resourceTitle {
    margin-left:15px;
    width:240px;
    font-size:24px;
    font-weight:500;
    text-shadow: 0px 1px rgb(255,255,255);
    color: rgb(50,57,70);
    margin-top:45px;
}

.downlodsSub {
    font-size:18px;
    text-shadow: 0px 1px rgba(255,255,255,.75);
    font-weight:normal;
    margin-top:10px;
    color: rgb(50,57,70);
    margin-top:20px;
}

.downloadsList {
    margin-left:15px;
}

.downloadsList {
    margin-top:6px;
    font-size:14px;
    color: rgb(109,109,109);
}

.caseDesc {
    font-size: 16px;
    color: rgb(109,109,109);
}

.caseStudyProfile {
    width:100%;
    background: url('img/grain.png') repeat;
    border:1px solid rgb(217,217,217);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.85) inset, inset 0 0 0 1px rgba(255,255,255,.5);
    box-shadow: 0px 1px 0px rgba(255,255,255,.8) inset, inset 0 0 0 1px rgba(255,255,255,.8);
    border-radius:10px;
    margin-top:20px;
    padding:20px;
    text-shadow: rgba(255,255,255,.75) 0px 1px;
}

.caseStudyProfile > div {
    display:inline-block;
    vertical-align: top;
}

.caseStudyProfile > .logo {
    width:98px;
    height:98px;
    background:url('img/customerApps.png') 0px 0px;
}

.caseStudyBioDesc {
    margin-left:15px;
    margin-top:5px;
    width:400px;
    color:rgb(109,109,109);
}

.onetwo {
   padding-left:35px;
}

.onetwo > div > span {
    font-size:14px;
    color:rgb(109,109,109);
}

.scpdCaseResults {
    margin-top:35px;
}

.scpdCaseResults > div {
    display:inline-block;
    vertical-align: top;
    width:33%;
    padding:15px;
    text-shadow: 0px 1px rgba(255,255,255,.75);
    font-size: 14px;
}

.caseQuotePic {
    margin-top:15px;
    height:150px;
    width:163px;
    border: 3px solid white;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.35);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.35);
    background:url('img/vogelLarge.png');
}

.caseQuoteContent {
    margin-left:25px;
    margin-top:15px;
    width:700px;
}

.caseTestomonial > div {
    display:inline-block;
    vertical-align: top;
}

.caseQuoteQuestion {
    color: rgb(50,57,70);
    font-size:18px;
}

.caseQuoteAnswer {
    margin-top:10px;
    color: rgb(109,109,109);
    font-size:14px;
}

.caseQuoteQuestionFull {
    margin-top:20px;
}

/* Support / Privacy Policy */

.legalTitle {
    text-shadow: 0px 1px 0px white;
    line-height: 16px !important;
    color:rgb(35,140,212);
    font-size:18px;
    font-weight:bold;
    padding-bottom:15px;
    padding-top:25px;
}

.legal p, .legal ul li {
    color:rgb(109,109,109);
    font-size:16px;
}

.legal ul li {
    margin-left:30px;
}

.pressRelease > p, .pressRelease > ul > li {
    font-size:14px;
}

.pressSection {
    padding-left:200px;
    padding-right:200px;
    padding-top:60px;
}

.pressLink {
    color: rgb(16, 114, 167);
    text-decoration: none;
    font-size:14px;
}

.pressLink:hover {
    text-decoration: underline !important;
}

.pressHeader {
    font-size:14px;
}


/* Animations */
@-webkit-keyframes topContentLeftEntrance{0%{opacity:0;-webkit-transform:translateY(0px) translateX(-45px)}40%{opacity:.3}100%{opacity:1;-webkit-transform:translateY(0px) translateX(0px)}}
@-moz-keyframes topContentLeftEntrance{0%{opacity:0;-moz-transform:translate(-45px,0px)}40%{opacity:.3}100%{opacity:1;-moz-transform:translate(0px,0px)}}
@keyframes topContentLeftEntrance{0%{opacity:0;transform:translateY(0px) translateX(-45px)}40%{opacity:.3}100%{opacity:1;transform:translateY(0px) translateX(0px)}}

@-webkit-keyframes iphoneAnimation{0%{opacity:0;-webkit-transform:translateY(25px) translateX(15px) rotate(-3deg)}60%{opacity:1}100%{-webkit-transform:translateY(0px) translateX(0px)}}
@-moz-keyframes iphoneAnimation{0%{opacity:0;-moz-transform:translate(10px,25px) rotate(-3deg)}60%{opacity:1}100%{-moz-transform:translate(0px,0px)}}
@keyframes iphoneAnimation{0%{opacity:0;transform:translateY(25px) translateX(10px) rotate(-3deg)}60%{opacity:1}100%{transform:translateY(0px) translateX(0px)}}

@-webkit-keyframes BackgroundFade{0%{opacity:.5;}100%{opacity:1;}}
@-moz-keyframes BackgroundFade{0%{opacity:.5;}100%{opacity:1;}}
@-keyframes BackgroundFade{0%{opacity:.5;}100%{opacity:1;}}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateY(0px) translateX(20px)}40%{opacity:.3}100%{opacity:1;-webkit-transform:translateY(0px) translateX(0px)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translate(20px,0px)}40%{opacity:.3}100%{opacity:1;-moz-transform:translate(0px,0px)}}
@keyframes fadeInRight{0%{opacity:0;transform:translateY(0px) translateX(20px)}40%{opacity:.3}100%{opacity:1;transform:translateY(0px) translateX(0px)}}


@-webkit-keyframes pop-in {
0% { opacity: 0;-moz-transform: scale(0.5);-webkit-transform: scale(0.5); }
90% { opacity: 1;-moz-transform: scale(1);-webkit-transform: scale(1); }
100% { opacity: 1;-moz-transform: scale(.92);-webkit-transform: scale(.92); }
}
@-moz-keyframes pop-in {
0% { opacity: 0;-moz-transform: scale(0.5);-webkit-transform: scale(0.5); }
90% { opacity: 1;-moz-transform: scale(1);-webkit-transform: scale(1); }
100% { opacity: 1;-moz-transform: scale(.92);-webkit-transform: scale(.92); }
}
@-ms-keyframes pop-in {
0% { opacity: 0;-moz-transform: scale(0.5);-webkit-transform: scale(0.5); }
90% { opacity: 1;-moz-transform: scale(1);-webkit-transform: scale(1); }
100% { opacity: 1;-moz-transform: scale(.92);-webkit-transform: scale(.92); }
}

@-webkit-keyframes pop-in-full {
0% { opacity: 0;-moz-transform: scale(0.5);-webkit-transform: scale(0.5); }
90% { opacity: 1;-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
100% { opacity: 1;-moz-transform: scale(1);-webkit-transform: scale(1); }
}
@-moz-keyframes pop-in-full {
0% { opacity: 0;-moz-transform: scale(0.5);-webkit-transform: scale(0.5); }
90% { opacity: 1;-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
100% { opacity: 1;-moz-transform: scale(1);-webkit-transform: scale(1); }
}
@-ms-keyframes pop-in-full {
0% { opacity: 0;-moz-transform: scale(0.5);-webkit-transform: scale(0.5); }
90% { opacity: 1;-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
100% { opacity: 1;-moz-transform: scale(1);-webkit-transform: scale(1); }
}

/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */

/* Smartphones */
@media only screen and (max-width: 469px) {

}

/* Large smartphones */
@media only screen and (min-width: 470px) and (max-width: 699px) {

}

/* Tablets and landscape large smartphones */
@media only screen and (min-width: 700px) and (max-width: 1000px) {

}

/* Desktop screens */
@media only screen and (min-width: 1200px) and (max-width: 1499px){

}

/* Large screen */
@media only screen and (min-width: 1500px) and (max-width: 1799px){

}

/* Very large screen */
@media only screen and (min-width: 1800px){

}