/* Stuff from mobile boilerplate and elsewhere http://html5boilerplate.com/mobile/ */


button { width: auto; overflow: visible; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Sane box sizing */


	/* Normalise - v1.1.0 | MIT License | git.io/normalize */


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.875em; margin: 0.83em 0; }
h3 { font-size: 1.5em; margin: 1em 0; }
h4 { font-size: 1.17em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;  }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }

/*
	grey 494949
	light grey f5f5f5
	mid grey ebebeb
	blue 046DA0
	dark blue 045b90
	green 9bca3e

*/


	/* Clearfix */


.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


	/* Structure */


.row
{
	width: 100%;
	padding: 16px 0;
	text-align: center;
}

.center
{
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

.span-wrap
{
	margin-left: -4%;
}

@media screen and (max-width: 1020px) {

	.center
	{
		width: 96%;
	}
}

.span12 { width: 96%;}
.span10 { width: 79.3%; }
.span9 { width: 71.0%; }
.span8 { width: 62.6%; }
.span7 { width: 54.3%; }
.span6 { width: 46%; }
.span5 { width: 37.6%; }
.span4 { width: 29.3%; }
.span3 { width: 21%; }
.span2 { width: 12.6%; }
.span1 { width: 4.3%; }

.span12, .span10, .span9, .span8, .span7, .span6, .span5, .span4, .span3, .span2, .span1
{
	margin-left: 4%;
	float: left;
}

@media screen and (max-width: 700px) {

	.span-wrap
	{
		margin-left: 0;
	}

	.span12, .span10, .span9, .span8, .span7, .span6, .span5, .span4, .span3, .span2, .span1
	{
		width: 100%;
		float: none;
		margin-left: 0;
	}
}

.span-wrap img
{
	max-width: 100%;
}


	/* Parent elements */


body
{
	text-align: center;
	background-color: #ffffff;
	color: #333;
	font-family: 'Trebuchet MS', sans-serif;
	position: relative;
	font-size: 100%;
	line-height: 1.6;
}


	/* Block level elements */


h2
{
	text-align: center;
	font-family: 'Gudea', 'Trebuchet MS', serif;
	font-weight: bold;
	color: #046DA0;
}

h3
{
	font-family: 'Gudea', 'Trebuchet MS', serif;
	font-weight: normal;
}

h4
{
	font-weight: bold;
}

hr.separator-stars
{
	border: 0;
	padding: 6px;
	margin: 52px 0;
	background: url(../images/site-separator-stars-bg.png) no-repeat center center;
}

hr.separator-line
{
	border: 0;
	padding: 6px;
	background: url(../images/home-separator-line-bg.png) no-repeat center center;
}

.text-center
{
	text-align: center;
}

.text-left
{
	text-align: left;
}

.text-right
{
	text-align: right;
}

.form-message
{
	display: none;
}

.tick-list
{
	padding: 0;
}

.tick-list li
{
	background: url(../images/site-green-tick.png) no-repeat left center;
	padding: 6px 0 6px 50px;
	list-style-type: none;
}

.digicert-siteseal
{
	display: inline-block;
}


	/* Text level elements */


a
{
	color: #046CA0;
	text-decoration: none;
	font-weight: bold;
}

a:visited
{
	color: #046CA0;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:active
{
	color: #046CA0;
}

a.cta
{
	display: inline-block;
	background-color: #9bca3e;
	color: #fff;
	padding: 8px 18px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkot-border-radius: 3px;
}

a:hover.cta
{
	text-decoration: none;
}

a.cta-large
{
	padding: 12px 40px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkot-border-radius: 3px;
}

a.social
{
	height: 33px;
	width: 33px;
	margin: 0 12px;
	display: inline-block;
	background: url(../images/site-social-sprite.png) no-repeat;
}

a.social-facebook
{
	background-position: center bottom;
}

a.social-twitter
{
	background-position: top bottom;
}

em
{
	font-style: italic;
}

img
{
	max-width: 100%;
}

strong
{
	font-weight: bold;
}

sup
{
	vertical-align: super;
	font-size: 0.769em;
}

sub
{
	vertical-align: sub;
	font-size: 0.769em;
}

input.text
{
	font: inherit;
	width: 100%;
	margin: 0 auto;
	max-width: 400px;
	border-radius: 3px;
	border: 0;
	padding: 6px;
	margin-bottom: 16px;
}

textarea.textarea
{
	font: inherit;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	border-radius: 3px;
	border: 0;
	padding: 6px;
	margin-bottom: 16px;
	min-height: 90px;
}

input.submit
{
	font: inherit;
	border: 0;
	display: inline-block;
	background-color: #9bca3e;
	color: #fff;
	padding: 6px 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.form-block
{
	text-align: center;
}

.message-error
{
	margin: 1em auto;
	max-width: 450px;
	color: #A04204;
	border: 1px solid #A04204;
	padding: 12px;
	background-color: #F1C3A3;
}

.message-success
{
	margin: 1em auto;
	max-width: 450px;
	color: #42A004;
	border: 1px solid #42A004;
	padding: 12px;
	background-color: #D7EEC8;
}


	/* Logo */


.logo
{
	font-size: 12px;
}

.logo a
{
	display: block;
	position: relative;
	width: 128px;
	height: 30px;
}

.logo a img
{
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1000px) {

	.logo
	{
		text-align: center;
	}

	.logo a
	{
		margin: 0 auto;
	}
}


	/* Nav */


.nav-main
{
	font-family: 'Gudea';
	float: right;
	margin: 2px 0 0 0;
	padding: 0;
}

.nav-main li
{
	display: inline-block;
	margin: 0 6px;
}

.nav-main li a
{
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 8px 18px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkot-border-radius: 20px;
}

.nav-main li a:hover
{
	text-decoration: none;
	background-color: #045b90;
}

@media screen and (max-width: 1000px) {

	.nav-main
	{
		text-align: center;
		float: none;
		margin-top: 16px;
	}
}

.nav-footer
{
	padding-left: 0;
	margin: 30px 0;
	text-align: center;
}

.nav-footer li
{
	margin: 0 6px 0 6px;
	display: inline-block;
}

.nav-footer li a
{
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 8px 18px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkot-border-radius: 20px;
}

.nav-footer li a:hover
{
	text-decoration: none;
	background-color: #045b90;
}


	/* Page sectioning */


.header
{
	background-color: #046DA0;
}

@media screen and (max-width: 1000px) {

	.header .span-wrap
	{
		margin-left: 0;
	}

	.header .span3,
	.header .span9
	{
		margin-left: 0;
		width: 100%;
		float: none;
	}
}

.elevator
{
	padding-top: 60px;
	background-color: #046DA0;
	background-image: url(../images/home-elevator-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #fff;
	min-height: 390px;
}

.elevator .center
{

	text-align: center;
}

.elevator h2
{
	color: #fff;
	text-align: left;
}

.elevator p.intro
{
	max-width: 650px;
	font-size: 18px;
	text-align: left;
}

.elevator .elevator-cta
{
	margin-top: 112px;
	text-align: right;
}

@media screen and (max-width: 700px) {
	.elevator .elevator-cta
	{
		margin-bottom: 60px;
		margin-top: 60px;
		text-align: center;
	}
}

.sign-up
{
	background-color: #f5f5f5;
}

.sign-up input.text
{
	margin-bottom: 0;
}

.share
{
	background-image: url(../images/share-sprite.png);
	display: inline-block;
	width: 16px;
	height: 16px;
}

.share-facebook
{
	background-position: 0 0;
}

.share-twitter
{
	background-position: 0 48px;
}

.share-google
{
	background-position: 0 16px;
}

.share-email
{
	background-position: 0 32px;
}

.form-message-error
{
	border: 1px solid #DE7F6D;
	background-color: #EEBFB6;
	padding: 4px;
	width: 80%;
	margin: 0 auto 16px auto;
	border-radius: 4px;
	font-size: 0.875em;
	text-align: center;
}

.form-message-success
{
	border: 1px solid #A2DE6D;
	background-color: #C5ECA2;
	padding: 4px;
	width: 90%;
	margin: 0 auto 16px auto;
	border-radius: 4px;
	font-size: 0.875em;
	text-align: center;
}

.form-message-error p,
.form-message-success p
{
	text-align: center;
	margin: 8px 0;
}

@media screen and (max-width: 650px) {

	.form-message-error,
	.form-message-success
	{
		width: auto;
	}
}

.about-points h4
{
	margin-bottom: 0;
	text-align: center;
}

.about-points p
{
	margin-top: 0;
	text-align: center;
}

.features-and-pricing .span4
{
	text-align: center;
}

.contact
{
	background-color: #ebebeb;
}

.footer
{
	background-color: #046DA0;
	color: #ffffff;
	font-size: 0.875em;
}

.footer a
{
	color: #ffffff;
}

.footer .footer-logos
{
	margin: 16px;
}

.footer .footer-logos img
{
	margin: 16px;
}

.footer .footer-logos div img
{
	margin: 0;
}

@media screen and (max-width: 700px) {

	.footer p
	{
		text-align: center;
	}
}


	/* Pages */


.page-home .features-box
{
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-bottom: 16px;
	max-width: 350px;
	margin: 0 auto 16px auto;
}

.page-home .features-box h3
{
	text-align: center;
}

.page-home .features-box .price
{
	background-color: #ebebeb;
	padding: 12px 0;
	text-align: center;
	font-family: 'Gudea', sans-serif;
}

.page-home .features-box .feature-list
{
	list-style-type: none;
	text-align: center;
	padding: 0;
	min-height: 180px;
}