body{
	font-size: 100%;
	padding: 0;
	margin: 0;
	background: #ebebeb;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	padding-bottom: 50px;
}

:focus{
	outline: 0;
}

a{
	color: #1780a5;
	text-decoration: none;
}

a:hover{
	color: #215c70;
	text-decoration: underline;
}

.clear{
	clear: both;
}

.hidden{
	display: none;
}

.thumb {
	float: left;
	width: 110px;
	height: 200px;
	margin: 0 0 15px 20px;
}

.thumb_landscape {
	float: left;
	width: 175px;
	height: 150px;
	margin: 10px 0 15px 20px;
}

.thumb .caption {
	line-height: 1.3em;
	font-size: 85%;
	text-align: center;
	margin: -7px 0 0 15px;
}

.thumb_landscape .caption {
	line-height: 1.3em;
	font-size: 85%;
	text-align: center;
	margin: -7px 0 0 15px;
}

.ad-thumb {
	float: left;
	width: 110px;
	height: 120px;
	margin: 0 15px 15px 10px;
}

.ad-thumb .caption {
	line-height: 1.3em;
	font-size: 85%;
	text-align: center;
	margin: -7px 0 0 20px;
}

#demovideo .caption {
	line-height: 1.3em;
	text-align: center;
	margin: -7px 0;
}

.setup-thumb {
	float: left;
	width: 200px;
	margin: 0 auto;
}

.setup-thumb img {
	display: block;
	margin: 0 auto;
}

.setup-thumb .caption {
	font-size: 150%;
	text-align: center;
	margin: 10px 0 0 0;
}

#setup-picker {
	width: 610px;
	margin: 5em auto;
}

#setup-picker a img {
	border: none;
}

#nav {
	font-size: 90%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}

#header, #nav, #content, #footer {
	padding: 0px 20px;
}

body.wide #header .inner, body.wide #content, body.wide #footer, body.wide #nav ul{
	width: 800px;
	margin: 0px auto;
}

body.narrow #header .inner, body.narrow #content, body.narrow #footer{
	width: 302px;
	margin: 0px auto;
}

#appstore {
	clear: both;
	height: 100px;
	width: 300px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(buy_highlight.png) bottom center no-repeat;
}

#appstore a, #appstore a:link, #appstore a:visited {
	display: block;
}

#appstore a img {
	border: none;
}

#appstore a:hover img{
	visibility:hidden;
}


#demovideo {
	clear: both;
	margin-top: 15px;
	margin-left: 24px;
	margin-right: auto;
	background: bottom center no-repeat;
}

#demovideo a img {
	border: 4px solid #fff;
	margin: 0 10px 10px 0;
	background: #fff;
}

#demovideo a:hover img{
	border: 1px solid #555;
	background: #fff;
	padding: 3px;
}

#content #videos a{
	text-decoration: none;
	color: #323232;
}

#content #videos a:hover{
	text-decoration: none;
	color: #323232;
}

#videos object {
	margin: 0 auto;
}

/*#content .contentolumn, #footer p{*/
#content .column{
	float: left;
}

/*#content #column1, #footer #copyright{*/
#content #column1{
	width: 390px;
	margin: 0 0 0 0;
	clear: both;
}

/*#content #column2, #footer #credits{*/
#content #column2{
	width: 410px;
	margin: 0 0 0 0;
}

#content #column1-praise{
	width: 440px;
	margin: 0 0 0 0;
	clear: both;
}

#content #column2-praise{
	width: 360px;
	margin: 0 0 0 0;
}

#content #column1-setup{
	width: 320px;
	margin: 0 0 0 40px;
	padding: 0 20px;
	clear: both;
	background: #e0e0e0;
	border: 1px solid #bbb;
}

#content #column2-setup{
	width: 320px;
	margin: 0;
	padding: 0 20px;
	background: #e0e0e0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

#content #column-faq dl dt{
	float: left;
	width: 288px;
	margin: 0 0 40px 0;
	clear: both;
	padding: 0 0 0 60px;
}

#content #column-faq dl dt.first{
	background: transparent url(images/q.png) top left no-repeat;
	padding-top: 10px;
}

#content #column-faq dl dd{
	width: 434px;
	margin: 0 0 40px 40px;
	float: left;
	padding-left: 60px;
}

#content #column-faq dl dd.first{
	min-height: 60px;
	background: transparent url(images/a.png) top left no-repeat;
	padding-top: 10px;
	
}

#header {
/*	background: #180803 url(images/teaser-bg.jpg) bottom center no-repeat;*/
/*	background: #f0e000;*/
	background: #f8d06d;
	color: #fff;
	height: 0.3em;
	border-bottom: 0px solid #fff;
	overflow: hidden;
}

body#teaser #header{
/*	background: #180803 url(images/teaser-bg.jpg) bottom center no-repeat;*/
	padding: 1px 0 0 0;
	color: #fff;
	height: 17.6em;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}

#header #title{
	width: 100%;
	height: 106px;
	float: left;
/*	background: transparent url(banner_small.png) 0px 2px no-repeat;*/
/*	background: transparent url(banner.png) bottom left no-repeat;*/
	padding: 0 0 0 10px;
	margin: 0.1em 0 0 0;
}

body#teaser #header #title{
	margin: 12em 0 0 0;
}

#header #title h1{
	padding: 0;
	margin: 0;
}

#header #title h1 a{
	height: 45px;
	width: 222px;
	text-indent: -9999px;
	display: block;
/*	background: transparent url(images/title.png) top left no-repeat;*/
}

#header #title #subtitle{
/*	background: transparent url(images/subtitle.png) top left no-repeat;*/
	text-indent: -9999px;
	display: block;
	margin: 2px 0 0 0;
}

#header a#appstorelink{
	float: right;
	margin: 4em 0 0 0;
	width: 261px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	background: transparent url(images/appstore-sprite.png) 0 0 no-repeat;
}

#header a#appstorelink:hover{
	background: transparent url(images/appstore-sprite.png) 0 -50px no-repeat;
}

div#nav{
	background: white;
	display: block;
	height: 2.2em;
}

div#nav ul{
	clear: both;
	display: block;
	list-style: none;
	padding: 0 0 0 0;
	padding: 0;
}

div#nav ul li{
	display: block;
	float:  left;
}

div#nav ul li#home{
	margin: 0 0 0 0;
}

div#nav ul li a{
	display: block;
	float: left;
	background: #fff;
	margin: 0 0.8em 0 0;
	padding: 0.5em 1em 0.64em 1em;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	color: #aaa;
/*	text-transform: uppercase;*/
}

div#nav ul li#buy a {
	color: #ff5c00;
}

div#nav ul li#twitter{
	float: right;
}

div#nav ul li#twitter a{
	float: right;
/*	color: #1780a5;*/
	color: #ff5c00;
}

div#nav ul li#twitter a:hover{
	color: #555;
}

body.home div#nav ul li#home a, body.basic div#nav ul li#basic a, body.lite div#nav ul li#lite a, body.blog div#nav ul li#blog a, body.faq div#nav ul li#faq a, body.support div#nav ul li#support a, body.setup div#nav ul li#setup a, body.press div#nav ul li#press a{
	background: #ebebeb;
	color: #555;
}

div#nav ul li a:hover{
	background: #ddd;
	color: #555;
}

#content{
	clear: both;
	margin-top: 20px !important;
	font-size: 0.8em;
	text-shadow: 0px 1px 1px #fff;
	color: #323232;
}

#content span.header{
	text-align: center;
	display: block;
	font-size: 1.65em;
	margin: 1.3em 0 0.8em 0;
}

#content span.icon {
	text-align: center;
	display: block;
	margin: 1em 0 0.5em 0;
}

#content span.title {
	font-size: 3em;
	display: block;
	text-align: center;
	margin: 0.5em 0 0.3em 0;
}

#content span.subtitle {
	font-size: 1.45em;
	line-height: 1.2em;
	text-align: center;
}

#content span > p {
	font-size: 2.4em;
	margin: 0.5em 0 1em 0;
}

.download-box {
	width: 240px;
	margin: 0 auto;
}

.download-box > a {
	color: #323232;
}

.download-box > a:hover {
	text-decoration: none;
}

.download {
	background-color: #ccc;
	padding: 1em 1em;
	border: 2px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.dl_desc {
	float: left;
	text-align: right;
	margin-left: 1em;
	margin-right: 0.5em;
}

#content span.header2 {
	text-align: center;
	display: block;
	font-size: 1.4em;
	margin: 1.2em 0 1.2em 0;
}

#content .setup ol {
	margin: 0;
	padding: 0;
}

#content .setup li {
	margin: 0 3.0em 0.3em 3.0em;
	margin: 0.5em 1.5em;
}

#content .setup ul {
	list-style-type: disc;
	margin-left: 0;
	padding-left: 1.5em;
}

#content h3#features{
	width: 80px;
	height: 15px;
	background: transparent url(images/features.png) 0 0 no-repeat;
	text-indent: -9999px;
	margin-top: 2.5em;
}

#content h3.faq{
	font-size: 1.35em;
	margin-bottom: 2em;
	text-transform: uppercase;
	text-align: left;
}

#content dl{
	margin: 0;
	padding: 0;
}

#content dt{
	margin: 0 0 0.8em 0;
	padding: 0;
	font-weight: bold;
}

#content dd{
	margin: 0 0 1.9em 0;
	padding: 0;
}

#content object, #content embed{
	border: 5px solid #fff;
	display: block;
}

#content p, #content blockquote, #content ul, #content ol{
	margin: 0 0 1.5em 0;
}

#content ul{
	margin: 0 0 1.5em 0;
	padding-left: 1.5em;
	list-style: disc;
}

#content .column ul li{
	margin: 0 0 0.8em 0;
	padding: 0 0 0 0;
	background: transparent url(images/bullet.png) 0px 5px no-repeat;
}

#content a#twitter{
	width: 100%;
	display: block;
	height: 4.1em;
	text-indent: -9999px;
	background: transparent url(images/twitter-link.gif) center center no-repeat;
}

#content a#twitter:hover{
	background: transparent url(images/twitter-link-over.gif) center center no-repeat;
}

#content p#by{
	display: block;
	border-top: 1px solid #fff;
	padding-top: 2em;
	margin-top: 4em;
	font-size: 0.7em;
	text-transform: uppercase;
}

#content #video-ads {
	margin: 20px 0 0 0;
}

#content #video-ads a img {
	border: 4px solid #fff;
	margin: 0 10px 10px 0;
	background: #fff;
}

#content #video-ads a:hover img{
	border: 1px solid #555;
	background: #fff;
	padding: 3px;
}

#content #screenshots{
	margin-top: 20px;
}

#content #screenshots a.screenshot img{
	border: 4px solid #fff;
	margin: 0 10px 10px 0;
	background: #fff;
}

/*
#content #screenshots a.last img{
	margin: 0 !important;
}
*/

#content #screenshots a.screenshot:hover img{
	border: 1px solid #555;
	background: #fff;
	padding: 3px;
}

#content #screenshots .divider {
	text-align: center;
	font-weight: bold;
	clear: both;
}

#content h3#reviews{
	display: block;
	clear: both;
	text-align: center;
	background: #ddd;
	height: 0.1em;
	border-bottom: 1px solid #fff;
	margin: 3em 0 0 0;
	position: relative;
}

#content h3#reviews span{
	background: #ebebeb url(images/reviews.png) center center no-repeat;
	display: block;
	width: 90px;
	text-align: center;
	margin: 0 auto 0px auto;
	top: -0.7em;
	position: relative;
	text-transform: uppercase;
	font-size: 0.9em;
	text-shadow: 0 1px 1px #fff;
	text-indent: -9999px;
}

#content #quotes{
	clear: both;
	background: #ddd;
	margin: 30px 0 0 0;
	padding: 15px 15px 5px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 1px 1px #fff;
	-moz-box-shadow: 0 1px 1px #fff;
}

#content #quotes .quote{
	width: 150px;
	float: left;
	margin: 0 25px 0 0;
}

#content #quotes .last{
	margin: 0 !important;
}

#content #quotes .quote .author{
	display: block;
	height: 38px;
	background: transparent url(images/quote-tick.gif) 6px 38px no-repeat;
	padding: 0 0 10px 0;
}

#content #quotes .quote a.avatar img{
	float: left;
	border: 0;
}

#content #quotes .quote .name{
	height: 28px;
	float: left;
	width: 112px;
	margin: 0 0 0 10px;
	line-height: 28px;
	font-weight: bold;
	text-align: left;
	display: block;
}

#content #quotes .quote .withsource{
	line-height: 14px;
}

#content #quotes .quote .withsource .source{
	font-size: 0.85em;
	text-transform: uppercase;
	color: #999;
	display: block;
}

#content #quotes .quote p{
	background: #fff;
	padding: 8px 9px;
	font-size: .88em;
	line-height: 1.55em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#content a#downloadlink{
	display: block;
	text-align: center;
	line-height: 52px;
	text-indent: -9999px;
	width: 468px;
	height: 52px;
	margin: 40px auto 0 auto;
	background: transparent url(images/download-sprite.png) 0 0 no-repeat;
}

body.narrow #content a#downloadlink{
	background: transparent url(images/download-sprite-narrow.png) 0 0 no-repeat;
	width: 298px;
}

#content a#downloadlink:hover{
	background: transparent url(images/download-sprite.png) 0 -52px no-repeat;
}

body.narrow #content a#downloadlink:hover{
	background: transparent url(images/download-sprite-narrow.png) 0 -52px no-repeat;
}

body.support #content #column2{
	background: transparent url(images/fail-stevie.png) top center no-repeat;
	min-height: 300px;
}

#content #column1 ul#links{
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #column1 ul#links li{
	padding: 0;
	background: transparent;
	margin: 0 10px 0 0;
	float: left;
}

#content #column1 ul#links li a{
	color: #fff;
	text-shadow: none;
	width: 30px;
	background: #1780a5;
	padding: 5px 8px;
}

#content #column1 div#search{
	display: block;
	float: left;
	padding: 0 0 0 20px;
	margin: -0.15em 0 0 0;
}

#content #column2 div.post{
	margin-bottom: 4em;
}

#content #column2 a.date{
	display: block;
	text-align: center;
	border: 0;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	font-weight: bold;
	color: #999;
	font-size: 0.93em;
	height: 0.9em;
	margin: 0 0 3em 0;
}

#content #column2 a.date span{
	background: #ebebeb;
	padding: 0 1.2em;
	border: 0;
	display: block;
	width: 8em;
	margin: 0px auto;
}

#content #column2 a.date:hover span{
	border: 0 !important;
	text-decoration: none;
}

#content #column2 div.post blockquote{
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #ccc;
}

#content #column2 a.link{
	font-size: 1.2em;
	display: block;
	margin: 0 0 1em 0;
}

#content #column2 div.quote span.quote{
	background: #fff;
	display: block;
	padding: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#content #column2 div.quote div.source{
	background: transparent url(images/praise-tick.gif) 1em 0 no-repeat;
	padding: 1.8em 0 0 0;
	display: block;
}

#content #column2 div.audio_player, #content #column2 div.video object{
	margin: 0 0 1.2em 0;
}

#content .faq-question {
	font-weight: bold;
	line-height: 2em;
	margin-top: 2em;
	font-size: 10pt;
}

#content .faq-question img {
	float: left;
	width: 65px;
	text-align: right;
	vertical-align: text-center;
	display: block;
	margin-right: 30px;
}

#content .faq-question a img {
	text-decoration:none;
	color:#ebebeb;
	border:0px;
}

#content .faq-answer-2 {
	text-align: right;
	padding-right: 1em;
}

#content .setup img {
	display: block;
	margin: 5px auto;
	border: 3px solid #bbb;
}

#content .download img {
	border: none;
}

#footer{
	clear: both;
	border-top: 1px solid #fff;
	margin-top: 40px !important;
	padding-top: 10px;
	font-size: 0.75em;
	height: 4em;
	text-shadow: 0px 1px 1px #fff;
}

body.narrow #footer{
	padding-top: 20px;
	background: transparent;
}

#footer p#copyright{
	display: block;
	text-align: center;
}

body.narrow #footer p#copyright{
	margin: 0;
	text-indent: 0;
	background: transparent;
	text-transform: uppercase;
	font-size: 0.8em;
	text-align: center;
	width: 100%;
}

#footer p#credits{
	margin: 0 auto;
	font-size: 0.9em;
	text-align: center;
	width: 90%;
}

#facebook {
	margin: 0 25px;
	background-color: #ebebeb;
}

#facebook-page {
	background-color: #ebebeb;
}

div,span,header,section,footer,aside,article,p{
	/*background-color: rgba(250,20,50,0.2) !important;
	//this is for debugging */
}