@import url("whitespace-reset.css");

body {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 14px;
	color: #333333;
	background: #F6B82E url("/images/touch/logo.jpg") no-repeat 50% 0; }

#header {
	height: 160px;
	width: 750px;
	margin: 0 auto;
	position: relative; }
	#header a#logo {
		display: block;
		height: 85px;
		width: 225px;
		position: absolute;
		top: 35px;
		text-indent: -5000px; }
	#header h1 {
		text-indent: -5000px; }
	#header a#btn_twitter {
		position: absolute;
		top: 50px;
		right: 10px;
		font-size: 11px;
		font-weight: bold;
		text-shadow: #F7D924 0 1px 0;
		color: #009900;
		text-transform: uppercase; }
		#header a#btn_twitter:hover {
			color: #0066CC;
			text-decoration: underline; }
		#header a#btn_twitter:active {
			color: #003399; }

	#header a#btn_facebook {
		position: absolute;
		top: 30px;
		right: 10px;
		font-size: 11px;
		font-weight: bold;
		text-shadow: #F7D924 0 1px 0;
		color: #009900;
		text-transform: uppercase; }
		#header a#btn_facebook:hover {
			color: #0066CC;
			text-decoration: underline; }
		#header a#btn_facebook:active {
			color: #003399; }

	#header a.btn_app-store {
		position: absolute;
		bottom: 15px;
		right: 0px; 
		display: block;
		height: 64px;
		width: 227px;
		text-indent: -5000px;
		background: transparent url("/images/touch/btn_app-store.png") no-repeat 0 0; }
		#header a.btn_app-store:hover { background-position: 0 -65px; }
		#header a.btn_app-store:active { background-position: 0 -130px; }

#sitewrapper {
	width: 710px;
	padding: 20px;
	margin: 0 auto;
	background: #F7C147 url("/images/touch/bg_content-top.png") no-repeat 0 0; }
	#sitewrapper #video-frame {
		width: 244px;
		height: 414px;
		float: left;
		position: relative;
		padding: 91px 0 0 30px;
		background: transparent url("/images/touch/bg_video-frame.jpg") no-repeat 0 0; }
		#sitewrapper #video-frame #video {
			height: 326px;
			width: 218px; }
			#sitewrapper #video-frame #video object { }
		#video-frame a.btn_app-store {
			position: absolute;
			bottom: -45px;
			left: 25px;
			display: block;
			height: 43px;
			width: 227px;
			text-indent: -5000px;
			background: transparent url("/images/touch/btn_app-store-small.png") no-repeat 0 0; }
			#video-frame a.btn_app-store:hover { background-position: 0 -43px; }
			#video-frame a.btn_app-store:active { background-position: 0 -86px; }
	#sitewrapper #main {
		width: 420px;
		float: right;
		padding: 30px 0 0 0; }
		#sitewrapper #main .block {
			padding: 0 0 0 50px; }
			#sitewrapper #main .block.icon_red {
				background: transparent url("/images/touch/icon_cash-red.gif") no-repeat 0 0; }
			#sitewrapper #main .block.icon_green {
				background: transparent url("/images/touch/icon_cash-green.gif") no-repeat 0 0; }
		#sitewrapper #main h2 {
			font-size: 22px;
			font-weight: normal;
			color: #000000;
			margin: 0 0 5px 0; }
		#sitewrapper #main p {
			line-height: 150%;
			margin: 0 0 30px 0; }
		#sitewrapper #main a { }
		#sitewrapper #main a:hover { }
		#sitewrapper #main #screenshots {
			float: left;
			width: 420px;
			padding: 10px 0;
			background: transparent url("/images/touch/bg_screenshots.gif") repeat-x 0 0; }
			#sitewrapper #main #screenshots ul {
				float: left; }
				#sitewrapper #main #screenshots ul li {
					float: left;
					margin: 0 7px; }
					#sitewrapper #main #screenshots ul li a {
						float: left;
						display: block;
						position: relative;
						padding: 6px 0 0 8px;
						width: 82px;
						height: 120px;
						background: transparent url("/images/touch/screens/tn_frame.png") no-repeat 0 0; }
					#sitewrapper #main #screenshots ul li a:hover { }
					#sitewrapper #main #screenshots ul li a b { display: none; }
					#sitewrapper #main #screenshots ul li a:hover b {
						display: block;
						height: 35px;
						width: 35px;
						position: absolute;
						bottom: 15px;
						right: 12px;
						text-indent: -5000px;
						background: transparent url("/images/touch/icon_enlarge.png") no-repeat 0 0; }
					#sitewrapper #main #screenshots ul li a img { display: block; }
	#sitewrapper #notice {
		clear: both;
		height: 125px;
		width: 540px;
		padding: 25px 20px 0 150px;
		position: relative;
		background: #F6A806;
		border: 1px solid #F9D177; }
		#sitewrapper #notice a#btn_app-price {
			display: block;
			height: 131px;
			width: 153px;
			position: absolute;
			top: 19px;
			left: 0;
			z-index: 1;
			text-indent: -5000px;
			background: transparent url("/images/touch/btn_price.png") no-repeat 0 0; }
		#sitewrapper #notice a#btn_app-price:hover {
			background-position: -200px 0; }
		#sitewrapper #notice a#btn_app-price:active {
			background-position: -400px 0; }
		#sitewrapper #notice h3 {
			font-size: 22px;
			font-weight: normal;
			color: #000000;
			position: relative;
			z-index: 2;
			margin: 0 0 5px 0; }
		#sitewrapper #notice p {
			font-size: 13px;
			line-height: 150%;
			position: relative;
			z-index: 2; }

p#footer {
	width: 750px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 11px;
	font-weight: bold;
	text-shadow: #F7D924 0 1px 0;
	color: #C38F20;
	text-transform: uppercase;
	text-align: center;
	line-height: 180%; }
	p#footer a {
		color: #009900; }
	p#footer a:hover {
		color: #0066CC;
		text-decoration: underline; }
	p#footer a:active {
		color: #003399; }