html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
}
body {
	/*background: #000000 url(i/wood.jpg) repeat 0 0;*/
	background: #000000;
	
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #e5cab6;
}

::-moz-selection {
	color: #291B13;
	background-color: #E5CAB6;
}
::selection {
	color: #291B13;
	background: #E5CAB6;
	text-shadow: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
  table td {
    padding: 0;
  }

.feedback-slug {
	position: absolute;
	left: -12px;
	top: 65px;
	width: 56px;
	height: 116px;
	
	z-index: 900;
	
	cursor: pointer;
}
	.feedback-slug .bk {
		position: absolute;
		left: 0;
		top: 0;
		width: 56px;
		height: 116px;
		
		background: url(i/feedback-slug.png) no-repeat 0 0;
	}

.page-curl {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 103px;
}
	.page-curl .bk {
		position: absolute;
		left: 77px;
		top: 0;
		width: 123px;
		height: 103px;
		
		background: url(i/page-curl.png) no-repeat 0 0;
	}
	.page-curl .link {
		display: block;
		padding: 30px 0 20px 10px;

		font-size: 17px;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;

		/*cursor: pointer;		
		border: 1px solid red;*/
	}
		.page-curl .link span {
			border-bottom: 1px dotted #ffffff;
			text-shadow: 0 1px 1px rgba(0,0,0, .5);
		}
	.page-curl .activator {
		position: absolute;
		left: 0;
		top: 0;
		width: 200px;
		height: 70px;

		cursor: pointer;
		background: #000000;
		opacity: 0.01;
		filter: Alpha(Opacity=1);
		
		z-index: 18000;
	}

.header {
	position: relative;
	width: 880px;
	margin: 0 auto;
	padding-top: 28px;
}
	.header .shine {
		position: absolute;
		top: 0;
		left: 95px;
		width: 690px;
		height: 302px;
		
		background: url(i/shine.png) no-repeat 0 0;
	}
	.header .logo {
		position: relative;
		margin: 0 auto;
		padding: 0 40px;
		width: 320px;
		height: 174px;
		
		background: url(i/logo.png) no-repeat 80px 0;
	}
		.header .logo a {
			display: block;
			width: 320px;
			height: 174px;
			text-decoration: none;
		}
	.header .appstore {
		position: absolute;
		left: 50px;
		top: 80px;
		width: 218px;
		height: 162px;

		outline: none;
		text-decoration: none;
		background: url(i/badge-appstore.png) no-repeat 0 0;
	}

.page {
	position: relative;
	/*width: 880px;
	margin: 0 auto;*/
}
	.page .back-black {
		position: absolute;
		top: 102px;
		left: 0;
		width: 100%;
		height: 402px;
		
		background: url(i/back-black.png) repeat-x 0 0;
	}
	.page .content {
		width: 880px;
		margin: 0 auto;
	}
		.page .content .iphone {
			position: relative;
			width: 352px;
			height: 576px;
		}
			.page .content .iphone .device {
				position: absolute;
				left: 0;
				top: 0;
				width: 352px;
				height: 576px;
				
				background: url(i/iphone.png) no-repeat 0 0;
			}
			.page .content .iphone .screen {
				position: absolute;
				left: 66px;
				top: 118px;
				width: 222px;
				height: 334px;
				
				background: no-repeat 0 0;
			}
		.page .content .thumbs {
			position: relative;
			margin-top: 35px;
			height: 110px;
		}
			.page .content .thumbs .thumb {
				position: relative;
				float: left;
				width: 108px;
				height: 108px;
				margin-right: 2px;
			}
				.page .content .thumbs .thumb .bk {
					position: absolute;
					left: 0;
					top: 0;
					width: 108px;
					height: 108px;
					background: url(i/thumb-bk.png) no-repeat 0 0;
				}
				.page .content .thumbs .thumb img {
					position: relative;
					left: 14px;
					top: 13px;
					cursor: pointer;
				}
				.page .content .thumbs .thumb .fader {
					position: absolute;
					display: block;
					left: 14px;
					top: 13px;
					width: 80px;
					height: 80px;
					text-decoration: none;
					
					/*background: #000000;
					opacity: 0.2;
					filter: Alpha(Opacity=20);*/
					/*border: 2px solid #000000;*/

					/*cursor: pointer;*/
					
					outline: none;
				}
				
				.page .content .thumbs .current .bk {
					background: url(i/thumb-bk-cur.png) no-repeat 0 0;
				}
				.page .content .thumbs .current img {
					top: 7px;
				}
				.page .content .thumbs .current .fader {
					/*display: none;*/

					top: 6px !important;
					
					/*border: 3px solid #341207;*/
					border: 3px solid #F8CB38;
					border-radius: 4px;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					left: 13px;
					top: 12px;
					width: 77px;
					height: 77px;
				}
				
		.page .content .features {
			position: relative;
			height: 340px;
			overflow: hidden;
		}
			.page .content .feature {
				display: none;
				position: absolute;
				left: 14px;
				top: 0;
				
				font-size: 16px;
				font-weight: bold;
				text-shadow: 0 1px 1px rgba(0,0,0, .5);
				line-height: 1.25em;
			}
				.page .content .feature h2 {
					margin-top: 0;
					margin-bottom: 12px;
					
					font-weight: normal;
					font-size: 28px;
					color: #ffffff;
					text-shadow: 0 2px 3px rgba(0,0,0, .5);
					line-height: 1.2em;
				}
				.page .content .feature p {
					margin-top: 0;
					margin-bottom: 10px;
				}
			.page .content .features .current {
				display: block;			
			}

		/*.page .content .appstore {
			position: relative;
			margin-top: -15px;
			margin-left: 11px;
			
			width: 212px;
			height: 78px;
			
			background: url(i/appstore.png) no-repeat 0 0;
		}
			.page .content .appstore a {
				display: block;
				width: 212px;
				height: 78px;
				text-decoration: none;
			}*/

	.page .bottom {
		width: 940px;
		margin: 0 auto;
		
		font-size: 14px;
	}
		.page .bottom h4 {
			margin-top: 0;
			margin-bottom: 8px;
			
			color: #ffffff;
			font-size: 18px;
			text-shadow: 0 1px 1px rgba(0,0,0, .5);
		}
		.page .bottom p {
			margin-top: 0;
		}
		.page .bottom .inner {
			/*width: 900px;*/
			width: 840px;
			margin: 0 auto;
		}

.footer {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 26px;

	font-size: 12px;
	font-weight: bold;
	color: #C6A48B;
	text-shadow: 0 -1px 1px rgba(0,0,0, .5);
}
	.footer a {
		color: #C6A48B;
	}
	.footer a.jsaction {
		color: #C6A48B;
		text-decoration: none;
		border-bottom: 1px dotted #C6A48B;
	}
	.footer .copyright {
		text-decoration: none;
	}
	.footer .line {
		width: 940px;
		height: 2px;
		font-size: 1px;
		line-height: 1px;
		background: url(i/footer.png) no-repeat 0 0;
		margin-bottom: 20px;
	}
	.footer .inner {
		width: 840px;
		margin: 0 auto;
	}


#pageslide {
	display: none;
}
.pageslide-sidebar {
	background: #383838 url(i/sidebar-shadow.gif) repeat-y right top;
}
.pageslide {
	position: relative; /* needed for footer positioning*/
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */

	background: #000000 url(i/wood.jpg) repeat 0 0;
}

.feedback-sidebar {
	/*position: relative;*/
	padding: 20px;
}
	.feedback-sidebar .inner {
		position: absolute;
		top: 17%;
		/*width: 92%;*/
		width: 370px;
	}

body.feedback {
	background: #000000 url(i/wood.jpg) repeat 0 0;
}
	body.feedback .feedback {
		background: #383838;
		padding: 20px;
		padding-top: 10px;
		width: 400px;
		margin: 30px auto 15px;
		
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		
		box-shadow: 0px 5px 20px #000;
		-webkit-box-shadow: 0px 5px 20px #000;
		-moz-box-shadow: 0px 5px 20px #000;
	}

.feedback h3 {
	font-size: 18px;
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(0,0,0, .5);
}

.feedback form .field {
	margin: 0 0 20px 0;
}
	.feedback form .field label {
		display: block;
		margin: 0 0 3px 0;

		font-size: 16px;
		font-weight: bold;
		text-shadow: 0 1px 1px rgba(0,0,0, .5);
	}
	.feedback form .field input.text,
	.feedback form .field textarea {
		width: 93%;
		
		border-top: 1px solid #242424;
		border-left: 1px solid #242424;
		border-right: 1px solid #515151;
		border-bottom: 1px solid #515151;
		background: #464646;
		
		font-size: 14px;
		color: #ffffff;
		padding: 3px;
	}

	.feedback form .buttons input {
		color: #ffffff;
		font-size: 16px;
		font-weight: bold;
		text-shadow: 0 1px 1px rgba(0,0,0, .5);
		
		border-top: 1px solid #515151;
		border-left: 1px solid #515151;
		border-right: 1px solid #242424;
		border-bottom: 1px solid #242424;
		background: #464646;
		padding: 5px 3px;
	}

.feedback-sent {
	margin-top: 150px;
	padding-right: 10px;
	
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0, .5);
}
body.feedback .feedback-sent {
	margin: 100px 0;
}

.feedback-mask {
	background: #383838 url(i/feedback-waiting.gif) no-repeat center center;
}


.social {
	text-align: right;
  margin-bottom: 15px;
}
	.social .button {
		margin-left: 10px;
	}