body {
	font-family: 'HelveticaNeue', 'Helvetica', sans-serif;
}

#bee-hero {
	height: 540px;
}

.bee-hero-background {
	background: #2dd5f0; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #2dd5f0 0%, #0b93e1 99%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2dd5f0), color-stop(99%,#0b93e1)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #2dd5f0 0%,#0b93e1 99%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #2dd5f0 0%,#0b93e1 99%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #2dd5f0 0%,#0b93e1 99%); /* IE10+ */
	background: radial-gradient(ellipse at center, #2dd5f0 0%,#0b93e1 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dd5f0', endColorstr='#0b93e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#bee-navbar {
	-webkit-font-smoothing: antialiased;
}

h1#bee-navbar-type {
	margin-top: -20px;
	font-family: 'HelveticaNeue-UltraLight', 'HelveticaNeue-Light', 'HelveticaNeue', 'Helvetica', sans-serif;
	font-size: 50px;
	letter-spacing: 2px;
}

#bee-hero-image {
	margin-right: 20px;
	margin-top: 30px;
}

#bee-hero-top-tagline-container {
	margin-top: 10px;
}

#bee-hero-bottom-tagline-container {
	margin-top: 20px;
}

h1.bee-hero-tagline {
	font-size: 23px;
	font-weight: 400;
	color: #fff;
	line-height: 10px;
	-webkit-font-smoothing: antialiased;
}

h1.bee-hero-tagline > strong {
	font-size: 24px;
}

h1.bee-hero-large-tagline {
	font-size: 25px;
	font-weight: 400;
}

h1.bee-hero-large-tagline > strong {
	font-size: 27px;
	font-weight: 700;
}

.bee-button-base {
	letter-spacing: 1px;
	height: 50px;
	display: inline-block;
	font-size: 14px;
	font-family: 'HelveticaNeue', 'Helvetica', sans-serif;
	line-height: 50px;
	text-align: center;
	color: rgba(255,255,255,1);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.66)
}

/*
 * Video
 */

.bee-video-button-base {
	margin-top: 30px;
	letter-spacing: 1px;
	width: 160px;
	background-color: rgba(0,0,0,1);

	background-image: -webkit-linear-gradient(top, rgba(67,70,76,1) 0%,rgba(24,25,27,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(67,70,76,1) 0%,rgba(24,25,27,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(67,70,76,1) 0%,rgba(24,25,27,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(67,70,76,1) 0%,rgba(24,25,27,1) 100%);
	background-image:         linear-gradient(top, rgba(67,70,76,1) 0%,rgba(24,25,27,1) 100%);
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
	        box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
	border: solid 1px rgba(255,255,255,1);
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
	        border-radius: 25px;
}

.bee-video-button:hover {
	background-image: -webkit-linear-gradient(top, rgba(67,70,76,1) 0%,rgba(24,25,27,1) 50%);
	background-image:    -moz-linear-gradient(top, rgba(67,70,76,1) 0%,rgba(24,25,27,1) 50%);
	background-image:     -ms-linear-gradient(top, rgba(67,70,76,1) 0%,rgba(24,25,27,1) 50%);
	background-image:      -o-linear-gradient(top, rgba(67,70,76,1) 0%,rgba(24,25,27,1) 50%);
	background-image:         linear-gradient(top, rgba(67,70,76,1) 0%,rgba(24,25,27,1) 50%);
}

.bee-video-button:active {
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(54,56,61,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(54,56,61,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(54,56,61,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(54,56,61,1) 100%);
	background-image:         linear-gradient(top, rgba(0,0,0,1) 0%,rgba(54,56,61,1) 100%);
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	border: solid 1px rgba(255,255,255,0.8);
}

#bee-video-container {
	height: 540px;
	width: 960px;
	position: absolute;

	margin: 0 auto;
	opacity: 1;
	pointer-events: none;
	z-index: 10;

	/* Initially hidden */
	opacity: 0;
}

#bee-video-container.active-transition {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: opacity 0.4s ease-in-out;
	   -moz-transition: opacity 0.4s ease-in-out;
		 -o-transition: opacity 0.4s ease-in-out;
}

/*
 * Bee plugin descriptions
 */

.bee-plugin-description-container {
	margin-top: 40px;
	padding: 0;
	padding-bottom: 50px;
}

.bee-plugin-description-cell {
	max-width: 300px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	float: left;
	background-color: white;
	border: 1px solid rgba(103, 67, 151, 0.2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	/* Needed to make the div act as a link */
	position: relative;
}

.bee-plugin-description-cell-spanner {
	/* See http://stackoverflow.com/a/3494108 */
	position: absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;

	/* Fixes overlap error in IE7/8 */
	background-image: url('../images/empty.gif');
}

.bee-plugin-description-cell:hover {
	border: 1px solid rgba(103, 67, 151, 1.0);
}

.bee-plugin-description-cell h3 {
	color: rgb(103, 67, 151);
	margin-top: 10px;
	margin-bottom: 10px;
}

.bee-plugin-description-cell img {
	margin-bottom: 10px;
}

/*
 * Image gallery
 */

.bee-gallery-strip {
	width: 100%;
	height: 86px;
	margin-top: 30px;
	margin-bottom: 40px;
	padding: 0px;
}

.bee-gallery-strip img {
	float: left;
	margin-right: 10px;
}

.bee-download-buttons-container {
	margin-bottom: 20px;
}

.bee-appstore-button-base {
	letter-spacing: 1px;
	width: 230px;
	background-color: rgba(0,0,0,1);

	background-image: -webkit-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 100%);
	background-image:         linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 100%);
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
	        box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.2)inset;
      -moz-box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.2)inset;
           box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.2)inset;
	border: solid 1px rgba(44,93,22,1);
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
	        border-radius: 25px;
}

.bee-appstore-button:hover {
	background-image: -webkit-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 50%);
	background-image:    -moz-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 50%);
	background-image:     -ms-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 50%);
	background-image:      -o-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 50%);
	background-image:         linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 50%);
}

.bee-appstore-button:active {
	border: solid 1px rgba(44,93,22,0.8);

	background-image: -webkit-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 100%);
	background-image:         linear-gradient(top, rgba(72,178,25,1) 0%,rgba(63,126,35,1) 100%);

   -webkit-box-shadow: 0px 0px 1px 1px rgba(63,126,35,1.0)inset;
      -moz-box-shadow: 0px 0px 1px 1px rgba(63,126,35,1.0)inset;
           box-shadow: 0px 0px 1px 1px rgba(63,126,35,1.0)inset;
}

.bee-trial-button-base {
	letter-spacing: 1px;
	width: 230px;
	background-color: rgba(0,0,0,1);

	background-image: -webkit-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 100%);
	background-image:         linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 100%);
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
	        box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.2)inset;
      -moz-box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.2)inset;
           box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.2)inset;
	border: solid 1px rgba(44,93,22,1);
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
	        border-radius: 25px;
}

.bee-trial-button:hover {
	background-image: -webkit-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 50%);
	background-image:    -moz-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 50%);
	background-image:     -ms-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 50%);
	background-image:      -o-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 50%);
	background-image:         linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 50%);
}

.bee-trial-button:active {
	border: solid 1px rgba(44,93,22,0.8);

	background-image: -webkit-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 100%);
	background-image:         linear-gradient(top, rgba(58,145,210,1) 0%,rgba(36,102,186,1) 100%);

   -webkit-box-shadow: 0px 0px 1px 1px rgba(36,102,186,1.0)inset;
      -moz-box-shadow: 0px 0px 1px 1px rgba(36,102,186,1.0)inset;
           box-shadow: 0px 0px 1px 1px rgba(36,102,186,1.0)inset;
}

.bee-appstore-button-subtitle {
	color: #313131;
	padding-top: 5px;
	font-size: 12px;
	margin-right: 50px;
}

.bee-trial-button-subtitle {
	color: #313131;
	padding-top: 5px;
	font-size: 12px;
	margin-left: 50px;
}

/*
 * Text
 *
 */

.bee-text-container {
	margin-top: 20px;
	font-size: 16px;
}

h2 {
	font-family: 'HelveticaNeue', 'Helvetica', sans-serif;
	font-size: 30px;
	font-weight: 500;
}

h3 {
	font-family: 'HelveticaNeue-Light', 'Helvetica', sans-serif;
	font-size: 20px;
}

.bee-text-container p {
	color: rgb(71, 71, 71);
	font-family: 'HelveticaNeue-Light', 'Helvetica', sans-serif;
}

.bee-text-container li {
	color: rgb(71, 71, 71);
	font-family: 'HelveticaNeue-Light', 'Helvetica', sans-serif;
}

.bee-container-dark {
	background-color: #d7effd;
}

.bee-text-container-padded {
	margin-top: 40px;
	padding-bottom: 40px;
}

/*
 * Footer
 */

#bee-footer {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 16px;
	text-align: center;
}

#bee-footer img {
	margin-top: 7px;
	margin-right: 20px;
}

#bee-footer a {
	padding: 10px;
	color: rgb(71, 71, 71);
	-webkit-font-smoothing: antialiased;
	font-family: HelveticaNeue, Helvetica, sans-serif;
	font-size: 14px;
}

#bee-footer .active a {
	color: rgb(58, 106, 203);
}

#bee-footer a:hover {
	background-color: #fff;
}

/*
 * Email form
 */

.bee-email-signup {
	margin-top: 60px;
	margin-bottom: 10px;
}

#mc_embed_signup {
	width: 600px;
	font: bold 16px Helvetica, Arial, sans-serif;
	margin-left: 290px;
}

#mc-embedded-subscribe-form {
	width: 350px;
}

.mc-field-group {
	width: 350px;
}

#mc_embed_signup .email {
	width: 350px;
	padding: 5px;
	border: 1px solid #999;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
}

#mc_embed_signup .email:focus {
	border-color: #333;
}

#mc_embed_signup .button {
	float: left;
	margin-top: 10px;
	height: 32px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	border: 0;
	border-radius: 4px;
	background: #aaa;
}

#mc_embed_signup .button:hover {
	background: #777;
}


/*
 * Horizontal featurettes
 */

.featurette-image {
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}

.featurette-divider.clear {
	border-color: #FFFFFF;
}


/* Non-responsive overrides
 *
 * Utilize the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
	max-width: none !important;
	width: 960px;
}

/* Demonstrate the grids */
.col-xs-4 {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #eee;
	border: 1px solid #ddd;
	background-color: rgba(86,61,124,.15);
	border: 1px solid rgba(86,61,124,.2);
}

.container .navbar-header,
.container .navbar-collapse {
	margin-right: 0;
	margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
	float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
	display: block !important;
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
}

.navbar-toggle {
	display: none;
}

.navbar-brand {
	margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
	float: left;
	margin: 0;
}
.navbar-nav > li {
	float: left;
}
.navbar-nav > li > a {
	padding: 15px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
	float: right;
}