body { margin: 0px; padding: 0px; font: 15px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 18px; background-color: #f2f2f2; color: #666; }
a {color: #000; text-decoration: none; }
a:hover { color: #9c33cc; text-decoration: underline; }
p { margin: 0px 0px 20px 0px; }
h2 { 
	font-size: 30px; 
	line-height: 36px;
	font-weight: normal;
	margin: 0px 0px 18px 0px; 
}
h3 {
	color: #000;
	font-size: 20px;
	margin: 0px 0px 5px 0px;
}
h4 {
	color: #666;
	font-size: 16px;
	margin: 10px 0px 0px 0px;
}

.header { 
	padding: 10px;
	height: 60px;
	min-width: 780px;
	background: #392b40 url('http://felttip.com/img/header-background.png') no-repeat fixed top center;
	text-align: left;
	border-bottom: 1px solid #000;
	outline: 0px dotted green;
}
.title { 
	width: 780px; 
	margin: 0px auto; 
	padding: 10px; 
	-webkit-user-select: none; 
}
.artboard { 
	min-width: 800px; 
	margin: 0px auto; 
	padding: 10px; 
}

.mainBox {
	width: 800px;
	margin: 10px auto 0px auto;
	padding: 0px;
	vertical-align: top;
}
.product { 
 	font-size: 16px;
 	line-height: 20px;
	padding: 10px 25px 0px 25px; 
	text-align: left;
	vertical-align: top;
}
.leftBox {
	font-size: 14px;
	line-height: 1.25em;
	width: 160px;
	display: table-cell;
	padding: 0px;
	vertical-align: top;
	outline: 0px dotted green;
}
.centerBox {
	width: 440px;
	display: table-cell;
	padding: 0px 20px 0px 20px;
	vertical-align: top;
}
.centerAndRightBox {
	width: 640px;
	display: table-cell;
	padding: 0px 0px 0px 40px;
	vertical-align: top;
}
.rightBox {
	font-size: 14px;
	line-height: 1.25em;
	width: 200px;
	display: table-cell;
	margin: 10px;
	vertical-align: top;
	outline: 0px dotted green;
}
.footer { 
	width: 800px;
	margin: 0px auto 20px auto;
	color: #999;
	font-size: 12px;
	text-align: right;
	outline: 0px dotted green;
	border-top: 1px solid #777;
	padding: 0px; 
}

.appIcon { 
	margin-bottom: 0px; 
	width: 160px;
	height: 160px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px; 
	-webkit-box-shadow: 0px 2px 5px #aaa; 
	-moz-box-shadow: 0px 2px 5px #aaa;
}

.appName { 
	font-size: 24px; 
	line-height: 30px; 
	color: #000; 
	font-weight: bold; 
	margin: 0px 0px 0px 0px;
}

.byline { 
	font-size: 15px; 
	line-height: 20px; 
	margin-bottom: 20px;
}

.emphasis { color: #000; }
.subheading { color: #333; font-weight: bold; }
.buy { font-size: 16px; color:#666; margin-bottom: 30px; }
.review { font-style:italic; }
.divider { height: 20px; text-align: center; }

.mainDescription { 
	font-size: 18px; 
	line-height: 30px; 
	margin: 0px 0px 20px 0px; 
	min-height: 160px; 
}
.screenshotBox { 
	width: auto; 
	text-align: center; 
	vertical-align: middle; 
	color: #888; 
	margin: 0px 0px 0px 0px; 
}
.screenshotWindow { 
	background-color: #000;
	height: 560px; width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px;
	display: inline-block; 
	display: -moz-inline-stack;
 	vertical-align: middle;
	overflow: hidden; 
	border: 2px solid #888; 
	-moz-border-radius: 27px;
	-webkit-border-radius: 27px;
	-webkit-box-shadow: 0px 0px 25px #888;
}
.screenshotCanvas { 
	height: 560px; width: 2000px; 
	vertical-align: top;
	overflow: hidden; 
	margin: 0px; padding: 5px;
	-webkit-transition: margin-left 0.5s ease-in-out;
}
.screenshotItem { 
	height: 530px; width: 320px; margin: 0px; padding: 35px 35px 5px 5px;
	display: table-cell; 
	-webkit-user-select: none; 
	vertical-align: top;
}
.screenshotCaption { 
	text-size: 16px; 
	line-height: 20px; 
	text-align: center; 
	margin: 10px; 
	-webkit-user-select: text; 
}
.screenshotImage { vertical-align: middle; }

.iPadScreenshotLandscape {
	background-image: url('http://felttip.com/img/ipad-landscape.png');
	background-repeat: no-repeat;
	width: 500px; height: 390px;
	margin: 0px 0px 18px 0px;
}
.iPadScreenshotLandscape img {
	margin: 42px 0px 0px 45px;
	width: 405px; height: 304px;
	border: 0px;
}

.iPadScreenshotPortrait {
	background-image: url('http://felttip.com/img/ipad-portrait.png');
	background-repeat: no-repeat;
	width: 411px; height: 520px;
	margin: 0px 0px 18px 0px;
}
.iPadScreenshotPortrait img {
	margin: 53px 0px 0px 50px;
	width: 314px; height: 419px;
	border: 0px;
}

.MacScreenshot {
	background-color: #000;
	margin: 10px auto;
	padding: 0px;
	width: 700px;
	overflow: hidden;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	-webkit-box-shadow: 0px 5px 20px #888;
}
.MacScreenshot img {
	width: 640px;
	height: 400px;
	margin: 30px 30px;
	padding: 0px;
	text-align: center;
	border: 0px;
}

.macAppIcon { 
	margin-bottom: 0px; 
	width: 160px;
	height: 160px;
}
.smallMacScreenshot {
	background-color: #000;
	margin: 10px auto 20px auto;
	padding: 0px;
	width: 572px;
	overflow: hidden;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-webkit-box-shadow: 0px 5px 20px #888;
}
.smallMacScreenshot img {
	width: 512px;
	height: 320px;
	margin: 30px 30px;
	padding: 0px;
	text-align: center;
	border: 0px;
}

.leftBoxButton {
	width: 158px;
	height: auto;
	padding: 10px 0px 9px 0px;
	margin: 0px 0px 10px 0px;
	background-color: #EEE;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(179,179,179)),
		color-stop(1, rgb(255,255,255))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(179,179,179) 0%,
		rgb(255,255,255) 100%
	);
	text-align: center;
	border: 1px solid #888;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0px 3px 9px #CCC;
}
.leftBoxButton a {
	font-size: 16pt;
	font-weight: bold;
	letter-spacing: -1px;
	text-shadow: 0px 1px 1px #FFF;
	color: #666;
}
.leftBoxButton a hover {
	font-size: 16pt;
	color: #333;
}

/* Home page styles */

.feature {
	font-size: 18px; 
	color: #999;
	width: 668px;
	height: auto;
	background-color: #000;
	padding: 40px 20px 10px 20px;
	margin: 10px auto 20px auto;
	text-align: center;
	-webkit-border-radius: 30px; -moz-border-radius: 30px; 
	-webkit-box-shadow: 0px 3px 8px #888; 
	-moz-box-shadow:0px 3px 8px #888;
}
.feature img {
	-webkit-border-radius: 10px; -moz-border-radius: 10px; 
}
.feature a {
	color: #CCC;
	font-weight: bold;
}
.productTitle { 
	font-size: 16px; 
	color: #000; 
}
.tableContainer { 
	display: table; 
	margin: 0px auto 0px auto; 
	padding: 0px; 
}
.tableRow { 
	display: table-row; 
}
.tableCell { 
	display: table-cell; 
	width: 160px; 
	text-align: left; 
	padding: 20px 10px 20px 30px;
}
.appIconSmall  {
	margin-bottom: 0px; 
	width: 140px;
	height: 140px;
}
.appIconShadow {
	-webkit-border-radius: 24px; -moz-border-radius: 24px; 
	-webkit-box-shadow: 0px 2px 6px #888; 
	-moz-box-shadow:0px 2px 6px #888;
}
.aboutTable {
	border: 0px;
	width: 300px;
	margin: 20px auto 20px auto;
}
.aboutHeader {
	text-align: center;
	font-size: 16px; 
	color: #666; 
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #AAA;
}
.aboutName {
	text-align: right;
	padding: 3px;
	font-size: 14px; 
	/*color: #000; */
	width: 50%;
}
.aboutName a {
	font-weight: bold;
}
.aboutTitle {
	font-size: 14px; 
	padding: 3px;
	text-align: left;
	width: 54%;
}
.aboutFooter {
	font-size: 14px;
	text-align: center;
	border-top: 1px solid #AAA;
}

.button { opacity: 0.75; -webkit-user-select: none; }
.button:hover { opacity: 1.0; }

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

ul { 
	margin: 0px 0px 20px 0px; 
	padding: 0px 0px 0px 20px; 
	list-style: none;
	text-indent: -20px;
}
ol { 
	margin: 0px 0px 20px 0px; 
	padding: 0px 0px 0px 20px; 
	text-indent: 0px;
}
li { 
	margin: 0px 0px 0px 0px; 
	padding: 0px; 
}

.workoutTableHeaderRow {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #888;
	padding: 2px;
}
.workoutTableCell {
	text-align: center;
	width: 120px;
	padding: 4px;
}
.workoutTableWeekCell {
	text-align: center;
	width: 60px;
	padding: 4px;
}

.languages {
	float: right;
	margin: 16px;
}
.languages a {
	color: #aaa;
}