@charset "UTF-8";

/* ! Reset defaults & page base */

p, a, h1, h2, h3, h4, h5, h6, hr, ul, ul li, ol, ol li, table, td, tr, th, form, input, select {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style-type: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

a {
	text-decoration: none;
	color: inherit;
}

html, body {
	margin: 0;
	padding: 0;
}

body.front {
	background-image: url(../images/bg1-home.svg), url(../images/bg2-home.png), url(../images/bg3-home.svg), url(../images/bg-texture1.jpg);
	background-position: top, top, center 785px, top;
	background-repeat: no-repeat, repeat-x, repeat-x, repeat;
}

body.not-front {
	background-image: url(../images/bg-internal.svg), url(../images/bg-texture1.jpg);
	background-position: top, top;
	background-repeat: repeat-x, repeat;
}

nav,
section#home-top,
section#home-body {
	position: relative;
	width: 887px;
	margin: 0 auto;
}

section#home-top {
	height: 1044px;
}

section.info-stripe {
	display: block;
	clear: both;
	width: 100%;
	background-color: #fff;
}
section.info-stripe:before,
section.info-stripe:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100% );
	background-image:    -moz-linear-gradient( left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100% );
	background-image:     -ms-linear-gradient( left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100% );
	background-image:      -o-linear-gradient( left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100% );
	background-image:         linear-gradient( left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100% );
}

/* ! Fonts */

@font-face {
	font-family: 'Neutraface 2 Text Demi';
	src: url('../fonts/neutra2text-demi-webfont.eot');
	src: url('../fonts/neutra2text-demi-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neutra2text-demi-webfont.woff') format('woff'),
		 url('../fonts/neutra2text-demi-webfont.ttf') format('truetype'),
		 url('../fonts/neutra2text-demi-webfont.svg#neutraface_2_text_demiregular') format('svg');
}

@font-face {
	font-family: 'Neutraface 2 Text Demi Italic';
	src: url('../fonts/neutra2text-demiitalic-webfont.eot');
	src: url('../fonts/neutra2text-demiitalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neutra2text-demiitalic-webfont.woff') format('woff'),
		 url('../fonts/neutra2text-demiitalic-webfont.ttf') format('truetype'),
		 url('../fonts/neutra2text-demiitalic-webfont.svg#neutraface_2_text_demiitalic') format('svg');
}

@font-face {
	font-family: 'Neutraface 2 Text Bold';
	src: url('../fonts/neutra2text-bold-webfont.eot');
	src: url('../fonts/neutra2text-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neutra2text-bold-webfont.woff') format('woff'),
		 url('../fonts/neutra2text-bold-webfont.ttf') format('truetype'),
		 url('../fonts/neutra2text-bold-webfont.svg#neutraface_2_text_boldregular') format('svg');
}

@font-face {
	font-family: 'Neutraface 2 Display Bold';
	src: url('../fonts/neutra2display-bold-webfont.eot');
	src: url('../fonts/neutra2display-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neutra2display-bold-webfont.woff') format('woff'),
		 url('../fonts/neutra2display-bold-webfont.ttf') format('truetype'),
		 url('../fonts/neutra2display-bold-webfont.svg#neutraface_2_display_boldRg') format('svg');
}

@font-face {
	font-family: 'Neutraface 2 Display Titling';
	src: url('../fonts/neutra2display-titling-webfont.eot');
	src: url('../fonts/neutra2display-titling-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neutra2display-titling-webfont.woff') format('woff'),
		 url('../fonts/neutra2display-titling-webfont.ttf') format('truetype'),
		 url('../fonts/neutra2display-titling-webfont.svg#neutraface_2_display_titlinRg') format('svg');
}

/* ! Social Menu */

#social-menu {
	float: right;
	margin-bottom: 23px;
}

#social-menu li {
	float: left;
}

#social-menu li:nth-child(1) {
	width: 17px;
	height: 18px;
	background: url(../images/main-sprites.png) -368px -346px;
}

#social-menu li:nth-child(2) {
	width: 17px;
	height: 18px;
	margin-left: 8px;
	background: url(../images/main-sprites.png) -385px -346px;
}

#social-menu li:nth-child(3) {
	width: 17px;
	height: 18px;
	margin-left: 8px;
	background: url(../images/main-sprites.png) -402px -346px;
}

#social-menu li:nth-child(4) {
	margin-left: 9px;
	padding-left: 8px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 17px;
	line-height: 17px;
	color: #c9ecf9;
	border-left: 1px dotted #96ddf9;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

#social-menu li:nth-child(1) a,
#social-menu li:nth-child(2) a,
#social-menu li:nth-child(3) a  {
	opacity: 0;
	display: block;
	width: 17px;
	height: 18px;
	-webkit-transition: opacity 0.1s ease-out;
	   -moz-transition: opacity 0.1s ease-out;
	    -ms-transition: opacity 0.1s ease-out;
	        transition: opacity 0.1s ease-out;
}

#social-menu li:nth-child(1) a {
	background: url(../images/main-sprites.png) -368px -364px;
}

#social-menu li:nth-child(2) a {
	background: url(../images/main-sprites.png) -385px -364px;
}

#social-menu li:nth-child(3) a {
	background: url(../images/main-sprites.png) -402px -364px;
}

#social-menu li:nth-child(1) a:hover,
#social-menu li:nth-child(2) a:hover,
#social-menu li:nth-child(3) a:hover {
	opacity: 1;
}

#social-menu li:nth-child(4) a:hover {
	color: #fff;
}

/* ! Social Menu internal pages */

#social-menu.internal li:nth-child(1) {
	background: url(../images/main-sprites.png) -368px -382px;
}

#social-menu.internal li:nth-child(2) {
	background: url(../images/main-sprites.png) -385px -382px;
}

#social-menu.internal li:nth-child(3) {
	background: url(../images/main-sprites.png) -402px -382px;
}

#social-menu.internal li:nth-child(1) a {
	background: url(../images/main-sprites.png) -368px -346px;
}

#social-menu.internal li:nth-child(2) a {
	background: url(../images/main-sprites.png) -385px -346px;
}

#social-menu.internal li:nth-child(3) a {
	background: url(../images/main-sprites.png) -402px -346px;
}

#social-menu.internal li:nth-child(4) {
	color: #228ac4;
	border-left-color: #b9c0c3;
}

#social-menu.internal li:nth-child(4) a:hover {
	color: #70c1ef;
}

/* ! Main Menu */

#mainmenu {
	position: relative;
	width: 887px;
	height: 63px;
	margin: 18px 0 0 0px;
}

#mainlogo {
	display: block;
	float: left;
	width: 213px;
	height: 87px;
	margin-top: -8px;
	background: url(../images/logo-header.png);
}

#mainlinks {
	float: right;
}

#mainlinks li {
	float: left;
	height: 31px;
	margin-left: 5px;
	background: url(../images/main-sprites.png);	
}

#mainlinks li:nth-child(1) {
	width: 104px;
	background-position: 0 -63px;
}

#mainlinks li:nth-child(2) {
	width: 120px;
	background-position: -104px -63px;
}

#mainlinks li:nth-child(3) {
	width: 110px;
	background-position: -224px -63px;
}

#mainlinks li:nth-child(4) {
	width: 97px;
	background-position: -334px -63px;
}

#mainlinks li:nth-child(5) {
	width: 7px;
	background: none;
}

#mainlinks li:nth-child(5) span {
	display: inline-block;
	width: 1px;
	height: 21px;
	margin: 5px 0 0 3px;
	border-left: 1px dotted #96ddf9;
}

#mainlinks li:nth-child(6) {
	width: 110px;
	background-position: -258px -346px;
}

#mainlinks li a {
	opacity: 0;
	float: left;
	height: 31px;
	font-size: 0;
	background: url(../images/main-sprites.png);
	-webkit-transition: opacity 0.2s ease-out;
	   -moz-transition: opacity 0.2s ease-out;
	    -ms-transition: opacity 0.2s ease-out;
	        transition: opacity 0.2s ease-out;
}

#mainlinks li:nth-child(1) a {
	width: 104px;
	background-position: 0 -94px;
}

#mainlinks li:nth-child(2) a {
	width: 120px;
	background-position: -104px -94px;
}

#mainlinks li:nth-child(3) a {
	width: 110px;
	background-position: -224px -94px;
}

#mainlinks li:nth-child(4) a {
	width: 97px;
	background-position: -334px -94px;
}

#mainlinks li:nth-child(6) a {
	width: 110px;
	background-position: -258px -377px;
}

#mainlinks li:nth-child(1) a:hover,
#mainlinks li:nth-child(2) a:hover,
#mainlinks li:nth-child(3) a:hover,
#mainlinks li:nth-child(4) a:hover,
#mainlinks li:nth-child(6) a:hover {
	opacity: 1;
}

#mobilemenu {
	display: none;
}

/* ! Main Menu internal pages */

#mainlogo.internal {
	background: url(../images/logo-header.png) 0 -87px;
}

#mainlinks.internal li:nth-child(1) {
	background-position: 0 -125px;
}

#mainlinks.internal li:nth-child(2) {
	background-position: -104px -125px;
}

#mainlinks.internal li:nth-child(3) {
	background-position: -224px -125px;
}

#mainlinks.internal li:nth-child(4) {
	background-position: -334px -125px;
}

#mainlinks.internal li:nth-child(5) span {
	border-left-color: #b9c0c3;
}

#mainlinks.internal li:nth-child(1) a {
	background-position: 0 -156px;
}

#mainlinks.internal li:nth-child(2) a {
	background-position: -104px -156px;
}

#mainlinks.internal li:nth-child(3) a {
	background-position: -224px -156px;
}

#mainlinks.internal li:nth-child(4) a {
	background-position: -334px -156px;
}

#mainlinks.internal li:nth-child(1).current {
	background-position: 0 -187px;
}

#mainlinks.internal li:nth-child(2).current {
	background-position: -104px -187px;
}

#mainlinks.internal li:nth-child(3).current {
	background-position: -224px -187px;
}

#mainlinks.internal li:nth-child(4).current {
	background-position: -334px -187px;
}

#mainlinks.internal li.current a {
	pointer-events: none;
	cursor: default;
}

/* Hide MyAccount button in conference register page */

body.not-logged-in.page-conference #mainlinks.internal li:nth-child(5),
body.not-logged-in.page-conference #mainlinks.internal li:nth-child(6) {
	display: none;
}

body.not-logged-in.page-conference #mainlinks.internal {
	clear: right;
}

/* ! Home Top section */

section#home-top .title {
	width: 886px;
	height: 37px;
	margin: 74px auto 40px auto;
	background: url(../images/title1.png);
}

section#home-top h2 {
	height: 31px;
	margin-bottom: 23px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 25px;
	letter-spacing: -1px;
	color: #fff;
	text-align: center;
	text-shadow: 0px 1px rgba( 0, 0, 0, .22 );
}

section#home-top #screenshots {
	width: 1087px;
	height: 543px;
	margin: 26px 0 28px -101px;
	background: url(../images/home-screenshots.png);
}

section#home-top .title2 {
	width: 738px;
	height: 41px;
	margin: 0 auto 53px auto;
	background: url(../images/title1.png) -75px -64px;
}

section#home-top ul {
	float: left;
	width: 261px;
	margin-bottom: 81px;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

section#home-top ul li:nth-child(1) {
	float: left;
	width: 76px;
	height: 95px;
	margin-bottom: 4px;
	background: url(../images/main-sprites.png);
}

section#home-top ul li:nth-child(2) {
	float: left;
	padding: 8px 0 0 15px;
	font-family: "Neutraface 2 Display Bold";
	font-size: 32px;
	line-height: 29px;
	letter-spacing: -1px;
	color: #0d8bc6;
	text-shadow: 0px 1px #fff;
}

section#home-top ul li:nth-child(2) span {
	font-family: "Neutraface 2 Display Titling";	
}

section#home-top ul li:nth-child(3) {
	float: left;
	font-family: Helvetica;
	font-size: 16px;
	line-height: 21px;
	color: #4b4b4b;
}

section#home-top #breakout-groups {
	margin-right: 52px;
}

section#home-top #browser-phone {
	width: 287px;
	margin-right: 26px;
}

section#home-top #desktop-sharing {
	margin-bottom: 34px;
}


section#home-top #breakout-groups li:nth-child(1) {
	background-position: 0 -218px;
}

section#home-top #browser-phone li:nth-child(1) {
	background-position: -76px -218px;
}

section#home-top #desktop-sharing li:nth-child(1) {
	background-position: -152px -218px;
}

#breakout-groups a,
#browser-phone a,
#desktop-sharing a {
	display: block;
	height: 100%;
}

.more-features {
	float: right;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 16px;
	color: #067bb6;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

.more-features:hover {
	color: #35aae5;
}

/* ! Live Demo badge */

#badge1-container {
	width: 656px;
	height: 48px;
	margin: 0 auto;
}

#badge1-top { display: none; }

#badge1-bottom.open #signup1 input[type="submit"] {
	opacity: 1;
	pointer-events: auto;
}

#badge1-bottom.open #click-here { opacity: 0; }

#click-here,
#click-arrow {
	display: none;
}

/* ! Info stripes */

section.info-stripe h1 {
	margin-bottom: 22px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 36px;
	line-height: 24px;
	letter-spacing: -1px;
	color: #067bb6;
}

section.info-stripe p {
	margin-bottom: 22px;
	font-family: Helvetica;
	font-size: 17px;
	line-height: 26px;
	color: #606b72;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

section.info-stripe .container {
	width: 887px;
	margin: 0 auto;
	padding: 33px 0 38px 0;
	background-color: #fff;
}

section.info-stripe#about p {
	width: 708px;
	height: 104px;
}

section.info-stripe a.whitepaper {
	width: 283px;
	padding-top: 3px;
	margin-right: 20px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 18px;
	color: #067bb6;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

section.info-stripe a.whitepaper:hover {
	text-decoration: underline;
}

section.info-stripe a.whitepaper:before { /* pdf icon */
	content: "";
	display: inline-block;
	width: 19px;
	height: 24px;
	margin-right: 7px;
	vertical-align: text-top;
	background: url(../images/main-sprites.png) -258px -486px;
}

section.info-stripe span.whitepaper {
	display: block;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 19px;
	color: #606b72;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

/*
change was in production
section.info-stripe a.whitepaper:before {
	content: "";
	display: block;
	float: left;
	margin: 5px 10px 0 0;
	width: 32px;
	height: 42px;
	background: url(../images/main-sprites.png) -258px -486px;
}*/

#get-started {
	display: block;
	float: right;
	width: 188px;
	height: 129px;
	margin: 10px 0 55px 29px;
	background: url(../images/get-started.png);
}

#brian-pic {
	float: right;
	width: 140px;
	height: 212px;
	margin-top: -46px;
	background: url(../images/photo-bb.jpg);
}

/* ! Home Body section */

section#home-body .title {
	width: 538px;
	height: 59px;
	margin: 73px auto 72px auto;
	background: url(../images/title2.png);
}

section#home-body h2 {
	float: left;
	width: 550px;
	margin-bottom: 11px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 31px;
	letter-spacing: -1px;
	color: #1b1b1b;
}

section#home-body p {
	float: left;
	width: 550px;
	height: 226px;
	font-family: Helvetica;
	font-size: 16px;
	line-height: 23px;
	color: #4d5458;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

section#home-body .home-photo {
	width: 302px;
	height: 209px;
	margin-top: 8px;
	background: url(../images/photos-sprites.jpg);
}

#photo1,
#photo3 {
	float: right;
}

#photo2,
#photo4 {
	float: left;
	clear: left;
	margin-right: 35px;
}

#photo2 { background-position: -302px 0 !important; }
#photo3 { background-position: 0 -209px !important; }
#photo4 { background-position: -302px -209px !important; }

.button-big {
	display: block;
	clear: both;
	height: 36px;
	padding-top: 13px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 27px;
	letter-spacing: -1px;
	line-height: 22px;
	color: #fcfcfc !important;
	text-align: center;
	text-shadow: 0px -1px #16637b;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	background-image: -webkit-linear-gradient( top, #32bfe4, #0a87b5 );
	background-image:    -moz-linear-gradient( top, #32bfe4, #0a87b5 );
	background-image:      -o-linear-gradient( top, #32bfe4, #0a87b5 );
	background-image:     -ms-linear-gradient( top, #32bfe4, #0a87b5 );
	background-image:         linear-gradient( top, #32bfe4, #0a87b5 );
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.7), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
	   -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.7), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
	    -ms-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.7), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
	        box-shadow: inset 0 1px 0 0 rgba(255,255,255,.7), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
}

.button-big:hover {
	background-image: -webkit-linear-gradient( top, #42ccf2, #3096c5 );
	background-image:    -moz-linear-gradient( top, #42ccf2, #3096c5 );
	background-image:      -o-linear-gradient( top, #42ccf2, #3096c5 );
	background-image:     -ms-linear-gradient( top, #42ccf2, #3096c5 );
	background-image:         linear-gradient( top, #42ccf2, #3096c5 );
}

.button-big.connect {
	width: 246px;
	margin: 0 auto 60px auto;
}

.button-big.join {
	width: 206px;
	margin: 0 auto 78px auto;
}

/* ! News section */

section#news {
	position: relative;
	width: 877px;
	height: 334px;
	margin: 75px auto 63px auto;
	background: url(../images/bg-news.jpg);
}

section#news p.date,
section#news p.city {
	position: absolute;
	top: 57px;
	left: 38px;
	font-family: "Georgia";
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #787878;
}

section#news p.city {
	left: auto;
	right: 36px;
}

section#news #slider {
	position: relative;
	overflow: auto;
	width: 802px;
	height: 151px;
	margin: 0 auto;
	padding-top: 123px;
}

section#news #slider ul {
	position: absolute;
}

section#news ul li p {
	font-family: "Georgia";
	font-size: 19px;
	line-height: 22px;
	font-style: italic;
	text-align: center;
	color: #303030;
	-webkit-font-smoothing: antialiased;
}

section#news ul li p a:hover {
	color: #606060;
}

section#news .container-left {
	float: left;
	width: 220px;
	height: 149px;
	padding-right: 34px;
}

section#news .container-mid {
	float: left;
	width: 220px;
	height: 149px;
	padding: 0 34px;
	border-left: 1px solid #949491;
	border-right: 1px solid #949491;
}

section#news .container-right {
	float: left;
	width: 220px;
	height: 149px;
	padding-left: 34px;
}

#newslogo1 {
	display: block;
	width: 104px;
	height: 48px;
	margin: 0 auto 27px auto;
	background: url(../images/newslogos-sprites.png)
}

#newslogo2 {
	display: block;
	width: 189px;
	height: 28px;
	margin: 9px auto 38px auto;
	background: url(../images/newslogos-sprites.png) -104px 0;
}

#newslogo3 {
	display: block;
	width: 166px;
	height: 42px;
	margin: 4px auto 29px auto;
	background: url(../images/newslogos-sprites.png) -104px -28px;
}

#newslogo4 {
	display: block;
	width: 142px;
	height: 55px;
	margin: 4px auto 22px auto;
	background: url(../images/newslogos-sprites.png) 0 -70px;
}

#newslogo5 {
	display: block;
	width: 194px;
	height: 48px;
	margin: 4px auto 29px auto;
	background: url(../images/newslogos-sprites.png) 0 -125px;
}

#newslogo6 {
	display: block;
	width: 143px;
	height: 49px;
	margin: 4px auto 28px auto;
	background: url(../images/newslogos-sprites.png) -150px -70px;
}

section#news #pagination {
	width: 43px;
	margin: 20px auto 0 auto;
}

section#news #pagination li,
section#customer-testimonials #pagination li {
	display: inline-block;
	width: 11px;
	height: 11px;
	cursor: pointer;
	background-color: #b1b1ad;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	    -ms-border-radius: 6px;
	        border-radius: 6px;
	-webkit-transition: background-color 0.2s ease-out;
	   -moz-transition: background-color 0.2s ease-out;
	    -ms-transition: background-color 0.2s ease-out;
	        transition: background-color 0.2s ease-out;
}

section#news #pagination li:nth-child(2) {
	margin: 0 0 0 15px;
}

section#news #pagination li.current {
	background-color: #454545;
}

/* ! Call to action */

section#call-to-action {
	position: relative;
	width: 887px;
	margin: 0px auto 115px auto;	
	text-align: center;
}

section#call-to-action h3 {
	margin-bottom: 35px;
	font-family: "Neutraface 2 Display Titling";
	font-size: 33px;
	line-height: 33px;
	letter-spacing: 2px;
	color: #228abe;
}

section#call-to-action h3:before,
section#call-to-action h3:after {
	content: "";
	display: inline-block;
	width: 213px;
	height: 1px;
	vertical-align: middle;
}

section#call-to-action h3:before {
	margin-right: 8px;
	background-image: -webkit-linear-gradient( left, #efefef, #c3c3c3 );
	background-image:    -moz-linear-gradient( left, #efefef, #c3c3c3 );
	background-image:      -o-linear-gradient( left, #efefef, #c3c3c3 );
	background-image:     -ms-linear-gradient( left, #efefef, #c3c3c3 );
	background-image:         linear-gradient( left, #efefef, #c3c3c3 );
}

section#call-to-action h3:after {
	margin-left: 8px;
	background-image: -webkit-linear-gradient( left, #c3c3c3, #efefef );
	background-image:    -moz-linear-gradient( left, #c3c3c3, #efefef );
	background-image:      -o-linear-gradient( left, #c3c3c3, #efefef );
	background-image:     -ms-linear-gradient( left, #c3c3c3, #efefef );
	background-image:         linear-gradient( left, #c3c3c3, #efefef );
}

section#call-to-action a {
	display: inline-block;
	width: 236px;
	height: 32px;
	padding-top: 14px;
	font-size: 19px;
	line-height: 19px;
	text-transform: uppercase;
}

section#call-to-action a em {
	font-family: "Neutraface 2 Text Demi Italic";
	font-style: normal;
}

section#call-to-action a.green {
	background-image: -webkit-linear-gradient( top, #98d145, #71ae2c );
	background-image:    -moz-linear-gradient( top, #98d145, #71ae2c );
	background-image:      -o-linear-gradient( top, #98d145, #71ae2c );
	background-image:     -ms-linear-gradient( top, #98d145, #71ae2c );
	background-image:         linear-gradient( top, #98d145, #71ae2c );
}

section#call-to-action a.green:hover {
	background-image: -webkit-linear-gradient( top, #a3dd51, #80be3c );
	background-image:    -moz-linear-gradient( top, #a3dd51, #80be3c );
	background-image:      -o-linear-gradient( top, #a3dd51, #80be3c );
	background-image:     -ms-linear-gradient( top, #a3dd51, #80be3c );
	background-image:         linear-gradient( top, #a3dd51, #80be3c );
}

section#call-to-action span {
	padding: 0 17px;
	font-family: "Neutraface 2 Text Demi Italic";
	font-size: 22px;
	line-height: 22px;
	color: #8a8a8a;
	text-shadow: 0px -1px #fff;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

/* ! Footer */

footer {
	width: 100%;
	height: 443px;
	background: url(../images/bg-footer.png);
}

footer .container {
	position: relative;
	width: 887px;
	height: 405px;
	margin: 0 auto;
	padding: 38px 0 0 0;
}

footer #column1, footer #column2 {
	float: left;
}

footer #column3 {
	float: right;
}

footer #title1 {
	width: 206px;
	height: 31px;
	margin-bottom: 8px;
	background: url(../images/main-sprites.png) 0 -315px;
}

footer hr {
	width: 268px;
	height: 1px;
	margin-bottom: 20px;
	background-color: #b7b7b7;
	-webkit-box-shadow: 0 1px 0px 0px #fff;
	   -moz-box-shadow: 0 1px 0px 0px #fff;
	    -ms-box-shadow: 0 1px 0px 0px #fff;
	        box-shadow: 0 1px 0px 0px #fff;
}

footer .list-title {
	margin-bottom: 18px;
	padding: 0 !important;
	font-family: "Neutraface 2 Text Demi";
	font-size: 22px;
	letter-spacing: -1px;
	color: #939393;
	text-shadow: 0px 1px #fff;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

/* ! Twitter feed */

h3.tweets {
	padding: 0 !important;
	font-family: "Neutraface 2 Text Demi";
	font-size: 23px;
	line-height: 14px;
	letter-spacing: -1px;
	color: #939393;
	text-shadow: 0px 1px #fff;
}

#loading-container {
	padding: 16px 0px 16px 0px;
	text-align: center;
	border: none !important;
}

#loading-container img {
	border: none;
}

#twitter-feed {
	overflow: auto;
	width: 267px;
	margin: 18px 0 20px 0;
	font-family: Helvetica, sans-serif;
}

.twitter-article, #loading-container {
	position: relative;
	float: left;
	width: 100%;
	padding: 8px 0px 8px 0px;
	border-bottom: 1px dashed #A4A4A4;
} 

.twitter-pic {
	position: absolute;
}
  
.twitter-pic img {
	float: left;
	border: 2px solid white;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 0 3px 0 rgba( 0, 0, 0, 0.23 );
	   -moz-box-shadow: 0 0 3px 0 rgba( 0, 0, 0, 0.23 );
	    -ms-box-shadow: 0 0 3px 0 rgba( 0, 0, 0, 0.23 );
	        box-shadow: 0 0 3px 0 rgba( 0, 0, 0, 0.23 );
}

.twitter-text {
	width: 100%;
	float: left;
	font-size: 11px;
	padding-left: 41px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.twitter-text p {
	margin: 0 !important;
	color: #8A8A8A;
	line-height: 13px !important;
}

.twitter-text a, h1 a {
	color: #0084b4;
	text-decoration: none;
}

.twitter-text a:hover, h1 a:hover {
	color: #0084b4;
	text-decoration: underline;
}
  
.tweet-time {
	float: right;
	font-size: 10px;
}

.tweet-time a, .tweet-time a:hover {
	color: #8A8A8A !important;
}

.tweetprofilelink a {
	display: inline-block;
	margin-bottom: 6px;
	font-size: 12px;
	color: #8A8A8A !important;
	text-shadow: 0px 1px #fff;
}

.tweetprofilelink a:hover {
	color: #8A8A8A !important;
}

/* ! Social links */

footer #social {
	width: 280px;
}

footer #social li:nth-child(1) {
	float: none;
	clear: both;
	width: auto;
	height: auto;
	margin-bottom: 18px;
	background: none;
}

footer #social li {
	float: left;
	width: 45px;
	height: 46px;
	margin-right: 11px;
	background: url(../images/main-sprites.png);
}

footer #social li:nth-child(2) { background-position: -228px -218px; }
footer #social li:nth-child(3) { background-position: -273px -218px; }
footer #social li:nth-child(4) { background-position: -318px -218px; }


footer #social li a {
	display: block;
	opacity: 0;
	height: 100%;
	background: url(../images/main-sprites.png);
	-webkit-transition: opacity 0.2s ease-out;
	   -moz-transition: opacity 0.2s ease-out;
	    -ms-transition: opacity 0.2s ease-out;
	        transition: opacity 0.2s ease-out;
}

footer #social li a:hover {
	opacity: 1;
}

footer #social li:nth-child(2) a { background-position: -228px -264px; }
footer #social li:nth-child(3) a { background-position: -273px -264px; }
footer #social li:nth-child(4) a { background-position: -318px -264px; }

/* ! Footer sign up form */

#signup2 {
	position: relative;
	width: 228px;
	height: 170px;
	margin: -42px 0 0 38px;
	padding: 171px 0 0 30px;
	background: url(../images/main-sprites.png) 0 -346px;
}

#signup2 input[type="text"] {
	width: 177px;
	height: 28px;
	margin-bottom: 12px;
	padding: 0 8px;
	font-family: Helvetica;
	font-size: 15px;
	color: #9fce67;
	background: transparent;
	text-shadow: 0px 1px 1px rgba( 0, 0, 0, 0.5 );
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	        border-radius: 2px;
	-webkit-transition: box-shadow 0.14s ease-out;
	   -moz-transition: box-shadow 0.14s ease-out;
	    -ms-transition: box-shadow 0.14s ease-out;
	        transition: box-shadow 0.14s ease-out;
}

#signup2 input[type="text"]:focus {
	-webkit-box-shadow: 0 0 5px 1px rgba( 233, 255, 146, 1 );
	   -moz-box-shadow: 0 0 5px 1px rgba( 233, 255, 146, 1 );
	    -ms-box-shadow: 0 0 5px 1px rgba( 233, 255, 146, 1 );
	        box-shadow: 0 0 5px 1px rgba( 233, 255, 146, 1 );
}

#signup2 input[type="submit"] {
	display: block;
	width: 194px;
	height: 34px;
	margin: -1px 0 0 0;
	padding-top: 0px;
	cursor: pointer;
	font-family: "Neutraface 2 Text Bold";
	font-size: 17px;
	letter-spacing: -1px;
	line-height: 22px;
	color: #fcfcfc;
	text-align: center;
	text-shadow: 0px -1px #16637b;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
	   -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
	    -ms-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
	        box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
}

/* ! Badge1 sign up form */

#signup1 input[type="text"] {
	float: left;
	width: 220px;
	height: 47px;
	padding: 0 12px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 22px;
	color: #384a51;
	border: 1px solid rgba(18, 145, 198, 0.83);
	background-color: rgba(255, 255, 255, 0.85);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#signup1 ::-webkit-input-placeholder { color: #84c9e5 !important; }
#signup1      :-ms-input-placeholder { color: #84c9e5 !important; }
#signup1          ::-moz-placeholder { color: #84c9e5 !important; }
#signup1           :-moz-placeholder { color: #84c9e5 !important; }

#signup1 #name1 {
	border-right: none; 
	-webkit-border-radius: 4px 0 0 4px;
	   -moz-border-radius: 4px 0 0 4px;
	    -ms-border-radius: 4px 0 0 4px;
	        border-radius: 4px 0 0 4px;
}

#signup1 #email1 {
	border-left: 1px solid #73c2e3; 
	-webkit-border-radius: 0 4px 4px 0;
	   -moz-border-radius: 0 4px 4px 0;
	    -ms-border-radius: 0 4px 4px 0;
	        border-radius: 0 4px 4px 0;
}

#signup1 input[type="submit"] {
	float: left;
	clear: none;
	height: 47px;
	margin-left: 13px;
	padding: 0 23px;
	font-size: 25px;
	border: 1px solid #5c921f;
	cursor: pointer;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	        box-shadow: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-shadow: 0 1px rgba( 0, 0, 0, .22 );
	background-image: -webkit-linear-gradient( top, #a7da5b, #7eba39 );
	background-image:    -moz-linear-gradient( top, #a7da5b, #7eba39 );
	background-image:     -ms-linear-gradient( top, #a7da5b, #7eba39 );
	background-image:         linear-gradient( top, #a7da5b, #7eba39 );
	-webkit-box-shadow: inset 0 1px 0 0 rgba( 255, 255, 255, .3 );
	   -moz-box-shadow: inset 0 1px 0 0 rgba( 255, 255, 255, .3 );
	    -ms-box-shadow: inset 0 1px 0 0 rgba( 255, 255, 255, .3 );
	        box-shadow: inset 0 1px 0 0 rgba( 255, 255, 255, .3 );
}

#signup1 input[type="submit"]:hover {
	background-image: -webkit-linear-gradient( top, #92c547, #73ad2b );
	background-image:    -moz-linear-gradient( top, #92c547, #73ad2b );
	background-image:     -ms-linear-gradient( top, #92c547, #73ad2b );
	background-image:         linear-gradient( top, #92c547, #73ad2b );
}

#signup1 label.error { display: none !important; }

#signup1 input[type="text"].error { background-color: rgba(255, 241, 142, 0.87); }

/* ! Demo signup form errors */

label.error {
	float: right;
	display: inline-block;
	overflow: hidden;
	width: 22px;
	height: 20px;
	margin: -37px 16px 0 0;
	font-size: 0;
	background: url(../images/main-sprites.png) -258px -453px;
}

#signup2 label.error {
	margin-right: 37px;
}

::-webkit-input-placeholder { color: #9fce67; }
     :-ms-input-placeholder { color: #9fce67; }
         ::-moz-placeholder { color: #9fce67; }
          :-moz-placeholder { color: #9fce67; }

/* ! Whitepaper */

footer #title2 {
	width: 268px;
	height: 31px;
	margin-bottom: 8px;
	background: url(../images/main-sprites.png);
}

footer #company-info {
	width: 270px;
	height: 232px;
	font-family: Helvetica;
	font-size: 12px;
	line-height: 15px;
	color: #8a8a8a;
}

footer #company-info li:nth-child(2),
footer #company-info li:nth-child(4) {
	margin-bottom: 29px;
}

#company-info li.wpaper-link {
	margin-top: 14px;
}

#company-info li.wpaper-link a {
	display: inline-block;
	position: relative;
	width: 199px;
	height: 45px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 19px;
	line-height: 45px;
	letter-spacing: -1px;
	color: #dadada;
	background-image: -webkit-linear-gradient( top, #727376, #7a7b7f );
	background-image:    -moz-linear-gradient( top, #727376, #7a7b7f );
	background-image:     -ms-linear-gradient( top, #727376, #7a7b7f );
	background-image:         linear-gradient( top, #727376, #7a7b7f );
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	        border-radius: 9px;
	-webkit-box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .10 ), 0 1px 0 0 rgba( 255, 255, 255, .40 ) ;
	   -moz-box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .10 ), 0 1px 0 0 rgba( 255, 255, 255, .40 ) ;
	    -ms-box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .10 ), 0 1px 0 0 rgba( 255, 255, 255, .40 ) ;
	        box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .10 ), 0 1px 0 0 rgba( 255, 255, 255, .40 ) ;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}

#company-info li.wpaper-link a:before { /* pdf icon */
	content: "";
	display: inline-block;
	width: 20px;
	height: 27px;
	margin: -1px 11px 0 10px;
	vertical-align: text-top;
	background: url(../images/main-sprites.png) -258px -514px;
}

#company-info li.wpaper-link a:hover {
	color: #1ba1cb;
	background-image: none;
	background-color: #fff;
	-webkit-box-shadow: inset 0 2px 9px 0 rgba( 0, 0, 0, .10 );
	   -moz-box-shadow: inset 0 2px 9px 0 rgba( 0, 0, 0, .10 );
	    -ms-box-shadow: inset 0 2px 9px 0 rgba( 0, 0, 0, .10 );
	        box-shadow: inset 0 2px 9px 0 rgba( 0, 0, 0, .10 );
}

#company-info li.wpaper-link a:hover:before { /* pdf icon hover */
	background-position: -283px -514px;
}


/* ! Copyright */

#copyright {
	width: 100%;
	height: 61px;
	font-family: "Neutraface 2 Text Demi";
	font-size: 15px;
	color: #e5e5e5;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;	
	background-image: -webkit-linear-gradient( top, #6e7073, #76787b );
	background-image:    -moz-linear-gradient( top, #6e7073, #76787b );
	background-image:      -o-linear-gradient( top, #6e7073, #76787b );
	background-image:     -ms-linear-gradient( top, #6e7073, #76787b );
	background-image:         linear-gradient( top, #6e7073, #76787b );
	-webkit-box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .1 );
	   -moz-box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .1 );
	    -ms-box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .1 );
	        box-shadow: inset 0 2px 13px 0 rgba( 0, 0, 0, .1 );
}

#copyright .container {
	width: 887px;
	height: 39px;
	padding-top: 22px;
}

#copyright ul {
	float: right;
}

#copyright li, #copyright p {
	float: left;
}

#copyright li a {
	margin-left: 17px;
	font-family: "Neutraface 2 Text Bold";
	text-transform: uppercase;
	-webkit-transition: color 0.1s ease-out;
	   -moz-transition: color 0.1s ease-out;
	    -ms-transition: color 0.1s ease-out;
	        transition: color 0.1s ease-out;
}

#copyright li a:hover {
	color: #fff;
}

/* ! Misc content */

section#misc {
	position: relative;
	width: 887px;
	margin: 114px auto;
	font-family: Helvetica;
	font-size: 15px;
	line-height: 19px;
	color: #606c73;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
}

section#misc h1 {
	margin-bottom: 18px;
	font-family: "Neutraface 2 Display Bold";
	font-size: 35px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #444c50;
	text-transform: uppercase;
}

section#misc h2 {
	margin-bottom: 18px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -1px;
	color: #444c50;
}

section#misc h3 {
	margin-bottom: 18px;
	font-family: "Neutraface 2 Text Bold";
	font-size: 22px;
	line-height: 25px;
	letter-spacing: -1px;
	color: #444c50;
}

section#misc p {
	margin-bottom: 24px;
	line-height: 23px;
}

section#misc a {
	color: #067bb6;
}

section#misc a:hover {
	color: #35aae5;
}

section#misc input[type="text"],
section#misc input[type="password"] {
	margin: 8px 8px 8px 0;
	padding: 8px;
	border: 1px solid #BFC6CA;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	        border-radius: 4px;
}

section#misc select {
	margin: 8px 8px 8px 0;
	height: 28px;
	border: 1px solid #BFC6CA;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	        border-radius: 4px;
}

section#misc input[type="submit"],
section#misc input[type="button"] {
	display: inline-block;
	padding: 8px 12px;
	margin: 8px 8px 8px 0;
	cursor: pointer;
	font-family: "Neutraface 2 Text Bold";
	font-size: 17px;
	letter-spacing: -1px;
	line-height: 20px;
	color: #fcfcfc;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px -1px #16637b;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	        border-radius: 5px;
	background-image: -webkit-linear-gradient( top, #39caf1, #0481af );
	background-image:    -moz-linear-gradient( top, #39caf1, #0481af );
	background-image:      -o-linear-gradient( top, #39caf1, #0481af );
	background-image:     -ms-linear-gradient( top, #39caf1, #0481af );
	background-image:         linear-gradient( top, #39caf1, #0481af );
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.7), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
	   -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.7), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
	    -ms-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.7), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
	        box-shadow: inset 0 1px 0 0 rgba(255,255,255,.7), inset 0 -1px 0 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.2);
}

section#misc input[type="submit"]:hover,
section#misc input[type="button"]:hover  {
	background-image: -webkit-linear-gradient( top, #42cff7, #2a8ebd );
	background-image:    -moz-linear-gradient( top, #42cff7, #2a8ebd );
	background-image:      -o-linear-gradient( top, #42cff7, #2a8ebd );
	background-image:     -ms-linear-gradient( top, #42cff7, #2a8ebd );
	background-image:         linear-gradient( top, #42cff7, #2a8ebd );
}

fieldset {
	padding: 8px 20px;
	border: 1px solid #bfc6ca;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	        border-radius: 4px;
}

fieldset legend {
	font-family: "Neutraface 2 Text Bold";
	font-size: 15px;
	letter-spacing: -1px;
	line-height: 19px;
	text-transform: uppercase;
	color: #98A3A9;
	text-shadow: 0px 1px #fff;
}

td {
	padding: 10px;
}

section#misc hr {
	margin: 39px 0 45px 0;
	background-color: #d4d4d4;
}

/* ! Misc documentation */

ul.bulletted {
	list-style-position: inside;
	margin: 24px 0;
	padding-left: 35px;
	line-height: 23px;
}

ul.bulletted li {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
	list-style-position: inside;
	padding: 4px 0 7px 35px;	
}

ol.toc {
	list-style-type: decimal;
	list-style-position: inside;
	padding: 20px 0 7px 35px;
}

ol.toc li,
ol li {
	list-style-type: decimal;
	margin-bottom: 4px;
}

ol.toc li:nth-child(1) {
	list-style-type: none;
	margin-bottom: 14px;
	font-family: "Neutraface 2 Display Titling";
	font-size: 18px;
	line-height: 19px;
	text-transform: uppercase;
	color: #BCC3C7;
	text-shadow: 0px 1px #fff;
}

a.top {
	display: block;
	width: 20px;
	height: 21px;
	margin: 47px 0 0 854px;
	padding: 0 5px;
	font-size: 13px;
	line-height: 19px;
	text-align: center;
	color: #ababab !important;
	border: 1px solid #d4d4d4;
	border-top: none;
	background-color: #e6e6e6;
	text-shadow: 0px 1px #fff;
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
	    -ms-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
}

a.top:hover {
	background-color: #fff;
}

a.top:before {
	content: "";
	display: block;
	float: right;
	width: 885px;
	height: 1px;
	margin-right: -6px;
	background-color: #d4d4d4;
	pointer-events: none;
}

/* ! Contact page support links */

a#support-mobile {
	display: none;
}

/* ! Accordion */

#accordion {
	margin-top: 40px;
}

#accordion h3 {
	margin: 20px 0 0 0 !important;
	padding: 7px 15px;
	font-family: "Neutraface 2 Text Demi" !important;
	border: 1px solid #c9c9c9;
	cursor: pointer;
	-webkit-border-radius: 6px 6px 0 0;
	   -moz-border-radius: 6px 6px 0 0;
	    -ms-border-radius: 6px 6px 0 0;
	        border-radius: 6px 6px 0 0;
	text-shadow: 0px 1px #fff;
	background-image: -webkit-linear-gradient( top, #efefef, #d9d9d9 );
	background-image:    -moz-linear-gradient( top, #efefef, #d9d9d9 );
	background-image:      -o-linear-gradient( top, #efefef, #d9d9d9 );
	background-image:     -ms-linear-gradient( top, #efefef, #d9d9d9 );
	background-image:         linear-gradient( top, #efefef, #d9d9d9 );
	-webkit-box-shadow: inset 0 1px 0 0px rgba( 255, 255, 255, 1 );
	   -moz-box-shadow: inset 0 1px 0 0px rgba( 255, 255, 255, 1 );
	    -ms-box-shadow: inset 0 1px 0 0px rgba( 255, 255, 255, 1 );
	        box-shadow: inset 0 1px 0 0px rgba( 255, 255, 255, 1 );
}

#accordion h3:hover {
	color: #228abe;
	background-image: -webkit-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:    -moz-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:      -o-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:     -ms-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:         linear-gradient( top, #f1f1f1, #e2e2e2 );
}

#accordion h3.ui-state-active {
	color: #444c50;
	background-image: -webkit-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:    -moz-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:      -o-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:     -ms-linear-gradient( top, #f1f1f1, #e2e2e2 );
	background-image:         linear-gradient( top, #f1f1f1, #e2e2e2 );
}

#accordion div {
	margin-bottom: 20px;
	padding: 30px 31px 8px 31px;
	border: 1px solid #c9c9c9;
	border-top: none;
	-webkit-border-radius: 0 0 6px 6px;
	   -moz-border-radius: 0 0 6px 6px;
	    -ms-border-radius: 0 0 6px 6px;
	        border-radius: 0 0 6px 6px;
	background-color: #fff;
}

.ui-corner-all {
	-webkit-border-radius: 6px !important;
	   -moz-border-radius: 6px !important;
	    -ms-border-radius: 6px !important;
	        border-radius: 6px !important;
}

#accordion h3 span.ui-icon {
	display: inline-block;
	float: right;
	width: 11px;
	height: 6px;
	margin-top: 11px;
	background: url(../images/main-sprites.png) -408px -218px;
}

#accordion h3.ui-state-active span.ui-icon {
	background: url(../images/main-sprites.png) -419px -218px;
}

#accordion h3.ui-state-default.ui-state-hover span.ui-icon {
	background: url(../images/main-sprites.png) -408px -224px;
}

/* ! System edit links */

ul.primary {
	width: 887px;
	margin: 0 auto 60px auto;
	padding-left: 0;
	font-family: Helvetica;
	font-size: 12px;
	border: none;
}

ul.primary li a {
	padding: 3px 9px;
	color: #8c8c8c;
	border: 1px solid #bbb;
	border-radius: 20px;
	text-shadow: 0px 1px #fff;
}

ul.primary li.active a {
	border: 1px solid #bbb;
}

ul.primary li a:hover {
	border-color: #ccc;
}

.links {
	text-align: right;
	font-size: 12px;
	color: #b0b0b0;
	text-shadow: 0px 1px #fff;
}

.secondary-links {
	width: 887px;
	margin: 0 auto 20px auto !important;
	font-family: Helvetica;
	text-align: left;
}

.secondary-links a:hover {
	color: #228abe;
}

/* ! User messages */

.msg-container {
	overflow: hidden;
	padding-right: 4px;
	height: 0px;
	-webkit-transition: height 0.4s ease-out;
	   -moz-transition: height 0.4s ease-out;
	    -ms-transition: height 0.4s ease-out;
	        transition: height 0.4s ease-out;
}

.msg {
	opacity: 0;
	position: relative;
	margin-top: 4px;
	padding: 9px 12px 10px 12px;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 17px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-transition: opacity 0.4s ease-out;
	   -moz-transition: opacity 0.4s ease-out;
	    -ms-transition: opacity 0.4s ease-out;
	        transition: opacity 0.4s ease-out;
}

.msg a {
	font-weight: bold;
	color: inherit !important;
}

.msg a:hover {
	text-decoration: underline;
}

.msg a.close {
	display: block;
	position: absolute;
	top: -5px;
	right: -5px;
	width: 17px;
	height: 17px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	    -ms-border-radius: 10px;
	        border-radius: 10px;
}

.msg a.close:hover {
	opacity: .8;
}

#msg-alert {
	color: #897C43;
	border: 1px solid #d9c980;
	border-left: 50px solid #cebd6f;
	background-color: #fef6c2;
}

#msg-info {
	color: #0882b5;
	border: 1px solid #48bef0;
	border-left: 50px solid #2aa8dd;
	background-color: #bdecff;
}

#msg-error {
	min-height: 58px;
	color: #bf1919;
	border: 1px solid #d75e5e;
	border-left: 50px solid #e55353;
	background-color: #fdd2d2;
}

#msg-alert:before,
#msg-info:before,
#msg-error:before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: -41px;
	width: 32px;
	height: 38px;
	background: url(../images/main-sprites.png) -258px -408px;
}

#msg-info:before {
	left: -37px;
	width: 26px;
	height: 38px;
	background-position: -290px -408px; 
}

#msg-error:before {
	left: -41px;
	width: 35px;
	height: 38px;
	background-position: -316px -408px; 
}

#msg-alert:after,
#msg-info:after,
#msg-error:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -16px;
	left: -50px;
	width: 15px;
	height: 15px;
	background: url(../images/main-sprites.png) -354px -408px;
}

#msg-info:after {
	background-position: -354px -423px;
}

#msg-error:after {
	background-position: -354px -438px;
}

#msg-alert a.close {
	background: #a2934f url(../images/main-sprites.png) -394px -403px;
}

#msg-info a.close {
	background: #2aa8dd url(../images/main-sprites.png) -394px -403px;
}

/* ! Site message actions */

.msg-container.show {
	height: 86px;
}

.msg-container.show .msg {
	opacity: 1;
}

/* ! Drupal user messages */

.messages {
	position: relative;
	margin-top: 4px;
	padding: 19px 12px 19px 24px !important;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 17px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.messages a {
	font-weight: bold;
	color: #005faf !important;
	text-decoration: underline;
}

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

/* ! Error */

.messages.error {
	min-height: 58px;
	color: #bf1919;
	border: 1px solid #d75e5e;
	border-left: 50px solid #e55353;
	background-color: #fdd2d2;
}

.messages.error:before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: -41px;
	width: 35px;
	height: 38px;
	background: url(../images/main-sprites.png) -316px -408px;
}

.messages.error:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -16px;
	left: -50px;
	width: 15px;
	height: 15px;
	background: url(../images/main-sprites.png) -354px -438px;
}

/* ! Success */

.messages.status {
	min-height: 58px;
	color: #27870c;
	border: 1px solid #88c178;
	border-left: 50px solid #72b347;
	background-color: #daf2cf;
}

.messages.status:before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: -39px;
	width: 29px;
	height: 38px;
	background: url(../images/main-sprites.png) -319px -448px;
}

.messages.status:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -16px;
	left: -50px;
	width: 15px;
	height: 15px;
	background: url(../images/main-sprites.png) -354px -453px;
}

/* ! Dialog for live demo signup */

#dlg-base {
	display: none;
	padding: 28px;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
	    -ms-border-radius: 7px;
	        border-radius: 7px;
	background-image: -webkit-linear-gradient( top, #ebebeb, #d6d6d6 );
	background-image:    -moz-linear-gradient( top, #ebebeb, #d6d6d6 );
	background-image:      -o-linear-gradient( top, #ebebeb, #d6d6d6 );
	background-image:     -ms-linear-gradient( top, #ebebeb, #d6d6d6 );
	background-image:         linear-gradient( top, #ebebeb, #d6d6d6 );
	-webkit-box-shadow: 0 0 0 6px rgba( 255, 255, 255, .18 ), 0 9px 32px 0 rgba( 0, 0, 0, .75 );
	   -moz-box-shadow: 0 0 0 6px rgba( 255, 255, 255, .18 ), 0 9px 32px 0 rgba( 0, 0, 0, .75 );
	    -ms-box-shadow: 0 0 0 6px rgba( 255, 255, 255, .18 ), 0 9px 32px 0 rgba( 0, 0, 0, .75 );
	        box-shadow: 0 0 0 6px rgba( 255, 255, 255, .18 ), 0 9px 32px 0 rgba( 0, 0, 0, .75 );
}

.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter:Alpha(Opacity=30);
}

.ui-dialog-titlebar {
	display: none;
}

.ui-dialog {
	position: absolute;
}

#dlg-base h1 {
	margin-bottom: 12px;
	font-family: "Neutraface 2 Display Titling";
	font-size: 37px;
	line-height: 27px;
	letter-spacing: -1px;
	text-align: center;
	color: #0d8bc6;
	text-shadow: 0px 1px #fff;
}

#dlg-base h2 {
	margin-bottom: 22px;
	font-family: "Neutraface 2 Text Demi Italic";
	font-size: 27px;
	line-height: 27px;
	letter-spacing: -1px;
	text-align: center;
	color: #727b7f;
	text-shadow: 0px 1px #fff;
}

#dlg-base p {
	margin-bottom: 25px;
	font-family: Helvetica;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	color: #606c73;
}

#dlg-base .dlg-close {
	display: block;
	position: absolute;
	opacity: .5;
	top: 10px;
	right: 10px;
	width: 18px;
	height: 19px;
	background: url(../images/dialog-sprites.png);
}

#dlg-base .dlg-close:hover {
	opacity: 1;
}

.livedemosignup {
	top: 20px;
	left: 20px;
	width: 341px;
	min-height: 311px;
	padding-bottom: 20px !important;
}

/* ! Form for live demo signup */

.demodates {
	text-align: center;
}

.demodates input[type="submit"] {
	display: inline;
	width: 264px;
	height: auto;
	margin-bottom: 19px;
	padding: 14px 0 13px 0;
	font-size: 19px;
	line-height: 19px;
	text-transform: uppercase;
}

.demodates input[type="submit"]::-moz-focus-inner { /* FF only */
    padding: 0 !important;
    border: 0 !important;
}

.demodates input[type="submit"], x:-moz-any-link { /* FF only */
	padding: 12px 0 10px 0;
}

/* ! Dialog for live demo signup thank you message */

.livedemothanks {
	width: 350px;
	height: 316px;
}

.livedemothanks #thankyou {
	width: 203px;
	height: 37px;
	margin: 5px auto 8px auto;
	background: url(../images/dialog-sprites.png) 0 -20px;
}

.livedemothanks h2 {
	margin-bottom: 37px !important;
	font-family: "Neutraface 2 Text Demi" !important;
	font-size: 22px !important;
	line-height: 22px !important;
}

.livedemothanks #thankyouemail {
	width: 159px;
	height: 124px;
	margin: 0 auto 15px auto;
	background: url(../images/dialog-sprites.png) 0 -57px;
}