/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Main Layout
04 Header Styles
05 Home Page Styles
06 Product Page Styles
07 Generic Page Styles
08 Blog Styles
09 Widget Styles
10 Footer Styles
11 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background-color:#e7e7e7; background-image: url('../images/main_bg.png'); background-repeat:repeat-x; }

img					{ max-width: 100%; }

.row				{ margin-bottom: 20px; }

.right 				{ float:right; }
.left				{ float:left; }
.clear              {clear:both;}

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*
12 / 16 =		0.75em			(12px equivalent)
14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)
36 / 16 =		2.25em			(36px equivalent)

*/

body 			{ font-family: Helvetica, Arial, sans-serif; font-size: 100%; color: #7e7e7e; }

h1,h2,h3,h4,h5,h6 { font-family: 'Questrial', sans-serif; margin:10px 0;}

h1					{font-size: 2.25em;}
h2					{font-size: 1.5em;}
h3					{font-size: 1.125em; }
h4					{font-size: 1em; }
h5					{font-size: 0.875em; font-family: Arial, sans-serif; font-weight:normal;}

p					{ font-size: 0.875em; line-height:1.6em;}

a 					{ text-decoration:none; color: #70c8ff; }
a:hover				{ text-decoration:none; color: #478bb6; }

input,textarea { font-family: 'Aller Regular'; width:100%; }

@font-face{ 
	font-family: 'Aller Regular';
	src: url('../_fonts/aller_rg-webfont.eot');
	src: url('../_fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../_fonts/aller_rg-webfont.woff') format('woff'),
	     url('../_fonts/aller_rg-webfont.ttf') format('truetype'),
	     url('../_fonts/aller_rg-webfont.svg#webfont') format('svg');

	    font-weight: normal;
		font-style: normal;
}

@font-face{ 
	font-family: 'Aller Bold';
	src: url('../_fonts/aller_bd-webfont.eot');
	src: url('../_fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../_fonts/aller_bd-webfont.woff') format('woff'),
	     url('../_fonts/aller_bd-webfont.ttf') format('truetype'),
	     url('../_fonts/aller_bd-webfont.svg#webfont') format('svg');

	    font-weight: normal;
		font-style: normal;
}

@font-face{ 
	font-family: 'Aller Bold Italic';
	src: url('../_fonts/aller_bdit-webfont.eot');
	src: url('../_fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../_fonts/aller_bdit-webfont.woff') format('woff'),
	     url('../_fonts/aller_bdit-webfont.ttf') format('truetype'),
	     url('../_fonts/aller_bdit-webfont.svg#webfont') format('svg');
}



/* ---------------------------------------------------------------------------------------------------------- 
04 Main Layout ----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { /* */}

.container {
	color: #7e7e7e;
	text-align: center;
	margin: 0;
}
.main_container {
	padding-top:38px;
	background-image:url('../images/secondary_bg.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}


/* ---------------------------------------------------------------------------------------------------------- 
05 Header Styles --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#header { margin-bottom:10px;}

#logo {
	text-align:left;
}

#main_nav {
	font-family: 'Questrial', sans-serif;
	font-size:1em;
	line-height:84px;

}

#main_nav li {
	display:inline;
}


#main_nav ul li a { color: #ffffff; }
#main_nav ul li a:hover { color: #70c8ff; }
#main_nav ul li.current-menu-item a, #main_nav ul li.current_page_parent a { color: #70c8ff; }

/* ---------------------------------------------------------------------------------------------------------- 
06 Homepage Styles ------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#main_content {
	position:relative;
}

#hero_shot h1 {
	color:white;
	padding-top:18px;
}

#video_thumbnail {
	position:relative;
	padding-left:12.45%; /* 142px left margin / 1140 */
	padding-right:5%;
}
#video {
	width:62.368421052632%;
	margin:0px auto;
}
.featured_device {
	position:absolute;
	top:15%;
	max-height:100%;
	max-width:100%;
	overflow:none;
}

.play_button {
	position:absolute;
	top:50%;
	left:50%;
	/*width:28.25%;
	height:50.2222222%;*/
	max-height:100%;
	max-width:100%;
	overflow:none;
}

.hero_image { max-height:400px;}

#app_store_badges {
	clear:both;
	height:105px;
	padding-top:30px;
	background-image: url('../images/badge_bg.png');
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:auto auto;
}

#app_store_badges a:first-child {
	margin-right:1.7543856964912%; /* 20px / 1140 */
}

#sub_content {
	text-align:left;
}

#sub_content h2 {
	color:#8dc63f;
	margin-bottom:1.25em;
}

#sub_content.row {
	margin-bottom:50px;
}

#copy { 
	margin-bottom: 40px;
	float:right;
}

#quote {
	position:relative;
	text-align:center;
	max-width:449px;
}

#quote img {display:block;}

#quote .quotation_left { position:absolute; top: 16px; left:14px; z-index: 10;}

#quote .quotation_right { position:absolute; bottom:38px; right: 14px;}

#quote .quote_middle {
	background-image: url('../images/quote_middle.png');
	background-repeat:repeat-y;
	background-position: top center;
	padding: 3px 0;
}

#quote p, #quote h1, #quote h2, #quote h3, #quote h4, #quote h5 {
	font-family:Helvetica, arial, sans-serif;
	font-weight:200;
	padding: 1% 63px;
}
.quote_author {
	position:absolute;
	right:0;
	bottom:0;
}

/* ---------------------------------------------------------------------------------------------------------- 
07 Product Page Styles --------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

h1.product_headline {
	color:#707070;
	text-align:center;
	margin-bottom:30px;
}

.product_hr {
	width:100%;
	height:87px;
	background-image: url('../images/product_hr.png');
	background-position:center top;
	background-repeat:no-repeat;
	background-size: 100% auto;
}

.feature_list ul li img {
	
}
.feature_list ul li {
	float:left;
	text-align:center;
}
.feature_list ul li:nth-child(odd) {
	clear:left;
}

.feature_list h2 {
	color: #8dc63f;
	margin:22px 0 22px 0;
}
.feature_list p {
	color: #7e7e7e;
	margin: 0 10.03% 0 10.03%;
	text-align:left;
	line-height:1.6em;
	font-family: Helvetica;
	font-weight:200;
}




/* Carousel */

#carousel_container {
	background-image: url('../images/featured_shelf.png');
	background-repeat: no-repeat;
	background-position: center -50px;
	background-size: 100% 78%;
	background-position: center -54px;
}

.roundabout-holder {
	padding: 0;
	margin: 0 auto;
	height: 419px;
	max-width: 690px;
}

.roundabout-moveable-item {
	height: 122px;
	width: 127px;
	cursor: pointer;
	display:block;
}



.roundabout-in-focus {
	cursor: auto;
}
li.monolith {
	background-image: url('../images/carousel_phone.png');
	color: white;
	text-align: center;
	width: 290px;
	height: 524px;
	z-index: 310;
	margin:0 auto;
	list-style:none;
	display:none;
}
li.monolith img { margin-top:68px; max-width:204px;}

#carousel li.current {display:block;}

#carousel-descriptions {
	list-style:none;
	display:block;
	width:58.95%;
	min-height:80px;
	margin:46px auto 18px auto;
	padding:0;
	/*background-image: url('../images/carousel_description_quotes.png');*/
	background-repeat:no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
}

#carousel-descriptions h2 {
	color: #8dc63f;
	margin-bottom:22px;
	font-size: 1.625em;
}

#carousel-descriptions p { font-size: 1em;}

#carousel-descriptions li {
	text-align:center;
	display:none;
	margin:0 8.93% 0 8.93%;
}

#carousel-descriptions li.current {
	display:block;
}

#carousel_nav {z-index:400;}

.carousel_previous {
	margin-right:160px;
	margin-top:-100px;
}
.carousel_next {
	margin-left:12.2807%;
}

#carousel-controls {
	max-width:900px;
	width:auto;
	margin:25px auto;
	overflow:auto;
	border-collapse:collapse;
	text-align:center;
}

#carousel-controls span {
	width:100px;
	display:inline-block;
	font-size:14px;
	text-align:center;
	margin:0 5px;
	padding:5px;
	cursor:pointer;
	border:1px solid black;
	background:#333;			
}
/*
#carousel-controls td span {
	font-size:14px;
	text-align:center;
	margin:0 5px;
	padding:5px;
	cursor:pointer;
	border:1px solid black;
	background:#333;
}*/

#carousel-controls .current {
	background:#600;
	color:;
	border-color:#400;
}

.product_download_bottom {
	margin-bottom:30px;
}

.product_download_bottom h2 {
	color:#8dc63f;
}

.product_download_bottom img { margin-top:10px;}

/* ---------------------------------------------------------------------------------------------------------- 
08 Generic Page Styles --------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#generic_page_form {
		background-color: #e2e5ea;
		padding: 10px 20px 0;
}

#page_container {
	background-color:#FFFFFF;
	color:#333333;
	text-align:left;
	margin:38px 0 38px 0;
}

.page_content {
	padding:30px;
}
.page_content h1, .page_content h2, .page_content h3, .page_content h4, .page_content h5 { margin:12px 0 12px 0;}
.page_content h1 {
	font-family: 'Aller', sans-serif;
	color:#0173ba;
	font-size: 1.75em;
	margin-top: 0;
}
.page_content h1:first-child {
	margin-bottom:30px;
}
.page_content h2 {
	color: #0173ba;
}
.page_content h4 {
	color:#626262;
	font-style:italic;
}

.page_content p {
	margin: 15px 0px;
	line-height:18px;
}


/* ---------------------------------------------------------------------------------------------------------- 
09 Blog Page Styles -----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.single .container { padding-left:100px;}

#blog_container {
	color:#333333;
	text-align:left;
	padding-top:38px;
}

.vlingo_banner {
	background: #18719F;
	padding: 10px 4% 10px;
	display: inline-block;
	font-size: 15px;
	width: 92%;
	margin-bottom: 7px;
	color: white;
	font-family: 'Aller Regular', Arial, sans-serif;
}

.vlingo_banner img {
	float: left;
	margin-right: 8px;
}

.vlingo_banner p {
	margin-top: 7px;
	font-size: 15px;
}

#blog_container h5.breadcrumb {
	color:#8D9BAE;
	background-color:#2b3849;
	line-height:30px;
	padding-left:4.7%; /* 35/756 = 4.691%*/
	padding-right:4.7%;
	margin: 0 0 7px;
	text-transform:uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#blog_container h5.breadcrumb a { color: white;}

#blogroll {
	background:#fff;
	padding:30px;
}
#blogroll h1, #blogroll .the_category { font-family: 'Aller Regular'; }
#blogroll h1 { margin-bottom: 10px; color:#0173ba; font-size: 1.75em; }
#blogroll h1 a { color:#0173ba; }
#blogroll p { line-height:1.45em; margin: 15px 0; }

.blogroll_hr {
	padding-bottom:30px;
	margin-bottom:30px;
	clear:both;
	border-bottom:1px solid #ebebeb;
}

div.article_meta { margin-bottom:24px; font-size: .75em; color:#7f7f7f;}

.wp-post-image { margin-bottom:22px;}

a.featured_image img {
	clear:both;
	float:left;
	height:auto;
	margin-right:30px;
}

article { 
	clear:both;
	overflow:auto;
	padding-bottom: 32px;
	margin-bottom: 24px;
	border-bottom: solid 1px #EBEBEB;
}

article h2, article h3, article h4 { font-family: 'Aller Regular', Arial, sans-serif;}

article h2 { color:#0173ba;}

span.read_more {  float:left; width:85px;}
span.read_more a {
	color:#FFFFFF;
	background-color:#3b5d8d;
	font-size:.75em;
	text-transform:uppercase;
	padding:5px;
}

#sidebar_container {
	text-align:left;
	padding-top:38px;
}

#sidebar_container h3 { font-family: 'Aller Regular'; font-size: 1.0625em; }

.dynamic_sidebar_top, .dynamic_sidebar_mid {
	min-height:80px;
	margin-bottom:15px;
	background:#2d3c50;
}
.dynamic_sidebar {
	background-image: url('../images/sidebar_bg.png');
	padding:1px 25px;
}

.the_category a{
	color:#78a53c;
	text-transform:uppercase;
	font-size: 1.33em;
	margin-right:.625em;
}

ul.social_buttons_bottom {
	float:left;
	clear:both;
	margin:22px 0 0;
}
ul.social_buttons_bottom li {
	display:inline;
	float: left;
	margin: 0 10px 5px 0;
}

/* Floating Social Buttons */

.sharebutton { padding:7px !important;}

/* Pagination Styles */

.page_nav {
	text-align:center;
	
}
.page_nav a, .page_nav span {
	height:22px;
	padding:5px;
	color:#333333;
}
.page_nav span.current {
	background-color:#95a1b6;
	color:white;
}
.page_nav a.prev, .page_nav a.next {
	color:#FFFFFF;
	background-color:#3b5d8d;
	font-size:.75em;
	text-transform:uppercase;
}

/* ---------------------------------------------------------------------------------------------------------- 
10 Widget Styles --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#sidebar_container { color: #bbbbbb; }

#sidebar_container h3 {
	clear:both;
	margin-top:30px;
	margin-bottom:24px;
	color:#FFFFFF;
}

.dynamic_sidebar .widget { margin-bottom: 30px;}

.dynamic_sidebar .widget ul li {
	background-image: url('../images/sidebar_hr.png');
	background-repeat:repeat-x;
	background-position:center bottom;
	padding-bottom:13px;
}


.dynamic_sidebar .widget ul li a {
	color:#70c8ff;
}
.dynamic_sidebar .widget ul li a:hover {
	color:#478bb6;
}

.widget_twitter ul {
	font-size:.75em;
}

.dynamic_sidebar .widget_categories ul li a {
	font-size: .9375em;
	color:#bbbbbb;
	font-family: 'Aller Regular';
	font-style:italic;
}
.dynamic_sidebar .widget_categories ul li a:hover {
	color:#ffffff;
}

/* Newsletter Signup */

#sidebar_container input {
	float:left;
	height:41px;
	width: 66.7%;
	padding-left:3.3%;
	margin-right:5%;
	color:#bbbbbb;
	font-style:italic;
	font-size:1.0625em;
	border:none;
	border-bottom: 5px solid #202020;
	line-height: 1em;
	/* Transparency Fallback for web browsers that doesn't support RGBa */
	background: rgb(125, 125, 125);
	/* RGBa with 0.6 opacity */
	background: rgba(125, 125, 125, 0.2);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#51125125125, endColorstr=#51125125125);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#51125125125, endColorstr=#51125125125)";
	-webkit-appearance: none;
}
#sidebar_container input.submit, input.submit {
	height:48px;
	background:#6caa17;
	border-bottom: 5px solid #3f7931;
	width:20%;
	min-width:70px;
	margin-right:0;
	color:#FFFFFF;
	text-transform:uppercase;
	font-style:normal;
	font-size:.875em;
}

/* wufoo form */

.wufoo li {clear:none;}

.wufoo form li { padding: 6px 0 9px !important; }

.noI form li, .altInstruct form li { float:left;  margin-right: 5px; clear: none; }
.noI form li#fo22li5 {min-width: 174px;}
.noI form li.buttons, .altInstruct form li.buttons { max-width:70px; margin-right: 0%; }

.wufoo form li.buttons { clear:none; padding: 9px 0;}

.wufoo input.text {
	float:left;
	height:41px;
	width: 100%;
	padding-left:3.3%;
	margin-right:5%;
	color:#bbbbbb;
	font-style:italic;
	font-size:1.0625em;
	border:none;
	border-bottom: 5px solid #202020;
	line-height: 1em;
	/* Transparency Fallback for web browsers that doesn't support RGBa */
	background: rgb(72, 78, 90);
	/* RGBa with 0.6 opacity */
	background: rgba(72, 78, 90, 1);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#51125125125, endColorstr=#51125125125);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#51125125125, endColorstr=#51125125125)";
	-webkit-appearance: none;
}

.wufoo input.btTxt {
	height: 48px;
	background: #6CAA17;
	width: 20%;
	/*min-width: 70px;*/
	margin-right: 0;
	color: white;
	text-transform: uppercase;
	font-family: 'Aller Regular';
	font-style: normal;
	font-size: 14px;
	border: none;
	border-bottom: 5px solid #3F7931;
}

#errorLi { display: none; }
form li.error { background-color:transparent !important;}
form p.error { color: white !important; }

body#public { background-image: none; background-color:transparent; }
body#public header, .wufoo .info h2 { display:none; }
body.page-template-default .wufoo input.text {
	color:#4f4f4f;
	background: #ffffff;
	border-color: #a1a1a1;
}

/* Global Social Media Menu Classes */

#menu-social-media li, #menu-social-media-footer li {
	float:left;
}
#menu-social-media li a, #menu-social-media-footer li a {
	
	display:block;
	height:48px; 
	width:48px;
	margin:0 auto;
	padding:0px;  
	outline:none; 
	text-indent:-9999px;
}
.menu_facebook a { background-image:url('../images/social_facebook.png'); background-repeat:no-repeat; }
.menu_twitter a { background-image:url('../images/social_twitter.png'); background-repeat:no-repeat;}
.menu_pinterest a { background-image:url('../images/social_pinterest.png'); background-repeat:no-repeat; }
.menu_youtube a { background-image:url('../images/social_youtube.png'); background-repeat:no-repeat; }

/* Social Media Menu Sidebar */

#menu-social-media {
	width:100%;
	margin: 0px auto;
	
}

#menu-social-media li {
	width:33%;
	margin-top:4.5%;
}


/* Social Media Menu Footer */

#menu-social-media-footer { padding-left:0; }
#footer_right .menu-social-media-container { float:left;}
#menu-social-media-footer { padding:0; }
#menu-social-media-footer li a { margin-right: 16px; }
#menu-social-media-footer li:last-child a { margin-right:0; }

/* Twitter Feed */

#sidebar_container .widget_twitter h3 {
	background-image: url('../images/sidebar_hr.png');
	background-repeat:repeat-x;
	background-position:center bottom;
	padding-bottom:17px;
	margin-bottom:13px;
}

.follow-button {
	margin-top:1.0625em;
	overflow:hidden;
}

/* Popular Posts */

.dynamic_sidebar ul li {
	margin-top:14px;
}

.popular-posts {
	font-size: .9375em;
}
.popular-posts li a { font-family: 'Aller Regular'; font-style:italic; }

.popular-posts p em {
	font-size: .75em;
	font-style:normal;
}

form li.focused {
	background-color:none;
}



/* ---------------------------------------------------------------------------------------------------------- 
11 Footer Styles --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

footer { display: block;}

#footer_top {
	background-image: url('../images/footer_top_line.jpg');
	height:11px;
}
.footer_container {
	min-height:352px;
	background-image: url('../images/footer_tile_bg.jpg');
	text-align:left;
	font-family: 'Aller Regular';
}
.footer_container .row, .copyright .row {
	margin-bottom:0;
}
#footer h3 { color:#ffffff; font-size: 1.0625em; }
#footer h3, #footer h4, #footer p, #footer ul {
	margin-bottom:.5em;
}
#footer_left li a{
	color:#bbbbbb;
	font-style:italic;
	font-size:.9375em;
	line-height:1.5em;
}
#footer_left li a:hover { color:#ffffff;}

#dragon_menu, #more_menu {
	width:50%;
	float:left;
}

#footer_left ul.menu {margin-bottom:1.5em;}

#nuance_logo {
	clear:both;
}

#footer_mid h4 a {
	color:#70c8ff;
	font-style:italic;
}
#footer_mid h4 a:hover {
	color:#478bb6;
}
#footer .fourcol {
	margin-right:0;
}
#footer_mid p {
	color:#bbbbbb;
	margin-bottom:1.75em;
}

#footer_right .social h3 { float:left; line-height:2em;}
#footer_right ul li {
	display:inline;
	width: 20%;
	margin-right: 2%;
}
#footer_right ul li a {
	display:inline-block;
	background-size: 100%;
	max-width: 100%;
}

#footer_right div.social h3 {
	width:32%;
	margin-right:2%;
}
#footer_right h3 {
	clear:both;
}

.newsletter {
	margin-top:35px;
}
.newsletter input {
	margin-top:15px;
}

.footer_hr {
	height:1px;
	width:100%;
	background-color:#323846;
	border-bottom:1px solid #485165;
}

#footer_right input {
	float:left;
	height:41px;
	width: 70%;
	min-width:200px;
	margin-right:5%;
	color:#bbbbbb;
	font-style:italic;
	font-size:1.0625em;
	border:none;
	border-bottom: 5px solid #202020;
	line-height: 1em;
	/* Transparency Fallback for web browsers that doesn't support RGBa */
	background: rgb(125, 125, 125);
	/* RGBa with 0.6 opacity */
	background: rgba(125, 125, 125, 0.2);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#51125125125, endColorstr=#51125125125);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#51125125125, endColorstr=#51125125125)";
	-webkit-appearance: none;
}
#footer_right input.submit {
	height:48px;
	background:#6caa17;
	border-bottom: 5px solid #3f7931;
	width:20%;
	min-width:70px;
	margin-right:0;
	color:#FFFFFF;
	text-transform:uppercase;
	font-style:normal;
	font-size:.875em;
	margin-bottom:20px;
}

.copyright {
	background-color:#282d38;
	margin-top:0;
	height:42px;
}
.copyright p {
	margin:0;
	line-height:42px;
}

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* Mobile Below 320 */
@media handheld, only screen and (max-width: 319px) {
	
}

/* Mobile Below 480 */
@media handheld, only screen and (max-width: 479px) {

	.main_container { padding-top:14px;}

	#logo img {max-width: 70%;}

	#main_nav { line-height: 68px; }

	/* Home Page */

	h1 { font-size: 1.75em;}

	.play_button {
		width: 90px !important;
		height: 90px !important;
		margin-top: -45.5px !important;
		margin-left: -27.25px !important;
	}

	/* Product */
	.carousel_next {
		margin-left:20%;
	}
	.feature_list p { margin:0;}

	/* Blog */

	#blogroll h1 { font-size: 1.25em; }

	.the_category a { font-size:1.20em;}

	#sidebar_container { padding: 0;}

	.dynamic_sidebar_top, .dynamic_sidebar_mid { margin-bottom:0;}
	
	/* Footer */
	#copyright div p { float:none; }
	#more_nuance { display:none; }
	#dragon_menu { width:50% !important; }
	#more_menu { width: 50% !important; }
	#more_info { width: 100% !important; }
}

/* Mobile Below 768 */
@media handheld, only screen and (max-width: 767px) {

	body {background-size: auto 440px;}
	
	header.row { margin-bottom:0; }

	#logo img {
		margin: 0 auto;
		display: block;
	}
	
	/* Navigation */
	#main_nav { text-align:center;}
	#main_nav li { margin-right:8%;	}
	#main_nav li:last-child { margin-right:0; }
	
	/* Home Page */
	#hero_shot h1 {
		font-size: 1.5em;
		padding-top: 0;
	}
	#video{width:100%;}

	#app_store_badges {
	height: 82px;
	background-image: none;
	border-bottom: solid 1px #DDD;
	}
	#sub_content h2 { text-align:center;}
	#copy {float:none;}
	#quote { margin:0 auto; padding-left: 0; padding-right: 0; width: 90%;}
	.play_button {
		width: 130px;
		height: 130px;
		margin-top: -68.5px;
		margin-left: -38.25px;
	}
	
	/* Product Page */

	#carousel_container {
		background-position: center -88px;
	}
	li.monolith {
		width:200px;
		height:361px;
		background-size: 100% 100%;
	}
	.roundabout-holder {
		height:280px;
	}
	li.monolith img {
		max-width:150px;
		margin-top: 38px;
	}
	#carousel-descriptions {
		width:100%;
	}
	.roundabout-moveable-item {
		display:none;
	}

	.feature_list ul li {
		width:100%;
		margin: 4% 0 4% 0;
	}
	.product_download_bottom { text-align:center;}

	/* Blog */

	.single .container { padding-left: 0 !important;} /* Removes padding set for floating social buttons */

	#blog_container { padding-top:0;}
	
	#menu-social-media li {
		margin-top:2.3%;
	}
	
	/* Footer */
	#dragon_menu { width:30%; }
	#more_menu { width: 70%; }
	#more_info, #more_nuance {float:left; width: 50%; }
	#nuance_logo {display:none;}
	#footer_mid { display: none; padding-top: 0; }
	#footer_right {clear:both; padding-top: 0;}
}

/* 480 to 768 Specifically */

@media handheld, only screen and (min-width: 480px) and (max-width: 767px) {
	
}


/* 900 and below */

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

	/* Blog */

	.single .container { padding-left:20px;} /* Returns padding to normal state after hiding social buttons */

	.getsocial { display:none !important;}
	
	.featured_device {
		left:5%;
	}

}

/* 1140 and below */
@media screen and (max-width:1139px) {
	
	/* Home Page */
	#hero {
		padding-top:4%;
	}
	.featured_device {
		left:0;
	}
	
	/* Footer */
	#footer_left { padding-top:14px; }
	#dragon_menu { margin-bottom:14px; }
	.footer_hr { clear: both; margin:20px 0; }
	.newsletter { min-height:89px; margin-bottom:20px; }
	#nuance_logo_mobile {margin-top: 20px;}
}

/* Full Size */

@media screen and (min-width:768px) {
	
	/* Header */
	#main_nav { text-align:right; }
	#main_nav li { margin-right:13.15%;	}
	#main_nav li:last-child { margin-right:7.4%; }
	
	/* Home Page */
	#hero {
		padding-top:4%;
		background-image:url('../images/featured_shelf.png');
		background-repeat:no-repeat;
		background-position:center -50px;
		background-size:100% 100%;
	}
	#hero_shot h1 {
		font-size: 2.375em;
	}
	.featured_device {
		left:9%;
	}
	.play_button {
	margin-top:-113px;
	margin-left:-56.25px;
	}
	#app_store_badges {margin-left:10.45%;}
	
	iframe { max-width:711px !important;}
	
	/* Product Page */
	.feature_list ul li {
		width:46%;
		margin:2%;
	}
	.product_download_bottom h2 {
		float:right;
		width:54.18%;
	}
	
	/* Generic Page */
	#generic_page_form {
		width:28.947368421053%; /* 330px / 1140  */
		float:right;
		margin-left:20px;
		padding:0 15px 0 15px;
	}
	#generic_page_form h3 {
		font-family:'Aller', sans-serif; 
		font-size: 1.0625em;
	}
	

	
	/* Footer */
	#footer_left, #footer_mid, #footer_right {
		padding-top:34px;
		min-height:352px;
	}
	#footer_left, #footer_mid, #footer_right {
		padding-top:34px;
	}
	#footer_mid {
		width:32.35%;
		padding: 34px 3% 0 3%;
		background-image: url('../images/footer_mid_bg.png');
		background-repeat:repeat-y;
		background-size:100% auto;
	}
	#footer_left {
		background: -moz-linear-gradient(225deg,  rgba(0,0,0,0.21) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.21)), color-stop(49%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(225deg,  rgba(0,0,0,0.21) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(225deg,  rgba(0,0,0,0.21) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(225deg,  rgba(0,0,0,0.21) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 100%); /* IE10+ */
		background: linear-gradient(225deg,  rgba(0,0,0,0.21) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#36000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		background-size: 100% 100%;
	}
	#footer_right {
		background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.21) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.21)), color-stop(49%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.21) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg, rgba(0,0,0,0.21) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.21) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 100%); /* IE10+ */
		background: linear-gradient(120deg, rgba(0,0,0,0.21) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		background-size: 100% 100%;
	}
	#footer_right div.social, #footer_right div.footer_hr, #footer_right div.newsletter {
		padding-left:9.65%;
	}
	#footer_right div.social {margin-top:-25px;}
	.footer_hr { clear: both; margin:20px 0 20px 9.65%; }
	#footer_hr_mobile { display:none;}
	#nuance_logo_mobile {display:none;}
}


/* ! Provide higher res assets for iPhone 4   */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}